User Experience

Workshop Schedules(DAY-1)

• UX definition and scope
• Trending
• Key focus of UX(I,B,V)
• UI vs UX
• UX principles and best practices
• Practice for Design critiques

what is good design?
Easy to use Creative
Simplicity Functionalities
Easy to control Look & feel
Inspiration

Focus :
Visceral
How things look, feel,sound,instinctive,Visual beauty

Visceral

Behaviors
How a product behaves has become as important as how it functions,and a delicate balance of emotion, intelligence and beauty has become necessary to make a product
truly memorable.

Behaviors

Reflective
It's the product's capability to surprise and delight a user that distinguish them from the rest and ultimately enables them to lead a market. The key is being able to not just
identify the elements that go into creating value for the consumer, but to also isolate
the qualities that define emotion.

Reflective

UX Cores

UI vs. UX

UX works

practice

first

second

Third

Process

Process

UX Principles
尼尔森的十大可用性原则是产品设计与用户体验设计的重要参考标准，值得深入研究与运用。
一、状态可见原则

状态可见

状态可见2

用户在网页上的任何操作，不论是单击、滚动还是按下键盘，页面应即时给出反馈。“即时”是指，页面响应时间小于用户能忍受的等待时间。

1. 菜单tab记录是否明显？
   菜单Tab可以让用户知道自己当前在哪个位置，否则他们就会在我们的产品里迷路。
2. 标题栏是否明确？
   文章的标题是一篇文章的招牌，而标题栏就是一个页面的招牌，一个页面如果连标题栏都没有，或者标题栏和内容不符，那用户体验也是极差的。
3. 数据加载是否有进度提醒？
   很多时候，用户不是不愿意等待，只是等待的时间过长，用户也不知道还有多久，索性就把应用给关了，如果加上一个进度提示，让他知道页面加载和跳转大概还有多久，他就会更加耐心。这和我们早上赶路去上班愿意坐地铁二不愿意坐公交是一样的道理。因为公交车的到达时间是不确定的，而地铁一定会在说好的点到站，这样一比，地铁的用户体验就比公交车的用户体验好多了。所以，进度条是很有必要滴~
   二、环境贴切原则

环境贴切

匹配虚拟真实

网页的一切表现和表述，应该尽可能贴近用户所在的环境（年龄、学历、文化、时代背景），而不要使用第二世界的语言。《iPhone人机交互指南》里提到的隐喻与拟物化是很好的实践。此外，还应该使用易懂和约定俗成的表达。
图标，所有的文字，用户是不是都能读懂？有没有技术性语言是贴近技术而不是贴近用户的？
三、撤销重做原则

撤销重做

撤销重做2

用户控制

为了避免用户的误用和误击，网页应提供撤销和重做功能。
四、一致性原则

一致性

一致性2

同一用语、功能、操作保持一致。
五、防错原则

防错

通过网页的设计、重组或特别安排，防止用户出错。

1. 在容易犯错的重要操作是否有二次确认？比如取消订单，比如删除记录等等。
2. 在做出删除等不可恢复的操作之前，有没有文字提示？
   六、易取原则

易取

易取2

好记性不如烂笔头。尽可能减少用户回忆负担，把需要记忆的内容摆上台面。

1. 已填写的内容，是否在最终确认时向用户展示以示确认？
2. 已选择的商品和数量在最终下单前有没有和用户再次确认过？
   七、灵活高效原则

灵活高效

灵活高效2

灵活高效3

中级用户的数量远高于初级和高级用户数。为大多数用户设计，不要低估，也不可轻视，保持灵活高效。

1. 加载速度够不够快？
2. 用起来是不是能快速上手？
3. 功能有没有过于复杂不好理解？
4. 所有能点击的地方，指向性是否明确？有没有让用户迟疑的点击事件？
5. 最重要的是，你的中级用户都明白如何使用吗？
   八、易扫原则

易扫

易扫2

互联网用户浏览网页的动作不是读，不是看，而是扫。易扫，意味着突出重点，弱化和剔除无关信息。

1. 重要的功能/内容是否突出？
2. 版面划分是否清楚？
3. 不重要的功能是否隐藏或转移或弱化？
   九、容错原则

容错

帮助用户从错误中恢复，将损失降到最低。如果无法自动挽回，则提供详尽的说明文字和指导方向，而非代码，比如404。

1. 如果出现了错误，是否有人性化的提示告诉用户应该去哪儿而不是只有404？
2. 会不会出现异常操作导致应用崩溃的情况发生？
   十、人性化帮助原则

人性化帮助

帮助性提示最好的方式是：1、无需提示；2、一次性提示；3、常驻提示；4；帮助文档。

1. 简单的功能是否不需要文档就能看懂？
2. 陌生的功能是否有新手引导？
3. 困难的共是否有帮助中心？
4. 复杂的问是否有帮助文档？
5. 客服电话贴上了吗？