10 产品界面设计流程和原则

界面设计的流程

• 产品经理绘制原型图，表达软件中每个页面的设计需求。

• UE设计师协助产品经理完善交互体验，并制作交互原型。

• UI设计师基于交互原型进行美工设计，生成切图文件。

• 前端工程师拿到切图文件，进行前端开发，实现交互、动效等。

尼尔森十大交互原则

        交互设计领域有丰富的理论沉淀，最著名的尼尔森十大可用性原则：

1.可见性反馈原则（Visibility of system status）

        保持界面的状态可见，变化可见，内容可见。让用户知道发生了什么，在适当的时间内做出适当的反馈。 比如用户在网页上的任何操作，不论是单击、滚动还是按下键盘，页面应即时给出反馈。

2.贴近场景隐喻原则（Match between system and the real world）

        用用户的语言，用词，短语和用户熟悉的概念，而不是系统术语。功能操作符合用户的使用场景。

3.可控性回退原则（User control and freedom）

        用户经常错误地选择系统功能而且需要明确标识离开这个的“出口”。比如支持撤销和重做的功能。

4.防错原则（Error prevention）

        在用户可能犯错时进行提醒，比如删除或未保存可能造成的后果。

5.一致性和标准化原则（Consistency and standards）

        遵循平台的惯例，也就是，同一用语、功能、操作保持一致。

•  WPS Office的表格

• Microsoft Office的表格

6.协助记忆原则（Recognition rather than recall）

        尽量减少用户对操作目标的记忆负荷，动作和选项都应该是可见的。用户不必记住一个页面到另一个页面的信息。系统的使用说明应该是可见的或者是容易获取的。

7.灵活易用原则（Flexibility and efficiency of use）

        允许用户进行频繁的操作、自定义程度高、 更加便捷灵活的代码和反馈。

8.审美和简约设计原则（Aesthetic and minimalist design）

        不应该包含无关紧要的信息，重点太多相当于没有重点。

9.容错原则（Help users recognize， diagnose， and recover from errors）

        错误信息应该用语言表达（不要用代码），较准确地反应问题所在，并且提出一个建设性的解决方案。比如404。

10.帮助原则（Help and documentation）

        有必要提供帮助和文档。任何信息应容易去搜索，专注于用户的任务，列出具体的步骤来进行。帮助性提示最好的方式是：1、无需提示；2、一次性提示；3、常驻提示；4；帮助文档。