界面设计的流程
产品经理绘制原型图,表达软件中每个页面的设计需求。
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;帮助文档。