超先生百科

每天知道一点,日子就这么悄悄变厚了。

常识

人机交互界面通常指什么?4个要点解释清楚

人机交互界面:简单说就是人与机器对话的窗口

咱们平时说的”人机交互界面”,其实就是咱们跟电脑、手机这些电子设备打交道时看到的那些屏幕、按钮、菜单什么的。听起来高大上,其实说白了就是机器给我们准备的”话筒”和”麦克风”,让我们能告诉机器想干啥,同时机器也能把结果用我们能看懂的方式反馈给我们。比如你点外卖APP里的”下单”按钮,或者用语音助手说”天气”,这些操作和看到的界面都属于人机交互界面。这个概念最早由计算机科学家比尔·英格拉姆在1970年代提出,当时主要是指命令行界面,现在可就丰富多啦。

要点一:交互界面的核心是”双向沟通”

要点二:界面设计要符合”用户直觉”

人机交互界面的设计,最关键的一点就是符合用户直觉。什么叫符合直觉?就是不用教用户,他自己就能看明白怎么用。比如所有操作系统都把”保存”按钮做成笑脸图标加对勾,这就是通用的设计语言。但有时候厂商为了追求”创新”,反而会搞出反直觉的设计,比如早期的iPhone取消了物理Home键,很多人用了都不习惯。这种反直觉的设计会导致用户学习成本飙升,使用效率降低。根据尼尔森 Norman Group的研究,符合直觉的界面能让用户操作效率提升80%以上,错误率降低60%。所以设计时多站在普通用户角度想想,他们熟悉什么,不熟悉什么,这才是最重要的。

要点三:交互界面要”反馈及时”

人跟人交流时,你说话对方会马上回应”嗯””哦”,这样对话才能继续。机器交互界面也必须做到及时反馈。比如你提交一个表单,至少要有个加载动画或者”提交中”的文字提示,否则用户会以为系统卡死或者没反应。更高级的做法是状态可视化,比如购物时显示”已付款””正在发货””已签收”这些状态。我之前用过一个特别糟糕的APP,上传照片时没有任何进度显示,等上传完才发现照片根本没选对,这种体验简直要命。根据亚马逊用户体验研究,及时反馈能将用户满意度提升50%,这就是为什么现在所有主流APP都有加载动画和状态提示。

要点四:交互界面要”容错性高”

人都会犯错,交互界面设计必须考虑到这一点,做到容错性高。比如银行APP设置密码时,输错3次会锁定账户,这就是典型的容错设计。更聪明的做法是提供撤销操作和错误提示。我之前在某个外卖APP上点餐时选错了地址,幸好有”撤销订单”功能,否则损失可就大了。根据卡内基梅隆大学的研究,优秀的容错设计能让用户错误率降低70%以上。所以设计时多想想用户可能出错的情况,提前做好防错和纠错机制,这才是高级的设计。

常见交互界面类型对比

人机交互界面其实有多种类型,不同场景下适合用不同的形式。下面我整理了一个对比表格,看看各种界面的特点:

界面类型 优缺点 适用场景
图形用户界面(GUI)
  • 优点:直观易用
  • 缺点:资源消耗大
操作系统、办公软件
命令行界面(CLI)
  • 优点:效率高
  • 缺点:学习门槛高
服务器管理、编程开发
语音交互界面
  • 优点:双手
  • 缺点:依赖网络
智能音箱、车载系统
触摸交互界面
  • 优点:直接操作
  • 缺点:易脏污
手机、平板、POS机

真实案例:微信的交互设计

以微信为例,它的交互设计非常值得学习。比如它把最常用的”聊天”放在首页最显眼位置,符合用户直觉;发语音消息时有明显的上传进度条,做到及时反馈;添加好友时有”确认”按钮防止误操作,体现容错性。更厉害的是它把所有功能都放在底部导航栏,不管用多久都不会迷路。根据艾瑞咨询的数据,微信月活跃用户超过13亿,其成功的核心就是优秀的人机交互设计。如果你想学习交互设计,微信就是最好的教材之一。

人机交互界面就是机器给我们的”脸”,设计得好不好直接决定了用户爱不爱用这个产品。记住,交互设计的本质是以人为本,而不是炫技或者自嗨。当你设计界面时,多问自己几个问题:”普通用户会怎么想?””这个设计是否符合直觉?””有没有可能出错?”,这样设计出来的产品,用户自然就会喜欢了。