这一部分只是告诉大体怎么做,有什么样的基础知识。好的用户界面设计一定是要足够的积累,不仅仅是技术,还有心理学、审美、权衡决策等等。为什么用了二十多年的系统界面在有了更好的实现仍然不敢替换,主要原因是用户已经习惯了,非到了迫不得已不会动系统界面。用户界面设计入门门槛是比较低的,不过易学难精。
- 用户界面设计概念和指南
- 用户界面技术
- 图形用户界面风格
- 如何设计用户界面
1.用户界面设计概念和指南
人的因素在用户界面设计中占据主导地位,这是毫无疑问的。系统用户大致分为专家和初学者,或者不可任意支配和可任意支配的两类。专家用户是有经验的计算机用户,会花费大量的时间熟悉应用程序,计算机的使用通常被他们认为是不可随意的。初学者用户是不太有经验的计算机用户,计算机的使用对他们来说是随意的。专家用户和初学者用户是系统用户的两个极端,不过现在是专家用户的比重越来越高。
界面设计中经常出现的问题有:
- 过多地使用计算机行话和缩写
- 不明显或不太直观的设计
- 不能确定要执行的下一个动作
- 不一致的问题解决方式
- 设计不一致
这些问题会使用户混淆、惊慌、挫折、厌倦、误用、放弃和其他不期望的后果。为了避免这些问题,需要在设计界面时参考以下设计原则:
- 理解你的用户及其任务
- 让用户参与界面设计
- 在实际用户中测试系统
- 进行迭代设计
设计之中还要参考一些人类工程学的内容,例如系统用户应该总是知道下一步应该干什么;屏幕应该被格式化;各类消息的显示区域;用户的默认输入值或默认答案等等。提示信息的语气和词汇很重要,要口语化、平等、简单,同时词汇要保持一致。
2.用户界面技术
操作系统和浏览器是用户界面中比较关键的部分,不过浏览器占的比重越来越高。应用系统在采用CS架构时,用户界面需要关注计算机的操作系统;应用系统在采用BS架构时,用户界面需要关注浏览器。不管是操作系统还是浏览器,都会受到硬件显示器的限制。通常显示器的配置是没有办法做强制规定的。在一些显示界面上,会支持键盘和指点设备的操作。
3.图形用户界面风格
图形界面的风格会影响窗口和各种窗体、菜单在界面中的风格(层级菜单、下拉式菜单、层叠式菜单、弹出式菜单、浮动式菜单、图标菜单、工具条)。窗体和菜单是用户界面的主体结构,在界面风格中有决定性的影响力。现在在web界面中除了以上两个部分,超链接和超链接菜单是有别于CS结构应用系统的一大改进。指令驱动的界面时专家用户最喜欢的,适合专业人员,因为需要学习指令集,所以这样的系统比较少见,如GIT。现在各种人工智能的兴起,带动了“提问——回答对话”方式的界面,非常适合客服系统和支持帮助系统。
界面还需要考虑认证和授权的问题,特别是系统中一些关键性的业务界面。系统的用户操作指南之类的内容也需要处理界面的时候一并考虑进去。
4.如何设计用户界面
设计用户界面需要使用一些快速生成界面的工具,例如画页面的工具。
设计用户界面的步骤很简单,如下所示:
- 第一步,以图形形式描述用户界面对话
- 第二步,原型化对话和用户界面
- 第三步,获得用户反馈
- 第四步,如果需要则回到第一步或第二步
第一步在描述用户界面对话时很容易出现因为原型的界面数量过多导致界面之间顺序混乱,这个时候可以使用状态转换图将原型界面的跳转关系画出来。如果一个转换图放不下,可以做适当的分解。
第二步在原型化对话和用户界面的过程中,需要满足用户的使用习惯、备份恢复、数据统计、交互方式等等细节性的要求,说起来很简单。
第三步是获得用户反馈,这个是非常重要的,在这里要做技术和用户体验的平衡。在这个地方迭代很多次是很正常的一件事。如果跳过这一步,会导致各种直接或潜在的问题,不可胜数的问题。