最专业的八方代购网站源码!

资讯热点
高级知识!超综合标记系统设计总结

发布时间:2019-8-21 分类: 行业资讯

今天的文章是对产品中标记系统的一种分析,其中涉及很多内容,希望对大家有所帮助。

标记系统

写这篇文章的原因是我最近在“饥饿”中订购了外卖。我发现商店有很多“标签”,每个标签代表不同的含义。 “新”意味着商店刚刚开放; “减号”表示完全减价; “first”表示新用户减少消费量的订单; “保证”代表商店参与“保修期外”计划,食品安全可靠; “票证”表示商家支持发票等。非常复杂,我问自己:如果我正在做的产品中有这么多标签,我应该如何展示它们?为了解决这个问题,我认为有必要对产品中的标记系统进行梳理。

从这个角度来看,每个人都不知道标记系统是正常的,因为这只是我为了方便表达而拥有的名称,你可以拥有自己的名字。设计实际上是一个包容性行业。没有非黑色或白色的东西。同样的设计理念,每个人都有不同的名称和理解。我理解的标记系统是标记用户可以感知的特定内容,以满足营销需求或状态变化。

以下是标记系统中几个常见设计元素,角落,标签,红点和图章的详细说明。

角标

角标主要用于营销推广,以提高用户点击率。例如,圣诞节即将推出,你想专注于推广产品,你可以利用角落吸引用户的注意力,加上“爆炸”,“折扣”和“热销”等字样。

在我看来,角标记是最具表现力的标记元素。因为角标记通常出现在界面的左上角和右上角,所以左上角大部分都是。根据用户的“Z”浏览习惯,角标记很容易被用户察觉,并且角标记通常是平的,更好。达到吸引用户注意力的目的。

角标的缺点是一次只能出现一个。如果您的产品有多个卖点,如“爆炸”,“额外价格”和“特殊应用”,则不适合使用角标记。

当然,如果你必须使用角落来显示它,这不是不可能,但它太拥挤了。这涉及信息优先排序问题。以上面的“饥饿”为例。如果我是这个平台的设计师,我也会把“新店”当成一个角落。由于角落对用户更具吸引力,我们必须利用这种强大的宣传力度来帮助新店开业期间。如果没有这种保护,新店将无法生存,也不会有新鲜血液输注。这个平台迟早会完成。

标签

Tag Tag,主要用于标记和选择。标签的性能比角标记弱,但优点是它们可以同时显示。我刚才提到的例子可以用标签来完成。和不同的标签我们可以设置不同的背景颜色来区分。

此外,用户可以单击以选择并快速查找具有相同标签的其他产品。因此,标签不仅可以完成标记任务,还可以在信息筛选和分类中发挥作用。

但并非每个标签都是可点击的,标签的样式与按钮非常相似。如何设计一个让用户知道“这不可点击”的标签是一个问题。我之前使用过的方法很糟糕,但我觉得效果不是很好,有更好想法的朋友可以留言。

红点

所谓的“数字红点”实际上是徽章的专业术语,主要表现为按钮或图标旁边的数字或状态标签。

红点最基本的用途是显示新消息的数量,当然,您也可以自定义显示号码以外的文本内容。

我们还可以显示一个小红点,以指示当前状态或内容更改,而无需添加任何文本内容。

事实上,我们必须谨慎使用小红点。因为小红点的工作原理在于用户追求和谐统一的界面,突然有一个红点,我不禁想点击。我们可以适当地减小红点的大小,或者使用一些微动来减轻用户对这个小红点的内心烦躁。

密封

邮票主要用于标记表格中的信息。表格中有很多一般的文字信息。为了突出,我们可以使用印章风格,并且由于印章在现实生活中带来的比喻,用户也很容易接受。

组件级别

即使在同一产品中,由于不同的使用场景和信息级别,相同的组件可以具有许多不同的呈现样式。

以使用场景为例,同一组消息提醒DND模式下红点的图案是否不同,这里的主要区别是小红点的背景颜色。

以信息级别为例。对于相同的标签,列表页面的样式是平的,细节页面是线性的。我这样理解这一点。在产品列表页面上,您必须通过这些“有吸引力”的标签吸引用户。当用户单击详细信息页面时,无需突出显示这些标记。

总结

最后,我们可以从使用场景的角度对四个元素进行排序:

角落:最具表现力,适合显示信息层次结构的最高或最重要的特征。

标签:常规标记元素,适用于显示不太重要和大量的功能。

小红点:专注于显示状态的变化。

邮票:首选标记表格中的多文本信息。

以上是我的打标系统的总结,希望对大家有所帮助。

« 案例说明:如何设计移动端的长形式? | 多域301跳合并,对SEO的影响! »