如何从页面细节设计入手,提高产品实用性? |
您所在的位置:网站首页 › 提高产品可用性原则 › 如何从页面细节设计入手,提高产品实用性? |
Jakub Antalik for Frame.io 例如以上动画展示了文件上传的进度以及完成上传所需时间。 2 系统与真实世界的匹配性原则 第二个原则是产品的设计要与真实世界的使用习惯一致,也就意味着,产品需要使用符合用户定位的语言,遵循现实世界的惯例。 电影票预订 例如买电影票的选座页面,座位的布局设计与线下电影院一致,产品设计如果不符合与用户现实体验不一致,会很容易导致用户的挫败感。 3 撤销重作原则 “尼尔森法则”中的第三条就论述了用户控制和自由度的问题。用户经常会在使用功能的时候发生误操作,需要有一种方法可以使用户纠正错误,支持重作和撤销选项是其一。另一个重要的规则是网页和移动app支持返回按钮功能。 如果没有返回按钮,会是什么感受? Larry . Y 参考上图的设计案例,用户可以点击“undo“撤销按钮,可以预防用户犯错,避免无意识的失误。 4 统一性原则 统一性原则是我们设计时考虑的主要因素之一,可以分成两部分考虑,内部统一性和外部统一性。 内部统一性:你是否看到过屏幕上两个相同图标表达不同的功能? 内部统一性可以通过一个例子来阐述,比如有两个标签分别为开和关,然后用相同的图标表达开和关,这就会导致用户产生认知混乱。 外部统一性:我们都对电商网站的基础架构很熟悉,包括顶部的导航栏、右上角的购物车按钮等等。比如,我们把购物车入口移动到页面底部,就会造成用户认知混乱。设计师需要遵循用户心智模型来达到外部统一。 亚马逊网站—边缘 亚马逊网站就是把它的购物车图标放在右上角来满足外部的统一。 5 防错原则 防错原则是一条重要的可用性原则。你一定对这个弹窗信息很熟悉: “你确定要删除它吗?” “你确定要删除它吗?” 为什么要使用这样一句提示呢?那是因为这句话是为了防止用户误操作而删除数据,目的是防止用户犯错。每个人都有可能误操作,因此设计师最好在设计中使用防错原则,从而帮助用户减少失误的产生。 Gmail 邮件 使用Gmail发邮件时,如果用户在邮件里写了类似于“我添加了附件”,而实际用户却忘记上传附件,当用户点击发送邮件时则会提示用户是否忘记上传附件,从而帮用户避免了失误。 6 易取原则 卡塔琳娜·库蒂尼奥(Catarina Coutinho) 上图中,用户很容易就能知道自己之前同好友聊了哪些事。如果没有历史记录,用户将花时间去回忆上一次跟好友聊了什么,或许他已经忘了上次的聊天内容。 另一个关于易取原则的应用是Word软件中的“最近打开”功能。 7 灵活性和使用效率 我们都知道ctrl+c(复制)和ctrl+s(保存)作用,然而我们为什么要使用这些快捷方式呢?当然是为了提高速度,这些快捷方式也叫快捷键,灵活高效原则很好的应用在了快捷键上,使用快捷键我们能够提高完成任务的效率。 Adobe Xd 中的快捷键 另一个关于快捷键的应用则是Ins中的“双击喜欢”的功能。 8 美学和极简设计原则 尼尔森法则的第八项是美学和极简设计原则。这并不意味着我们的产品和服务需要有吸引人的视觉效果,这需要我们运用适当量的数据去进行设计,添加过多的细节反而会增加用户的认知负荷,让用户感到困惑。 谷歌浏览器的首页 谷歌浏览器的首页是运用美学和极简设计原则的一个很好的例子,他们只设计了用户需要使用的内容。 9 帮助用户识别,判断,修复错误 通知用户发生错误。 告知用户问题是什么? 告知用户怎样修复?Biel Morro 在上面的设计中,设计师满足了所有这三个因素来增加可用性。 10 建立“使用手册”文档 尼尔森法则的最后一项是建立“使用手册”文档。如今产品的交互操作越来越复杂,因此,为用户提供帮助是非常重要的,这样,用户就可以顺利使用产品。 Valentin Salmon 在上面的设计中,用户可以使用搜索栏、FAQ、社区指南等寻求帮助。 /// 那么现在你应该能很好的理解尼尔森十大法则了,用这10项法则来评估设计,会提高我们产品和服务的可用性。 500GB年度素材礼包 如果觉得用 , 戳一戳 下方,三连鼓励一下返回搜狐,查看更多 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |