产品UI设计

一、《就这么简单Web开发中的可用性和用户体验》

1、是否“人性”，是否考虑“骑自行车的人”？

2、是否考虑“所有”的用户？

3、过于专业

过于专业的词汇会让你的大脑有一种潜在的抵触情绪，它会欺骗你的眼睛。

4、你所应该关注的只是“目的达到了没有”

用户只需要感觉你的产品好用、方便、舒服，他们就会高兴，那么你的目的就达到了。

5、如何做到这一点

（1）多给一点好玩的图片

（2）用一种交谈的方式

使用很通俗的语言，或者打比方，说起你我都知道的笑点，热门IP。

（3）引起注意，并保持注意

（4）有所取舍，才能有所收获

UI所要考虑的，则是这个按钮的摆放位置、上面显示什么文字，甚至是我们到底要不要这个按钮。而美术人员所需要做的，是让这个按钮更好看、显得时髦，或者符合界面中其它元素的美术风格。

6、用户界面设计人员要做的各种工作中的一些例子：

（1）协助为拟定开发的产品定义用户模型；

（2）参与产品的可用性测试和评估，并提出修改建议；

（3）将完成一个普通任务所需要的鼠标动作减少一半；

（4）将网站中弹出窗口的总数量从27个减少到15个以内；

（5）修改菜单中的命令，将原来不一致的、令人困惑的短语改成容易理解的词。

（6）……

7、什么是交互设计

从用户的角度而言，交互设计在本质上就是关于开发易学易用、使用有效果而且令人愉悦的交互式产品，使他们能更有效地进行日常工作和学习。

8、什么是好的用户界面设计

（1）我们要理解什么是好的设计，先来看看什么是不好的设计。

（1.1）视觉表达不清

没有明显的视觉顺序和用户焦点。内容之间没有明确划分。

（1.2）非常繁琐

（1.3）提示混乱

（1.4）难以使用

（1.5）强迫用户

（2）那么该怎么做？

（2.1）什么人会使用产品？用在什么地方？

（2.2）用户会有什么样的行为？

（2.3）如何优化用户与产品之间的交互？

（2.4）考虑人们擅长什么、不擅长什么；

（2.5）考虑什么可能对用户的当前做法有所帮助；

（2.6）考虑如何提供高质量的用户体验；

（2.7）听取人们想要些什么，并让他们参与设计；

（2.8）在设计过程中，让用户来尝试和验证。

9、用户界面不是次要的工作

用户界面绝不是仅仅只包括“字体和颜色”，它关心的并不只是关于字体和颜色的处理。它关心的是软件究竟如何工作，而不是表面看上去如何。例如，用户学习使用产品是否感到费力、产品功能是否能满足用户的目标，用户完成任务的效率如何。

用户界面设计工作是一种工程性的工作，以科学为基础，需要明确的要求，要考虑候选设计方案，同时它还有限制条件，需要综合考虑，还需要测试、评估和修正。

真正的用户界面设计人员擅长的是分析和理解用户的任务需求，使控件和信息的安排更加合理，还有简化产品的复杂度。同时，他们能认识到用户在学习或使用产品的过程中，一般可能会在哪些地方遇到问题。

10、用户界面设计工作开展

（1）不用成为专家，理解方式即可

用户界面设计就是在产品功能完整的基础之上，考虑如何更好地展现，以及如何让用户能够更方便容易地使用它，从而在各个方面提升产品的质量，得到用户和客户们更高的评价，最终扩大产品和服务的销售。

（2）四项基本活动

（2.1）首先找到真正的用户，然后从他们那里找到需求；两部分内容：第一，用户想要什么；第二，我们要做什么；（需求理解，形成需求池）

（2.2）提出满足用户需求的构思。两部分工作；第一，概念设计，就是用一种用户能够理解的方式取描述产品应该做些什么、如何运作、外观如何；第二，物理设计，考虑产品的细节，包括要使用的色彩、声音和图像，还有菜单设计和图表设计；（头脑风暴+思维导图：试试该如何来做）

（2.3）先简单地做个样子出来

（2.4）看看这个设计行不行

可用性目标具体可以分为：

[if !supportLists]v [endif]可行性（使用有效果）

[if !supportLists]v [endif]有效性（工作效率高）

[if !supportLists]v [endif]安全性（能安全使用）

[if !supportLists]v [endif]通用性（具备良好的通用性）

[if !supportLists]v [endif]易学性（易于学习）

[if !supportLists]v [endif]易记性（使用方法便于记忆）

用户体验目标：

[if !supportLists]v [endif]令人感到满意

[if !supportLists]v [endif]令人心情愉快

[if !supportLists]v [endif]有趣味性

[if !supportLists]v [endif]引人入胜

[if !supportLists]v [endif]富有启发性

[if !supportLists]v [endif]富有美感

[if !supportLists]v [endif]富有时尚感

[if !supportLists]v [endif]可激发创造性

[if !supportLists]v [endif]让人有成就感

[if !supportLists]v [endif]让人得到情感上的满足

11、用户界面设计的“摩西十诫”

（1）、让用户随时了解系统的状态，提供适当的反馈

（2）、系统应与真实世界相符合，符合使用习惯

（3）、基于用户控制权和主动权，提供醒目的“紧急出口”

（4）、提倡一致性和标准化

（5）、帮助用户识别、诊断和修复错误

（6）、预防错误，合理地限制用户的操作

（7）、依赖识别而不是记忆

（8）、强调使用的灵活性及有效性

（9）、最小化设计，简洁、明快，平衡

（10）、提供帮助及文档

12、如何评估可用性

（1）根据第一印象总结该产品工作方式的长处和短处，并且列出它的功能。列出一般用户将用它来执行的任务。让我们来看看，这款产品的实际功能与用户的期望相比，是更多、相同还是更少？

（2）列出评估该产品的可用性目标和用户体验目标。根据目标的重要性进行排序。（当然，你要说出这么排序的道理）

（3）把选择出来的核心可用性目标和用户体验目标表达成若干个问题的形式，再根据这些问题进行大致的评估。例如：

“软件采取了什么具体措施来保证安全性？”“网站的一些功能对于普通用户来说是否比较容易掌握？”这些是关于可用性的目标的问题；

而“使用它是否让人感觉有趣？”“用户会不会在使用中常常觉得沮丧？”这些则是属于用户体验目标的问题。

（4）看看这个设计是否能够满足那些可用性原则的要求；

（5）根据所做的可用性评估，提出界面的改进方案。