用户|产品经理前端设计十大可用性原则( 二 )


当然,不是所有操作都是可以“反悔”的,比如,你可以撤销一笔错误的订单,但不能撤销一笔成功的转账交易。以下是遵循回退原则的常见设计案例。

  • 编辑类软件都提供撤销功能,例如Word、美图秀秀等。
  • 点击删除或关闭按钮后,会让用户进行二次确认。
  • 电商平台允许在一定的规则下取消订单。
四、一致原则(Consistency and standards)同样的情景、环境下,用户进行相同的操作,结果应该一致;系统或平台的风格、体验也应该保持一致。
软件设计、产品设计中有很多约定俗成的规范,虽然没有明文规定,但大家都在遵守,因为用户已经习惯了这些规范。我们在进行设计时,应该遵循惯例,并且保持系统的一致感,不要盲目地标新立异。
例如,在APP底部的导航图标中,“首页”永远排在第一个,个人中心(“我的”)永远排在最后。并且对于类似“首页”“购物车”“订单”等常见按钮,不同APP的设计样式都非常相似。
图3展示了美团、去哪儿、百度外卖三款APP底部导航栏的设计,可以看到上述特点。如果你特立独行地把个人中心放在第一个位置,或者采用奇怪的图标作为个人中心的icon,用户使用时肯定会觉得别扭。
用户|产品经理前端设计十大可用性原则
文章插图
图4 三款APP的导航栏设计
此外,在一个或多个系统中,要采用统一的设计风格。不论是图标的选用,还是布局的规划,要保持整齐的一致性,这样用户容易理解,并且容易习惯和适应。
例如,Office软件中包含的各个产品,其界面布局和设计风格就保持了高度一致,如图4所示是Word(上)和Power Point(下)的界面,可以看出,二者的“插入”一级菜单下所包含功能的排列顺序、布局方式乃至图标图形,都是高度类似的。
用户|产品经理前端设计十大可用性原则
文章插图
用户|产品经理前端设计十大可用性原则
文章插图
图5 Word和Power Point的设计风格很统一
五、防错原则(Error prevention)系统要避免错误发生,这好过出错后再给提示。
进行设计时,首先要考虑如何避免错误发生,其次再考虑如何检查、校验异常。这样做一方面可以让问题更简单,另一方面可以让用户避免或减少无谓操作。
例如,有些时候,为了防止用户重复提交或重复点击,第一次点击按钮后就将按钮置灰,直到处理完成才恢复。有时还会通过调整按钮顺序,避免用户误点。比如,对于很重要的操作,为了防止用户顺手误点,会将二次确认对话框中的“是”和“否”两个按钮对调位置,模拟效果如图6所示。
因为常见的对话框都将“是”按钮放在第一个位置,所以用户在操作时,很容易产生条件反射,顺手点击第一个按钮,然后才突然发现自己点错了。
虽然看起来有些别扭,但是很有效,因为多点一次要好过误删文件。这种设计在软件卸载、APP取消会员订阅等操作中也非常常见,只不过后两种情况下主要是为了做一些心理暗示和引导,避免用户卸载或退订。
用户|产品经理前端设计十大可用性原则
文章插图
图6 通过调整按钮顺序避免用户误操作
六、记忆原则(Recognition rather than recall)
让系统的相关信息在需要的时候显示出来,减轻用户的记忆负担。
计算机应该减轻人们的记忆负担,而不是相反。例如,当切换页面时,不应该让用户记住不同页面的内容,而应该在合适的地方积极地呈现或提示之前的信息。例如,几乎所有的APP和PC端的搜索引擎都会记录用户的搜索历史并呈现给用户。