恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
一个标签的修养
0.0°
2018-10-30 原创文章 经验/观点 举报 5246 140 282 7

我们将标签比喻成一个人,让我们看一下优秀的标签到底有哪些优秀的品质?

Image title

前言


标签设计是我们最经常用的设计组件之一,由于功能强大,使用场景多样化深受设计师们的喜爱。好的标签设计就像一剂完美的助攻,能帮助用户完成当前的任务,帮助产品达到业务目标。接下来我们会讲到标签的定义、特征以主要的功能和使用场景。


目录


1.标签的定义

2.标签的特征

3.标签的作用

5.标签的使用场景

5.总结


Image title


标签是事物抽象出来的定义,方便用户标记和机器识别。当然我们这里只需要理解在用户行为层面的使用,用户最终通过标签进行信息反馈和交互操作。 


Image title

  

Image title


A.开放性(所有用户可见)


B.轻量化(以关键词的形式)


C.参与性(标签内容可以由用户主动生成)


Image title


Image title



标签的两大作用我们可以理解为“信息传递”和“交互操作”。接下来我们详细分析一下标签的两大作用。


A.信息传递


无论 icon 图形标签或是文字标签首要的任务都是信息传递,因为适宜的标签设计能让用户产生正确的联想,进而执行下一步操作。我们可以理解为标签信息传递是为了满足用户的隐性需求,当用户在犹豫是否要进行下一步操作的时候,标签信息的作用则是加强用户的需求欲望,促进完成下一步操作。


结合上述中标签轻量化的特征,标签都是由提取的关键词组成。根据产品属性和业务的不同关键词的维度也各有所不同。例如偏向内容平台一般都会从内容中提取关键词,来达到为其他同属性内容引流的目的。


Image title


而电商快销类平台则是为了达到业务目标而尽量突出与用户利益相关的优惠活动。例如:热销、精选、满减等目的性特别强的关键词。


Image title


B.交互操作


标签的最终目的其实是帮助用户完成交互操作。我们可以分为可点击和不可点击两种。


可点击的标签一般多用于为产品内部流量分发,为其他同属性内容导流,点击标签进入其他页面。不可点击的标签的主要工作则是辅助业务模块,刺激用户点击业务模块。因为用户是否点击的该业务模块还需要考虑到其他因素,这时标签的作用更多的是辅助整个业务模块刺激用户点击。


Image title


Image title

接下来我们会根据标签的作用来归纳分析一下市场上主流的标签使用场景。主要包括产品展示&运营活动、兴趣推荐(模糊推荐)、内容引流、筛选分类、填写评论等五个主要的使用场景。


A.产品展示&运营活动


产品展示和运营活动是标签最经常出现的两个场景。因为这两个场景都有很强的目的性!产品展示最重要的目的就是提高产品的购买率,所以除了商品基本信息之外我们需要添加更加符合用户利益的的标签来吸引用户,辅助产品完成点击购买的任务,我们以小红书为例:


Image title


小红书的商品展示模块会将“折扣信息”和“自营”等标签放在底部,一方面刺激用户直接点击购买,另一方面用户会根据“关键词”去判断选择那种购买的方式会更加实惠。


运营活动则更多来激发用户的参与感。需要从多方面赢得用户的信任,一般情况下会通过加强与用户之间的情感和利益的联系,通过利益的吸引来促使用户在短时间之内做出决定。我们以下厨房为例:


Image title


下厨房活动区通过添加“夏秋特辑”的标签,来满足用户潜在对夏秋养生的需求,通过底部的添加“专栏“标签来提高活动的专业度,赢得用户的信任。下厨房从潜在需求和专业度的角度促进了用户的点击参与的欲望。


B.兴趣推荐(模糊推荐)


当用户进入一个新的场景的时候,用户往往显得不知所措,这个时候我们需要提供”兴趣标签“来为用户引导方向,用户可以根据平时自己的兴趣爱好选择标签。产品基于用户选择标签来推荐用户感兴趣的内容。我们以闲鱼为例:


