界面设计的第一步是将任务设计的结果作为输入,设计成一组逻辑模块,然后加上存取机制,把这些模块组织成界面结构。存取机制可以是分层、网络的或直接的,机制的类型主要由任务结构决定,也取决于设计风格。例如,菜单提供了层次结构,图标则是直接存取,也可以是层次的,而命令语言可提供网络也可提供直接存取机制。第二步是将每一模块分成若干步,每步又被组装成细化的对话设计,这就是界面细化设计(细化设计流程如下图所示)。
界面设计包括如下几点:
1.界面对话设计
2.数据输入界面设计
3.屏幕显示设计
4.控制界面设计
1.界面对话设计
在界面设计中要使用对话风格的选择,并加上用户存取和控制机制。对话是以任务顺序为基
础,但要遵循如下原则:
(1)反馈(Feed back):随时将正在做什么的信息告知用户,尤其是响应时间十分长的情况下。
(2)状态(Status):告诉用户正处于系统的什么位置,避免用户在错误环境下发出了语法正确的命令。
(3)脱离(Escape):允许用户中止一种操作,且能脱离该选择,避免用户死锁发生。
(4)默认值(Default):只要能预知答案,尽可能设置默认值,节省用户工作。
(5)尽可能简化对话步序:使用略语或代码来减少用户击键数。
(6)求助(Help):尽可能提供联机在线帮助。
(7)复原(Undo):在用户操作出错时,可返回并重新开始。
在对话设计中应尽可能考虑上述准则,媒体设计对话框有许多标准格式供选用。另外,对界面设计中的冲突因素应进行折衷处理。
2.数据输入界面设计
数据输入界面往往占终端用户的大部分使用时间,也是计算机系统中最易出错的部分之一。其总目标:简化用户的工作,并尽可能降低输入出错率,还要容忍用户错误。
这些要求在设计实现时可采用多种方法:
(1)尽可能减轻用户记忆,采用列表选择。
对共同输入内容设置默认值;使用代码和缩写等;系统自动填入用户已输入过的内容。
(2)使界面具有预见性和一致性。
用户应能控制数据输入顺序并使操作明确,采用与系统环境(如Windows操作系统)一致风格的数据输入界面。
(3)防止用户出错。
在设计中可采取确认输入(只有用户按下键,才确认),明确的移动(使用TAB键或鼠标在表中移动),明确的取消,已输入的数据并不删除。对删除必须再一次确认,对致命错误,要警告并退出。对不太可信的数据输入,要给出建议信息,处理不必停止。
(4)提供反馈。
要使用户能查看他们已输入的内容,并提示有效的输入回答或数值范围。
(5)按用户速度输入和自动格式化。
用户应能控制数据输入速度并能进行自动格式化,对输入的空格都能被接受。
(6)允许编辑。
理想的情况,在输入后能允许编辑且采用风格一致的编辑格式。
数据输入界面可通过对话设计方式实现,若条件具备尽可能采用自动输入。特别是图像、声音输入在远程输入及多媒体应用中会迅速发展。
3.屏幕显示设计
屏幕的设计主要包括布局(Layout),文字用语(Message)及颜色等,下面针对其进行讲解:
(1)布局
屏幕布局因功能不同考虑的侧重点不同。各功能区要重点突出,功能明显。无论哪一种功能设计,其屏幕布局都应遵循如下五项原则:
①平衡原则。注意屏幕上下左右平衡。不要堆挤数据,过分拥挤的显示也会产生视觉疲和接收错误。
②预期原则。屏幕上所有对象,如窗口、按钮、菜单等处理应一致化,使对象的动作可预期。
③经济原则。即在提供足够的信息量的同时还要注意简明,清昕。特别是媒体,要运用好媒体选择原则。
④顺序原则。对象显示的顺序应依需要排列。通常应最先出现对话,然后通过对话将系统分段实现。
⑤规则化。画面应对称,显示命令、对话及提示行在一个应用系统的设计中尽量统一规范。
在屏幕布局中,还要注意到一些基本数据的设置。
(2)文字与用语
文字和用语除作为正文显示媒体出现外,还在设计题头、标题、提示信息、控制命令,会话等功能时要展现。对文字与用语设计格式和内容应注意如下:
①要注意用语简洁性。避免使用计算机专业术语;尽量用肯定句而不要用否定句;用主动语态而不用被动语态;用礼貌而不过分的强调语句进行文字会话;对不同的用户,实施心理学原则使用用语;英文词语尽量避免缩写;在按钮,功能键标示中应尽量使用描述操作的动词;在有关键字的数据输入对话和命令语言对话中采用缩码作为略语形式;在文字较长时,可用压缩法减少字符数或采用一些编码方法。
②格式。在屏幕显示设计中,一幅画面不要文字太多,若必须有较多文字时,尽量分组分页,在关键词处进行加粗、变字体等处理,但同行文字尽量字型统一。英文词除标语外,尽量采用小写和易认的字体。
③信息内容。信息内容显示不仅采用简洁、清楚的表达,还应采用用户熟悉的简单句子,尽量不用左右滚屏。当内容较多时,应以空白分段或以小窗口分块,以便记忆和理解。重要字段可用粗体和闪烁吸引注意力和强化效果,强化效果有多样,针对实际进行选择。
(3)颜色的使用
颜色的调配对屏幕显示也是重要的一项设计,颜色除是一种有效的强化技术外,还具有美学价值。使用颜色时应注意如下几点:
①限制同时显示的颜色数。一般同一画面不宜超过4或5种,可用不同层次及形状来配合颜色,增加变化。
②画面中活动对象颜色应鲜明,而非活动对象应暗淡。对象颜色应尽量不同,前景色宜鲜艳一些,背景则应暗淡。
③尽量避免不兼容的颜色放在一起,如黄与蓝,红与绿等,除非作对比时用。
④若用颜色表示某种信息或对象属性,要使用户懂得这种表示,且尽量用常规准则表示。
总之,屏幕显示设计最终应达到令人愉悦的显示效果,要指导用户注意到最重要的信息,但又不包含过多的相互矛盾的刺激。
4.控制界面设计
控制会话设计
菜单界面设计
功能键设计
图标设计
窗口设计
直接操作界面
命令语言界面设计
|