【读书笔记】信息架构：超越Web设计-第七章《标签系统》

本文链接：https://blog.csdn.net/sita1207/article/details/135441325

前言：
任何人的网站或程序都是在做标签设计（label）。语言本质上就是概念和事物的标签系统。

标签系统如何与我们讨论的其他系统匹配？标签通常是向用户展示我们系统的最明显的方式。

例如与网站系统的分类是标签（家庭办公，小型企业，大中型企业，政府），全站的导航命名也是标签（主页，搜索，意见反馈），操作是标签（添加到购物车，输入账户信息，确认购买）以及其他渠道也可以用标签交互，比如产品的目录、客服的IVR智能语音导航。

用户浏览网站实际上是单向的交互。（双向浏览是我们人与人之间的交谈，当我们发现对方走神的时候，可以提醒他。）但是如果我们标签儿设计的不好，用户走神了，我们无从得知。——导致用户交流中断且难以测量影响面。

为了提供更流畅的阅读体验，我们尽量要用用户熟知的语言来给标签命名。如果真的绕不开专有名词，我们得添加一些注释，让用户更快明白这是什么。

一般来说一个好的标签栏设计不会让用户感觉到卡顿或者很吸引目光，他在那里浑然天成，如果存在很吸引你的标签，那么我们可以思考一下吸引人的原因是什么。

作者举例：星巴克官网的导航栏（coffee、menu、coffeehouse、responsibility、card、shop）

coffee比较适宜&熟悉。
menu在网站里是指菜单还是网站目录的意思，这个不太清楚，需要点进去看才能确认是咖啡菜单。这给用户增加了点击阅读的成本。
coffeehouse是什么？我买咖啡的话是不是也需要了解这个呢？实际上这个词除了表示字面意思“购买咖啡的场所”之外，还存放了星巴克的iOS和安卓端应用下载方式，所以这个label在星巴克官网中被赋予了不同的定义。合理，但需要移动鼠标来查看。
……

在2024年的今天，星巴克中国官网是如图的样子，中文版解决了部分问题：

思考：但是刚刚在星巴克官网中，我注意到导航栏已经没有出现在首屏了，取而代之的是“登陆”“注册”。这是否意味着当今的平台中用户信息变成了最重要的内容之一呢？
仅存的可以称之为导航的内容是“门店”“我的账户”“菜单”，我是点击了≡这个符号才打开的导航栏。

一般来说，链接的文字说明标签告知用户如果点击将会发生什么事情。

这个标签当然要让用户好理解，但是必要的模糊可以勾起读者的兴趣，like：震惊！学习了xx后他竟恐怖如斯！

当然，如果是别人在他的文章里放了你的链接，他给这个标题写什么，你通常没有办法把控。

并不一定有标题，比如时间+球队+地点，表示的是比赛日程。

刚刚星巴克的例子就是这一种标签。
对于导航系统设计，有一些业内通用说法，如以下截图：

在这里插入图片描述 4. 标签做索引
第十章将详细说明索引词。

用图片的优势是儿童或者文盲也可以看懂。但要注意不要让形式凌驾于功能之上，满屏的图标更不知道是什么意思，必要的时候附上文字说明吧。

怎么让设计的标签更具有表达性？

网站的内容、用户、情景需要保持简单和集中。

从目标出发：谁要用？包含什么信息？如何、何时使用？
who What when where why how——5w1h

一致性

风格	标点符号和字体
版面形式	字体、字号、颜色、留白
语法	如果是一句话的标签，要注意表述形式。“打扮爱犬”“训练爱犬”这种规范的动词+名词
粒度	比如“中餐”“西餐”“白菜”，混在一起就有点奇怪
全面性	裤子、领带、鞋子，但是没有衬衣，用户就会很奇怪，你们真的没有吗？
用户语言	“xxxxx癌症”“xxxxx病变”“肚子痛”，肚子痛不适合出现在医生网站里