用户体验要素小结

首先推荐本书。小魔女的书单上该书被推荐两次，适合3~4年和5~6年的UI设计师。

 

前天群里一小伙伴问一网页设计的改进建议。

我说“你这网站是给公司做品牌宣传呢还是发布信息用的呀？一眼望去都是重点用户不知道要干嘛呀”

A说“你网页设计用栅格系统了吗”

B说“颜色应该选用XXX，现在看着旧，……”

C说“图片选好，用高清的，不要空着”

大家说的都有道理，但是角度不同，从用户体验五要素的角度看，我从战略层思考，A从框架层思考，BC从表现层思考。

书里有一句话印象较深：在大多数情况下，上一级层面中的错误有可能会削弱更低层面的正确决策。

 

下面是读书笔记的整理：

 

上图非常好的将五要素的关系和主要内容结构展示出来。

首先根据网页基本的双重性（描述功能型的平台类产品和描述信息型的媒介类产品）将五个层面分开。

 

战略层：为啥要做

范围层：做啥不做啥

结构层：核心功能应该在哪里出现，以及大致的体验流程

框架层：页面的具体功能摆放，信息布局，整体页面交互流程

表现层：最终呈现的视觉效果

 

一、战略层（输出物：战略文档，愿景文档，业务需求文档）

1，产品目标——我们要用户通过这个产品得到什么

商业目标：企业网站存在的目的是为公司赚钱还是为公司省钱？

品牌识别：品牌概念与品牌形象。

成功标准：通过一些可追踪的指标，来衡量用户体验工作的价值。如平均停留时间、回访数据等。

2，用户需求——我们的用户要通过这个产品得到什么

他们是谁：面对的适用人群

他们的需求是什么：可用性&用户调研

 

二、范围层（输出物：功能说明书）

1，功能规格说明：功能说明书，业务操作流程，功能优先级

2，内容需求：用户故事，输入和输出，词汇表

 

三、结构层

1，交互设计

1）概念，模型，方法的一致性。

2）错误处理：a将系统设计成不可犯错的那种； b使错误难以发生。系统应该帮助用户找出错误并且改正它们； c一开始无法判断错误时，当之后错误发生，系统应该为用户提供从错误中恢复的方式，如: 撤销

   边缘场景处理：a凡是输入，必有限制；b凡是输入，必考虑输出；c凡是成功，必考虑失败

2，信息架构——设计组织分类和导航的结构

 

四、框架层（输出物：交互流程图）

1，功能型产品——界面设计——提供用户做某事的能力——交互控件样式

2，信息型产品——导航设计——提供用户去某个地方的能力——跳转操作

信息呈现。常见分类：全局导航，局部导航，辅助导航，内联导航，友好导航，远程导航，网站地图，索引表

3，功能型产品和信息型产品——信息设计——页面内容

传达想法给用户，呈现有效的信息沟通。

 

五、表现层（输出物：视觉规范）

视觉原则：强化结构，传达品牌的形象

忠于眼睛：有效的扫描浏览和视觉引导

吸引用户：配色方案，排版和文案

             对比和内外部一致性

参考：http://old.zcool.com.cn/article/ZNDE4MDcy.html

          https://mp.weixin.qq.com/s/uW9gk9_dk_IsGvMKffvA4A