美文网首页
《信息架构》学习笔记6

《信息架构》学习笔记6

作者: 帅春风 | 来源:发表于2021-12-18 23:35 被阅读0次

什么是标签?

上帝用泥土塑造各种飞禽走兽
把它们领到这个人面前
看他要给它们起什么名字
他对每种动物的称呼就成了这种动物的名字

我们的标签创建要远远早于我们的产品;从亚当为动物命名开始,标签命名就让我们成为人类的基本能力之一。语言本质上就是概念和事物的标签系统。
页面上,某个文章的标题是一个标签,某个模块的名字也是一个标题。组织系统在页面上的显性表达,就是由多个标签构成的。而导航系统在页面上的显性表达,也是由一个个标签构成的。

标签的命名

我在路上远远地看到我很久没见面的朋友,他在买东西,他没有看到我。这个时候,我会呼唤他的名字,或者绰号,然后他如果听到了,才会抬头和我打招呼。

名字,绰号,就是某个人的“标签”,标签在人和人,人和机器之间的沟通中,构成了彼此都理解的统一的交流内容。用户使用机器,便能得到用户“需要”的反馈结果。标签的命名决定了沟通是否容易或困难,所以标签的命名很重要。

关于标签的命名,建议遵守的原则的:

  1. 可被用户理解
  2. 贴合情景定位
  3. 给用户产生好印象

标签包括哪些

标签包含文本型和图标型。而文本型可以是情景式链接,标题,导航系统选项,索引词等

标签如何进行设计

标签的设计需优先考虑用户,情景以及内容,在此基础之上进行设计,并考虑一致性的风格,版面样式,语法,颗粒度,全面性。

风格
标点符号和大小写的不一致,是标签系统中常见的问题。

版面形式
字体,字号,颜色,空白,分组方式的一致性应用,也可以从视觉上加强标签群主的系统性本质

语法
我们经常会看到混合使用以动词为基础的标签(例如:打扮爱犬),以为名词为基础的标签(例如:爱犬饮食),或以疑问句为基础的标签(例如:你怎么训练爱犬),在特定的标签系统中,可以选择一种样式并遵循它。

颗粒度
让标签组的含义,能有相同的颗粒度,会让用户遇到标签的时候不至于感到困惑。例如反例,一组让用户感到困惑的标签组“中餐馆,餐厅,汉堡王,快餐连锁店”

全面性
一个全面的范围可以帮助用户快速扫描网站,推论出网站说提供的内容。

语言特点
根据使用用户的不同的定位,使用的语言也会有所区别。例如二次元的网站更多的年轻人,所以可以使用一些年轻人的词汇。而当一个中年阿叔使用的网站,则不宜使用YYDS之类的字眼,因为可能他们看不懂,无法理解。

标签建立之后如何自检

建议以表格的形式整理标签,可以使用更集中、更完整、更精确的观点看待网站的导航系统,将其视为一种系统。

本文参考文献:
《信息架构-超越Web设计》,作者Louis Rosenfeld,Peter Morville, Jorge Arange著

相关文章

  • 《信息架构》学习笔记6

    什么是标签? 上帝用泥土塑造各种飞禽走兽把它们领到这个人面前看他要给它们起什么名字他对每种动物的称呼就成了这种动物...

  • 《信息架构》学习笔记7

    你的用户在什么时候需要搜索 你的用户可能宁愿浏览,也不愿意搜索。例如手工艺品网站的用户可能更喜欢浏览卡片的缩略图,...

  • 《信息架构》学习笔记8

    我们对世界的理解,很大程度上取决于我们组织信息的能力。你住在哪里?你是做什么的?你是谁?我们的回答揭示了形成我们理...

  • 《信息架构》学习笔记5

    迪士尼乐园营造了大家都向往的童话世界。而它之所以让人心驰神往,是因为这个场所,提供了一个精心设计的组织结构,可以帮...

  • 《信息架构》学习笔记3

    走向优秀的信息框架,必须考虑用户、情景和内容。 情景:指代数字化设计项目所在环境,宏观的环境有特定商业或组织环境中...

  • 《信息架构》学习笔记2

    什么是信息架构: 我们很难用一两句话直接描述信息架构是什么。 它是我们共享信息环境的结构化设计。 它由数字、物理和...

  • 《信息架构》学习笔记1

    在苹果itunes的发展历程中,经历了从一个小小的音乐播放器,再到容纳各种播客,互联网电台,支持有声书,流媒体音乐...

  • 《信息架构》学习笔记4

    网站的设计者通过信息架构的精心设计,让用户更容易查找到“需要”的内容,也让用户更容易理解到网站提供给到用户的“内容...

  • 产品信息架构学习笔记

    信息架构归根究底的是引导用户快速找到我们想要提供给他的信息或者他想要的信息,无论导航、类目,还是搜索都只是引导用户...

  • 信息架构—笔记

    个人抄录。微专业笔记,版权归网易云课堂所有。 1 认识产品的信息架构 从界面的信息中知道可以用这个产品做什么事,大...

网友评论

      本文标题:《信息架构》学习笔记6

      本文链接:https://www.haomeiwen.com/subject/mlrnfrtx.html