用户体验的要素 8.2分
读书笔记 第6章至第8章
香蒲
  • 第 6 章
    • 6.1 框架层:界面设计、导航设计和信息设计
    • 6.2 框架层定义
    • 6.3 习惯和比喻
    • 6.4 界面设计
    • 6.5 导航设计
    • 6.6 信息设计
      • 指示标识
    • 6.7 线框图
    • 6.8 推荐阅读
  • 第 7 章
    • 7.1 表现层:视觉设计
    • 7.2 表现层定义
    • 7.3 忠于眼睛
    • 7.4 对比和一致性
    • 7.5 内部和外部的一致性
    • 7.6 配色方案和排版
    • 7.7 设计合成品和风格指南
    • 7.8 推荐阅读
  • 第 8 章
    • 8.1 要素的应用
    • 8.2 实例:搜素引槳的实施
    • 8.3 提出正确的问题
    • 8.4 马拉松和短跑

第 6 章

6.1 框架层:界面设计、导航设计和信息设计

6.2 框架层定义

通过界面设计来确定框架,通过导航设计

6.3 习惯和比喻

6.4 界面设计

复选框(checkbox)允许用户独立地选择各个选项。

单选框(radio button)允许用户从一组互斥的选项中选择一个

文本框(text field)允许用户一一等待着用户输入文字

下拉菜单(dropdown list)

多选菜单(list box),多选菜单有滚动条

按钮(action button)

6.5 导航设计

导航设计都必须同时完成以下三个目标:

首先,它必须提供给用户一种在网站间跳的方法。

其次,导航设计必须传达出这些元素和它们所包含内容之间的关系。

第三,导航设计必须传达出它的内容用户当前浏览页面之间的关系。

(navigation system)

几种常见的导航系统。

全局导航(global navigation)提供了覆盖整个网站的通路。

全局导航提供的是用户最有可能需要从网站的最终页面到其他什么地方的一组关键点。不管你想去哪儿,你都能从全局导航中(最终)到达那儿。

局部导航(local navigation)提供给用户在这个架构中到“附近地点”的通路。

辅助导航(supplementary navigation)提供了全局导航或局部导航不能快速达到的相关内容的快捷途径。

上下文导航(contextual navigation,有时也叫“内联导航”inline navigation)是嵌入页面自身内容的一种导航。这种类型的导航一一比如,一个在页面文字中的超级链接一一常常没有得到充分利用(或总是被错误地利用)。用户认为,他们需要另些信息的时候恰恰是在他们正在读文本的时候。与其强迫你的用户去扫描右侧的导航元素一一或者更槽的是,让他们不得不求助于搜索引擎一一还不如放一些相关的链接在他正在读的地方。

友好导航(courtesy navigation)提供给用户他们通常不会需要的链接,但它们是作为一种便利的途径来使用的。在物理世界,一个零食商店常常把它的营业时间摆放在入口处。对于大多数时候的大部分购物者来说,这种信息并不总是有用的。任何人都可以很快地告诉他这个商店是否正在营业中。但是你需要知道的是,这种信息在他们确实靥要的时候就能快速有效地帮助到他们。联系信息、反馈表单和法律声明的链接通常都放置在友好导航中

一些导航并没有包含在页面结构中,而是以它们自己的方式存在,独立于你的网站的内容或功能。这些称为 远程导航(remote navigation) 工具,在用户被你所提供的其他导航系统搞得头晕脑涨,或在看过你的导航系统否,他们很快决定放弃想都没有想过要弄明白它们的时候,大部分人都会想从远程导航中找到解决办法。【?】

网站地图(site map)就是一种常见的远程导航工具,它给用户一个简明的、单页的网站整体结构的快捷浏览方式。

索引表(index)是按字母顺序排列的、链接到相关页面的列表,它与一此书籍最后所列的素引表非常相像。

【苹果官网下面有个网站地图,但是索引的网站还没看到。】

6.6 信息设计

最关键的是,用一种能“反映你的用户的思路”和“支持他们的任务和目标”的方式来分类和排列这些信息元素。

指示标识

指示标识(wayfinding)。

信息设计与导航设计的集合。

指示标识的想法来自于物理世界中公共空间的设计。公园、商场、公路、机场和停车场,大部分都从指示设施中获益。比如说停车场,有时候会使用 “颜色编码”(color coding) ,来为人们提供线索,帮助他们记住停车的地方。在机场,标志、地图以及其他的指示设施,帮助人们找到他们周围的路径。

6.7 线框图

页面布局,页面示意图,线框图,wireframe,

是一个页面中所有的组成部分以及它们如何结合到一起的、露骨的描述(正如它的名字一样)。

你不需要为网站的每一个页面都准备一个线框图。

【可以归类?】

线框图是整合在结构层的全部三种要素的方法:通过安排和选择界面元素来整合界面设计通过识别和定义核心导航系统来整合导航设计通过放置和排列信息组成部分的优先级来整合信息设计。通过把这三者放到一个文档中,线框图可以确定一个建立在基本概念结构上的架构,同时指出了视觉设计应该前进的方向。

6.8 推荐阅读

第 7 章

7.1 表现层:视觉设计

7.2 表现层定义

7.3 忠于眼睛

眼球追踪(eyetracking)

7.4 对比和一致性

基于网格线的布局(grid- based layout)

7.5 内部和外部的一致性

7.6 配色方案和排版

7.7 设计合成品和风格指南

7.8 推荐阅读

第 8 章

8.1 要素的应用

创建用户体验的本质:

了解你正在试着去解决的问题。

了解你的解决办法所造成的后果

//////////

大部分时候,关于用户体验的决策总会体现在以下这些场景之中

由现状决定的设计(design by default)。

由模仿决定的设计(design by mimicry)。

由领导决定的设计(design by fiat)。

8.2 实例:搜素引槳的实施

8.3 提出正确的问题

你所能犯的最大的错误,就是以“节省项目时间或金钱的名义对用户体验问题敷衍了事。

8.4 马拉松和短跑

就如同不应该拿用户体验的任何一部分来碰运气一样,你也不应该靠运气来完成自己的开发过程。一个企业中永远处在紧急情况下的开发团田队太多了。每一个项目都被看成是对某些被察觉到的危机的回应,同时,这样的结果就是,每一个项目在它刚刚开始的时候就已经落后于计划了

当我向客户描述问题的时候,我常常使用一个比喻来形容用户体验开发过程:它是一场“马拉松”而不是“短跑”。了解你所参加的比赛类型オ能用适合的方式去参赛。

0
《用户体验的要素》的全部笔记 120篇
豆瓣
免费下载 iOS / Android 版客户端