必备型|标签规范设计方法探索( 三 )

文章插图
为了能够将标签层级区分，这里我选取其中影响用户满意度的4类象限属性来评定优先级，分别为：必备型 > 期望型 > 兴奋型 > 无差异型，并给予匹配的分值进行量化，然后从产品侧和用户侧做访谈记录，综合两侧的得分来确定标签的优先级。
【举例】：xxx模块中的标签，选用KANO 模型正向维度从用户和产品重要程度去分别评分，设定：必备型（4分） > 期望型（3分） > 魅力型（2分） > 无差异型（1分），通过访谈等形式，汇总不同侧的排序顺序并给出对应结果分数，如：
用户：标签1(4分) ＞标签2(3分) ＞标签3(2分) ＞标签4(1分)
产品：标签3(4分) ＞标签2(3分) ＞标签4(2分) ＞标签1(1分)
分别将对应标签的得分乘积进行排序，确定标签的功能层级，最后结合标签颜色层级规范，进行最终的视觉样式设计:
标签1: 4 * 1 = 4
标签2: 3 * 3 = 9
标签3: 2 * 4 = 8
标签4: 1 * 2 = 2
最终标签层级：标签2 ＞标签3 ＞标签1 ＞标签4

文章插图
3.2 业务应用实例拿到需求后，不是随便的临摹竞品，而是要有理有据的使用 KANO模型进行需求分析，得到用户与产品想要的效果。以我司货源列表的标签应用为例，主要有：货源标签、会员标签、品牌标签、特殊标签等标签类型，按照以上方法进行评分定级：
首先分别从用户和产品的重要度去访谈并评测排序打分

用户：货源标签＞会员标签＞品牌标签＞特殊标签
产品：货源标签、品牌标签＞特殊标签＞会员标签

最终评分：货源标签：4*4=16、品牌标签：2*4=8、特殊标签：1*3=3、会员标签：3*1=3，根据所得分数排序，结合颜色层级设计规则，有差别的通过线、面等样式表现出标签的权重层级

文章插图
四、标签视觉层级定义标签应用中应根据信息级别高低有差别使用，标签颜色占比越大，造型个性且饱和度明度越高的标签层级越高，反之灰色系标签层级相对较低，适用于点缀辅助信息的传达：有色>无色、有色面>线；
多标签组合应用中，颜色尽量控制在3种色相以内，具体根据实际应用场景而定，不同属性的标签配色需结合标签的权重，明快且容易区分；相同属性的标签组合应用中可不做色相区分；若基础色板不满足业务需要，也可按基础色灵活扩展补充颜色有序使用。

文章插图
五、标签位置定义标签在日常应用场景中除了展示在内容中的常规位置外，还有2种常用的位置样式，我称之为：全贴边式标签、孤立式标签

文章插图
这些位置样式根据标签的重要性去设置，在使用过程中如何确定哪个位置是重要的，用户的视觉流顺序是怎样的呢，这里我结合古腾堡原则去分析使用。
【古腾堡原则】是由14世纪西方活字印刷术的发明人约翰·古腾堡提出，早在20世纪50年代，他在设计报纸的过程中，提出了一项原则，认为人的阅读方式应该是遵循某种习惯进行的，就像读书一样，由左到右，从上到下。经过研究最终得出被后人所熟知的结论：古腾堡原则，并附上了一张图，名为「古腾堡图」。古腾堡图将画面所呈现的内容分成四个象限：
第一视觉区：左上方，用户首先注意到的地方
强休息区：右上方，较少被注意到
弱休息区：左下方，最少被注意到
终端视觉区：右下方，视觉流终点

文章插图
从而我们可以得出同一场景内标签位置视觉醒目度：左上 > 右上，根据标签的重要性、背景元素等信息，确定标签的展示位置规则，将其划分为：首要性标签 > 重要性标签 > 一般性标签
首页性：建议用左侧全贴边样式标签（若不遮挡内容，也可用孤立样式）
重要性：左右皆可，看是否会和首页性标签冲突，以及出现频率高低（如冲突，居右展示）
一般性：建议采用居右贴边样式，减少用户干扰。（若不存在其它优先级影响，可以提升样式重要度，如右贴边样式可以升级为孤立式……）

文章插图
六、标签类型/规范定义对于标签类型而言，由于每个平台的属性各不同。所以面对复杂的应用场景，我们在设计匹配时要寻找属于复合自身产品业务的属性的方法，以我司为例标签的类型主要分为：常规标签、异形标签、会员/等级标签、营销标签、角标签、印章标签