用户中心

资讯 > 技术文章

如何为移动设备设计HMI?—— 5个移动HMI设计的最佳做法

来源:控制工程网2019.02.18阅读 12167

  要想增强用户在移动设备上使用HMI 的体验,需要遵守最佳的设计准则。设计优良的人机界面(HMI)能够减少操作员失误,通过降低停机时间可为公司节省数百万美元,并提高工人的安全性。下文中的5个用于HMI设计的最佳做法是专门为移动设备设计的,考虑到了尺寸大小和接口要求,能够为移动设备用户创造更强化的体验。
  1. 功能强大且用户友好
  设计有效的人机界面(HMI)将有助于减少操作员失误,避免在关键决策需要的时候产生的误解或不能获取所有相关的信息。在移动界面上设计成功的HMI的关键是要建立一个功能强大的HMI,同时,让用户用起来满意。大多数的用户会运行苹果公司的iOS系统或谷歌的安卓系统。设计的界面可以融入到让的用户觉得使用起来很舒服的原生平台。
  尽一切可能充分利用每一个平台上的原本的独特界面(UI)功能。随着平台的进化以及用户更新他们的操作系统,会让工作更加简单,最终使用户打开应用程序时感到舒服。
  2. 优化导航以及布局
  HMI用户需要查阅内容并且为他们提供可以找到所需内容的导航。在一台大的屏幕上, HMI的最佳做法是减少物理屏幕的数量以简化导航。在一个大的屏幕上设计成功的HMI示例可能看起来是这样的:内容组织的很好,所有的总结性信息都可以立刻被看到。利用分层导航结构,这些画面都可以进一步扩展。
  然而,对于移动设备来说,在一个屏幕上显示这么多的视觉信息会让用户很难解读。相反,重要的是优先考虑用户操作和获得所需信息的路径数量,而不是最小化屏幕数量。首先提供具有最低信息级别的系统级视图,然后提供连接不同视图的导航路径供用户遵循。 在每个视图中,内容应该填满整个屏幕www.cechina.cn,而半透明和模糊可以暗示更多信息。避免使用边框、渐变色以及阴影效果控制工程网版权所有,因为它们会带来视觉噪音,使用户的注意力从内容上离开。
  通过应用程序的导航应该是直观的、可预测的。对于导航模式来说,一个好的选择是滑动导航抽屉CONTROL ENGINEERING China版权所有,可以一次性显示很多导航的目标,而且除非是用户调用www.cechina.cn,它都会保持隐藏。
  这可以让用户既使用整个屏幕的内容,又可以获得在父视图、子视图和兄弟视图之间切换模式的丰富导航功能。这个导航模式也会让用户可以在不相关的视图之间切换,同时也保留了呈现深度层次结构的能力。也会帮助用户了解交替的视图或者特点,同时构建如何通过HMI与系统互动的心理模型。
  3.充分考虑用户行为
  在创建HMI以使其与系统交互时,HMI设计人员必须考虑开发人员模型和用户模型。 在移动设备上,清楚地向用户呈现视觉控制并使控件的交互清晰。 一般准则是,只要可能的操作数量超过控件数量,用户就可能会混淆,或者可能会模糊HMI的有价值的功能。
  例如,关键信息不应该通过一长串按键操作才能找到,因为用户可能永远找不到。可以考虑在屏幕的上角添加一个信息按钮作为叠加层。这种设计会巧妙地引导用户发现信息,而不会被干扰或模糊。
  4.适合移动设备的控件设计
  为了帮助用户减少困惑,已经为移动接口开发了许多控制模型。一些通用的控制模型包括:
  对于只有开关两种状态的情况,使用开关按钮。
  如果用户只能选择一个选项,不过这个选项有一个可能的数值范围,例如屏幕的亮度,那么就使用滑块。
  如果用户只能选择一个具有一系列值的选项,但需要精确控制,请使用步进按钮。
  如果用户需要在许多分类数值之间选择一个www.cechina.cn,设计师应该使用下拉菜单和滚轮。
  作为最后的手段,还可以使用文字输入,不过那是与移动设备互动最慢的、最容易出错的方式。
  另一个选项是通过振动或声音将触觉反馈和任何这类控制功能进行组合,然而触觉反馈只应该用在视觉提示不够的情况,用于带来视觉的互动性。
  设计控件的时候应该将任何发生错误的可能性或者一旦错误发生时候其产生的后果都降到最低。为控件留出来足够的间距,以便用户可以轻松访问它们而不会产生意外触摸。此外,可以使用全屏弹出菜单用于确认那些会产生很难倒退回去的效果的动作。
  移动设备的手势是让用户与HMI交互的最理想的范例。反复使用常用的手势会确保你的应用的表现形式是可预测的。表1 中列出了一些常见的手势。

表1 :移动设备上常用的手势应该被包含在为移动设备设计的HMI 当中。

  5.设计要记得规格可调
  按照传统方式,HMI具有固定的画面和物理控制要求,可以在设计时记得实现这些特点。但在给移动设备创建HMI的时候,不能使用一个共用的画面分辨率。因为UI元素(例如一个按钮)在低密度的画面上显示更大,在高密度的画面上显示更小。鉴于此,要确保那些诸如文字、图标和图形图像的视觉元素在用户使用的各种大小的移动设备屏幕上都能清晰地显示。为了帮助创建一个可以适应各种分辨率的HMI,可按照表2中的比例设计,这样画面、控制和文字在多种不同的屏幕尺寸上显示的时候都会看起来一样。

表2:设计HMI的时候要记得使用不同的画面大小和分辨率,以确保用户可以拥有清晰的显示。

  遵循这些最佳实践将有助于将HMI移动到更小的屏幕或移动设备,并提升用户的整体体验。 良好设计的基本规则仍然有效,它们提供了良好的概念模型。然而,仍有一些独特的挑战需要设计考虑,例如仅能够显示有限的视觉信息,并了解移动设备所需的不同用户的交互范例。(作者:Joseph Zulick)

版权声明:版权归控制工程网所有,转载请注明出处!

频道推荐

关于我们

控制工程网 & CONTROL ENGINEERING China 全球工业控制、自动化和仪器仪表领域的先锋媒体

CE全球

联系我们

商务及广告合作
任小姐(北京)                 夏小姐(上海)
电话:010-82053688      电话:18616877918
rendongxue@cechina.cn      xiashuxian@cechina.cn
新闻投稿:王小姐

关注我们的微信

关于我们 | 网站地图 | 联系我们
© 2003-2018    经营许可编号:京ICP证120335号
公安机关备案号:110102002318  服务热线:010-82053688