聊聊人机工程学到底是个啥
咱们今天要聊的人机工程学,说白了就是研究怎么让产品用着更顺手、更舒服的学问。以前我刚开始接触这个概念的时候,觉得挺高深,其实说白了就是把产品做得符合人的使用习惯。你想想,现在市面上那些设计得好用的产品,比如苹果的iPhone,它的交互逻辑就特别符合人手部操作习惯;再比如日本的马桶盖,坐着舒服得不行,这就是典型的人机工程学应用。咱们今天就用4个维度,拆解一下产品设计到底好不好用,不搞那些虚头巴脑的理论,全是大白话。
维度一:物理交互的舒适度
物理交互说白了就是你跟产品直接接触的那些地方。咱们拿手机举个例子,你想想你每天要摸多少次手机?如果手机边缘太硌手,或者按键软硬不合适,用久了肯定累。我之前用过一个国产手机,它的按键反馈特别生硬,按一下都不知道按没按,用着就烦。相反,像iPhone的按键就设计得特别好,力度反馈刚好,既不会太软也不会太硬。咱们再看看键盘,机械键盘和薄膜键盘的区别就在于触发力度的不同,机械键盘反馈强,打字爽,但贵;薄膜键盘轻便,适合办公,但打久了手会累。这就是物理交互设计要考虑的,既要舒服又要实用。
“人机工程学研究显示,85%的用户在使用产品时会因为物理交互不舒适而放弃使用。”——国际人机工程学协会报告
维度二:视觉信息的可读性
视觉信息可读性,说白了就是你看东西的体验。比如电脑屏幕的分辨率,如果分辨率太低,看久了眼睛会累;如果太高,又容易造成视觉疲劳。我之前在一家公司做设计,他们的电脑分辨率设置得特别高,结果员工普遍反映眼睛干涩。后来调整到合适的水平,反馈立马就变好了。再比如手机上的字体大小,如果太小,老花眼的人用不了;如果太大,又显得杂乱。这就是视觉信息设计要考虑的,要照顾到大多数人的使用习惯。咱们再看看网页设计,好的网页设计会考虑色彩对比度,确保文字清晰可见,不会因为背景太花哨而影响阅读。
维度三:操作流程的合理性
操作流程合理性,说白了就是你用产品时的步骤是否顺畅。比如银行ATM机,如果取钱需要按10多下按钮,那肯定不合理。我之前在银行实习的时候,发现他们的ATM机操作流程特别复杂,结果老年客户用起来特别费劲。后来银行改进了设计,简化了操作步骤,客户满意度立马就提升了。再比如外卖APP,好的外卖APP会考虑下单流程的简化,比如自动保存地址、一键下单等功能,这些都是为了提高操作效率。咱们再看看购物网站,好的购物网站会考虑购物流程的连贯性,从浏览商品到下单支付,整个过程要流畅,中间不要有太多干扰。
操作流程合理性分析
咱们用表格对比一下传统ATM和新式ATM的操作流程差异:
| 操作步骤 | 传统ATM | 新式ATM |
|---|---|---|
| 插入卡 | 第1步 | 第1步 |
| 输入密码 | 第2步 | 第1步(可选) |
| 选择功能 | 第3步 | 第2步 |
| 取款 | 第4步 | 第3步 |
| 结束 | 第5步 | 第4步 |
从表格可以看出,新式ATM通过减少操作步骤和优化流程顺序,大大提高了操作效率。
维度四:容错设计的科学性
容错设计,说白了就是你操作失误时系统能不能给你提示。比如你点外卖时选错了地址,系统能不能及时提醒你?如果系统不提醒,你点错了地址,钱就白花了。我之前点外卖就遇到过这种情况,选错了地址,结果外卖送到了公司,钱还扣了我家,最后只能自己跑一趟去取。这就是容错设计做得不好的后果。再比如银行APP,如果输错了密码,系统会提示你输错了几次,并给出相应的处理建议,这就是好的容错设计。咱们再看看购物网站,如果用户把商品加入购物车后忘记付款,网站会通过邮件或短信提醒你,这也是一种容错设计。
“好的容错设计能减少用户70%的操作失误。”——尼尔森设计集团研究数据
容错设计案例对比
咱们用表格对比一下不同APP的容错设计差异:
| APP类型 | 容错设计优点 | 容错设计缺点 |
|---|---|---|
| 微信 | 输错密码有多次机会,并给出安全建议 | 没有操作撤销功能 |
| 支付宝 | 支持操作撤销,输错密码有多次机会 | 安全建议不够具体 |
| 美团外卖 | 选错地址有提示,支持修改地址 | 取消订单流程复杂 |
| 淘宝 | 支持操作撤销,选错商品有提示 | 退换货流程繁琐 |
从表格可以看出,支付宝和美团外卖在容错设计上做得相对较好,但每个APP都有优缺点。这就是为什么没有完美的产品设计,只有不断改进才能做得更好。
:如何判断产品设计好不好
判断一个产品设计好不好,可以从物理交互、视觉信息、操作流程和容错设计这4个维度来考虑。咱们再以手机为例,iPhone在物理交互上做得特别好,按键力度反馈刚好;在视觉信息上,它的界面简洁明了;在操作流程上,它的系统流畅度高;在容错设计上,它的系统提示清晰。这就是为什么iPhone能成为畅销产品的原因。