以用户为中心的web设计 笔记

整本书有点过于抽象了，比较郁闷

         用户体验：研究人们如何接触和使用

         整个网站分为5个层次，各层次关注的问题不同，从下往上是战略层、范围层、结构层、框架层和表现层

战略层

         主要关注：网站目标（我们要表达的）、用户需求（用户想要什么）。对于网站目标，要定出可测量的标准；对用户进行细分，收集用户需求。

范围层

         从用户需求和网站目标推导出内容需求（用户想要的内容）和功能规格（具有哪些功能），从我们为什么建设网站变成我们要建设什么。

收集需求

         让一个工程师、客服人员、营销人员坐到一起谈论一个网站

         创建虚拟人物角色、场景和案例

         从竞争对手处得到启示

         使用调查问卷

结构层

         如何将分散的需求构成一个整体，着眼于“用户的工作方式和思考方式”，可分为交互设计和信息架构，交互设计关注于影响执行和完成任务的选项；信息架构关注如何把信息表达给用户。

交互设计

概念模型

         就是模拟现实生活中的什么场景

错误处理

         将系统设计成不可能犯错的

         使错误难以发生，当发生错误时，系统可以帮助用户找出错误并改正它们

         某些用户行为在一开始无法被看成错误，只有完成这个功能才发现是错误的，应该提供恢复（重做）的方式。

         对于不可恢复的错误哦，提供大量的警告

信息架构

结构方法

         将页面作为最下的节点，则页面之间的关系有层级结构、矩阵结构、自然结构、线性结构。

         层级结构是一种常见的组织架构。

         矩阵结构通过引入查询或多种查看方式，可以横向地查看页面。

         自然结构无一直模式，鼓励自然探险，如娱乐或教育网站，方式应该是关键字链接

         线性结构用于组织小规模，用于限制呈现的内容顺序，如向导

组织原则

         就是如何组织节点。

         顶级层次应该紧密和“网站目标”和“用户需求”相关；下级层次考虑内容和功能需求。

         成功的用户体验就是能事先知道用户的期望。

语言和元数据

         使用用户的语言和保持一致性非常重要，为项目建立专业术语的词典。

         将搜索引擎和词典（首选词、禁用词、推荐词）联系起来，就会让搜索引擎变得聪明。

框架层

         包括交互设计、界面设计和导航设计

习惯和比喻

         尽量遵守习惯，除非违背它有明显的好处。

         避免比喻（照搬现实生活），就是减少用户在“理解和使用网站功能”时对心理的要求。

界面设计

         设计良好的界面是组织好用户最常用的行为，同时让这些界面元素用最容易的方式获取和使用。弄清楚用户不需要那些东西，并减少他们的可视性

         仔细考虑选项的默认值

         记住每个用户最后一次选择的状态

导航设计

         不要让我思考中已经详细介绍

信息设计

表现层

         对于在其他层面的目标，视觉设计给于它们的支持效果如何？

忠于眼睛

         跟着眼睛的感觉，找出界面上的重要元素，对重要元素做如下判断：

1.       你先注意什么？它们对于战略目标重要吗

2.       眯着眼睛或斜着去看页面，直到不能认出任何细节

你会发现，大多数人的视线在页面上的移动方式遵循一直的模式

成功的设计：

1.       一条流畅的途径

2.       提供引导用户区完成任务

对比和一致性

         对比：吸引注意力，能帮助用户理解导航之间的关系，表示信息分组的手段。

         一致性：大小、字体等

内外部的一致性

内部一致性：

         网站两个不同的地方不一致。

         办法：提取公有组件

外部一致性：

         多个产品之间

         办法：统一的品牌形象

配色方案和排版

         对你的网站使用一套互补的颜色组成的配色方案，鲜亮的用于得到更多注意