用户|产品经理前端设计十大可用性原则( 二 )
当然,不是所有操作都是可以“反悔”的,比如,你可以撤销一笔错误的订单,但不能撤销一笔成功的转账交易。以下是遵循回退原则的常见设计案例。
- 编辑类软件都提供撤销功能,例如Word、美图秀秀等。
- 点击删除或关闭按钮后,会让用户进行二次确认。
- 电商平台允许在一定的规则下取消订单。
软件设计、产品设计中有很多约定俗成的规范,虽然没有明文规定,但大家都在遵守,因为用户已经习惯了这些规范。我们在进行设计时,应该遵循惯例,并且保持系统的一致感,不要盲目地标新立异。
例如,在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端的搜索引擎都会记录用户的搜索历史并呈现给用户。
- ColorOS|绿厂又在憋大招?新系统和新产品接踵而至
- 创业|八成互联网电视非法采集用户数据, 彩电企业怎么办?
- 最前线 | 腾讯游戏发布40余款产品与项目,《王者荣耀》发布全新规划
- 腾讯游戏发布40余款产品与项目,《王者荣耀》发布全新规划
- 高通骁龙|夏天一到骁龙8Gen1没怎么玩就发热?Find X5 Pro用户最有发言权
- 潘博文|腾讯QQ回应用户号码被盗:目前受影响范围已得到控制
- PHP|如何降低用户关注的非必要页面的权重传递?
- 高通骁龙|国产品牌发力!苹果钉子户切身体会,Find X5 Pro功能要超前不少
- 古代五个不可思议的科技产品,第四个看了谁不骄傲!
- 华为|中国第二家“华为”诞生,国产品牌正悄悄征服世界!