Image title


闲鱼在鱼塘页面的热门主题模块中,通过”兴趣标签“流的形式来引导一部分目的不明确的用户来选择自己感兴趣的标签,进入自己感兴趣的鱼塘中,满足了用户的潜在需求。


C.内容引流


在注重内容的平台当中,标签承担着为其他内容导流的任务。我们常见内容引流的方式有两种:一种是文末出现关联性标签,另一种则是搜索推荐。


关联性标签通常会在内容底部出现,从内容中提取出与本文相关联的“关键词”作为标签,当用户浏览其中的内容后,通过标签来满足了用户想浏览其他相关内容的潜在需求。我们以UC头条为例:


Image title


UC头条通过从内容中提取相关内容的“关键词”标签,来满足用户对浏览同属性内容的潜在需求,同时达到了为平台内其他内容引流的目的。


搜索推荐,当用户要进行搜索的时候,app 会根据日常的浏览的数据和近期的热点进行兴趣推荐。这种场景下通常会弱化一下标签视觉冲击力,减少对用户主观意识的影响,这样做既不影响用户进行搜索同时又为用户提供了推荐选择。我们以豆瓣为例:


Image title


豆瓣的搜索界面会在最近搜索下面显示豆瓣热搜,以标签的形式的来展示平台内的的热门话题,从而达到为其他内容导流的目的,促使平台内部的流量分发平衡。


D.筛选分类


通过标签进行筛选分类能更加精准的选择所需要的内容。用户可以通过筛选自己认为对自己有用的数据维度信息,来进行信息的筛选。这样用户可以在一定范围内的内容进行浏览自己感兴趣的内容,避免了用户耗费大量的精力和时间去浏览信息,提高了用户的阅读效率。我们以淘宝的评论区域为例:


Image title


淘宝的评论区域通过算法将评论的内容通过标签的形式进行分类,用户可以根据自己需求进行筛选,浏览自己感兴趣的评论,这样帮助用户提高了浏览的效率,减少了用户在时间精力上的消耗。


E.填写评论


传统的评论区域需要用户填写大量的文字,但是我们可以通过前期对数据收集分析,选用常用的数据,预设成通用标签,用户可以根据自己的喜好进行快速选择点击选择,减少交互的路径。例如我们会在完成某项操作任务之后,app 会提示我们进行评价。我们以滴滴打车为例:


Image title


滴滴在完成行程和支付环节之后,会自动弹出评价页面,而这个时候用户通常是没有过多的精力去处理这些事情的,为了提高用户填写评价数量,滴滴将常用的评价提炼成关键词的形式,用户可以通过点击预设的评价来完成评论任务,这样能有效的减少用户所要消耗的精力,优化用户体验,提高信息采集率。


Image title



这次我们讲到了标签的定义是事物抽象出来的定义,标签具备开放性、轻量化、参与性的三个主要特征。标签的主要作用是信息传递和交互操作,交互操作包括可点击和辅助点击两种状态,其目的分别是为平台内部导流和贴合用户潜在需求和痛点。最后我们我们总结归纳标签的主要使用场景分别是产品展示和运营活动、兴趣推荐、内容引流、筛选分类以及填写评论。



关于标签以及推荐的设计?

https://www.zhihu.com/question/35267808/answer/65666707

标签设计、理查德塞勒和 Dark Pattern

https://www.jianshu.com/p/a15ec99d3ffb


更新:2018-10-30

收藏

140人已收藏

  • 15

    作品

  • 764

    粉丝

  • 57

    关注

  • 为何连“阿里、腾讯、美团”等大厂都选择了卡片设计
  • 你必须知道的 5种搜索页面的样式设计
  • 3步极速制定设计风格-思路篇
  • 你必须了解的七大交互心理学

    猜你喜欢

      2018-10-30 原创文章 经验/观点 举报 5246 140 282 7

      一个标签的修养

      0.0°

      你确定要举报一个标签的修养

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年08月22日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      282
      140
      7

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录