控制工程师论坛

人机界面

人机界面的十大设计法则

lyting
lyting

2007-11-29

1 减少显示器的视觉密度

    一般医疗器材需表达的信息很多,易造成显示/操作界面看起来非常拥挤,所有信息挤在一团,别说偶一用之的使用者,连长期使用的医护专业人员都未必一眼就能获得所需的信息或知道如何正确使用之。因此,设计使用者界面时,务必要考虑到内容的配置与空间裕度的保留,适当的留白将使整个界面看起来清楚而美观。有几点适当保留空间的方法可供参考:把次要信息用选项功能或连结功能将其置于选项中,需要时再选取即可;降低品牌识别图像之大小,像品牌logo、名称等,无需为了彰显品牌形象而刻意放大之;使用简单的图形,尽量2-D平面化,不要使用过度复杂的图像;使用空白空间,而非线条去区分文字内容,尽量使整个界面简易化;使用简洁的语句表达讯息,避免内容过多。

    2 提供使用者搜寻工具及指引

    有些使用者在移动医疗器材后,就搞不清楚刚才费力找出的讯息又跑到那里去了,造成这种结果的原因是因为使用者根本不了解此使用者界面之结构为何?美国国家研究中心建议,在主/次标题上置放显著而有意义的标题,像「查询」、「设定」或「回主画面」等简单易懂的语句;也可将查询内容编页,像15之1,15之2等,让使用者大约知道有多少信息。至于搜寻之选项或控件,应该放置在明显且固定的位置上,只要操作者需要时,可以很快找到所需的功能,同时减少测试的时间及使用失误率。

    3 设计合理的文字区规划

    有些医疗器材的显示屏看起来像个棋盘,毫无秩序可言;当然有时候别出心裁的界面设计或许会带给使用者眼睛一亮、赏心悦目的视觉感,但无论如何,井然有序的文字区规划,才易达成最有效、最舒适的效果。

    试着让说明具有顺畅地阅读连贯性;举个例来说,一个向中对齐与一个向左对齐的文字区块,明显地,向左对齐的区块读起来顺畅多了,因为使用者在读完一行字后,自然而然往左下方继续读下去,不需要重新找寻开头,相较之下,向中对齐的区块看起来混乱多了。因此,有规矩地文字区规画将可大幅度提增使用者界面的质量。

    4 增加视觉平衡感

    显示界面的平衡性相当重要,尤其在垂直轴的两侧,轻重感的一致性对操作者而言,心理感受影响更大。不对称的视觉平面,会让人觉得整个画面是倾斜的,再不就是好像少了什么东西;而对称的视觉平面,看起来既整洁又整体,识别性高,又符合使用者心理学。

    至于如何增加视觉平衡感,有以下方法:注重空白区间与文字区块的使用比例;减少过度花俏的强调方式,如过多的画底线、粗体或3-D图形;将所有内容区块(包括空白区间)置于一完整之方块中,使之有整体感。

    5 避免多色彩之应用

    一个使用者界面中(包括背景和操作组件),最好不要超过3到5种颜色,最好大区域使用浅灰阶色调,如浅灰、白色等;重要操作组件则以红、蓝、绿等彩度较高的颜色来表达,但颜色不宜过多,且区域不可以太大,否则看起来过度混乱,反而失去当初欲强调重点的用意了。

    6 选用清楚大方的字型

    一个界面中,最好不要有太多的字型,更不宜选用字型太复杂或软弱无力的字体,如斜体字等,越简洁清楚则辨识性越佳。

    7 使用组织化分类说明

    实验证明表格式的界面结构辨识性最优,同属性的信息应归纳在同一层级下,以达完善分类,简易配置之功。

    8 使用简明扼要的词句

    言简意垓地点出重点,叙述性的文字只会让使用者失去耐性,并让整体界面看起来复杂难懂。

    9 精简图像(Icon)

    避免使用复杂的图像,以象形符码的表示为最佳,只要能引起使用者的共识,越简单越好。

    10 避免界面设计之不一致性

    无论以色彩或字体来表示某项含意,一定要前后一致,红色代表危险、粗体代表强调,决不可随意应用,否则会造成使用者之混淆。

回帖

评论2

总共 , 当前 /
首页 | 登录 | 注册 | 返回顶部↑
手机版 | 电脑版
版权所有 Copyright(C) 2016 CE China