触摸屏界面的十大人机设计法则

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

点图进入相册触摸屏

点图进入相册自动化控制电柜

点图进入相册

PLC

一个成功的触摸屏与使用者之间操作界面设计的质量有着深厚的关系,特别是当相关研发能力与应用技术愈见成熟,而投入市场的竞争者越来越多时,使用者界面的质量会变成产品层次区分时的一个重要指标。

随着人们对于机械设备之自动化重视,机械自动化的市场已向高阶发展,触摸屏的使用已成为首选;因此,如何在新的市场中,占有绝对的市场力并赢得先机,除了广泛的销售管道及优秀的能力外,优良的使用者界面设计,才是最好的营销利器。

一个优良的使用者界面设计,简而言之,就是要符合使用者的需求,考虑到使用者的身、心理状况;一个友善便利的使用者界面,不但可增加使用之方便性,亦可减少使用错误率,使机械设备发挥最大的功能,达到造福使用者的目的;当然,对于制造厂商而言,其研发的行为才更具社会意义与经济价值。那么,如何才能设计出真正优良的使用者界面,又该如何去评估其设计之合理性呢?中国的专业自动化设计机构——新星欣自动化科技公司的专家针对此一问题提出了十大设计法则,详述如下。

1 减少显示器的视觉密度

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

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

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

3 设计合理的文字区规划

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

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

4 增加视觉平衡感

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

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

5 避免多色彩之应用

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

6 选用清楚大方的字型

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

7 使用组织化分类说明

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

8 使用简明扼要的词句

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

9 精简图像(Icon)

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

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

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

一个成功的机械设备的触摸屏之界面设计与本身机械设备有着深厚的关系,特别是当相关研发能力与应用技术愈见成熟,而投入市场的竞争者越来越多时,使用者界面的质量会变成产品层次区分时的一个重要指标;此外,自动化机械设备之使用安全性也与界面设计的良窳有关,因为设计上的缺失将会直接或间接的造成使用时的误失,严重时,还可能造成使用者的伤害或死亡,由此可知,一项产品,尤其与人体有着密切关系的自动化机械设备,在设计时绝对不可不谨慎。

当然,有时因为科技技术尚未成熟或设计者对使用者的需求不完全了解,在设计时不免会有未臻完美的情况发生;但无论如何,完善体贴的使用者界面设计,对制造者或设计者而言,都应将其视为自己应尽的职责,并引以为傲。希望上述之设计法则,能让同行厂商在

设计相关自动化机械设备时,有更明确而完整的设计引导与概念,进而研发出更人性化、更便利的自动化机械设备,以达造福人类之功。

新星欣自动化科技有限公司从事人机自动化设计多年,非常有诚意为相关机械设备厂商服务,有我们的携手,让你们的产品更上一层楼!

相关文档
最新文档