【译文】UI设计中七个不能违反的法则

ui-design-7-principles-00

 

作者:Peter Vukovic(译者:RAS)

 

虽然当下的网页的功能无非是引导或者填表,但是随着新技术和新标准的发展,网页设计中出现了越来越多对动态化和定制化的要求。UI设计的工作量随之会越来越大,让我们来看看设计中必须牢记的一些规则。

 

1. 元素意思清晰  – 用户会直接忽略那些意思不清楚的元素

ui-design-7-principles-01

曾经的Gmail页面有非常简单的一系列按键,云盘,日历,等等。直到某天Google决定要“简化”,把所有的这些功能放到了一个抽象的按键里面,结果呢?没人注意到它,而Google客服收到了一堆求助邮件。

 

 

人们趋向于忽略不能理解的东西,这是我们人类的天性。因此设计里一定要避免让人难以理解的元素,没人会去研究它们是怎么回事。

 

 

2.  始终有引导 – 用户知道下面要做什么的时候感觉最舒服

ui-design-7-principles-02

看看这里Twitter的页面,你觉得新用户知道在这儿该做什么么?

 

新用户其实应该开始tweeting,发消息。但是在顶边右手的那个”创建新消息“的按键是如此的不明显,而左边的那个“编写新消息“的输入框又和背景融合的太好了。从设计上看,Twitter似乎希望用户使用搜索或者从左边一栏的菜单开始,因为这些元素才是比较突出的。

 

用户绝对应该知道下一步要做什么,首选操作必须明显突出。

 

3.  功能紧凑 – 用户总是希望修改按键能就在修改目标的边上

ui-design-7-principles-03

你怎么去修改Facebook里的名字呢?首先在顶部右手的角落找到“设置”,点击“账号设置”,找到“名字”,点击“编辑”。但是同样的事情在LinkedIn里怎么做呢?只需要点击你名字边上的那个铅笔的标志。

 

用户总是希望在有上下文的目标边上看到控制按键,这和真实生活是一致的:要做爆米花的时候就放玉米到微波炉里,把微波炉的按键拨到开启。很难想象流程变成这样:你的微波炉说明让你先下楼,打开地下室的门,找到一个电器盒子,再把某个G-35的按键拨到爆米花模式(就和Facebook修改名字流程一样)。

 

让用户能快速上手 – 请把编辑,修改等等操控按键直接就放在可以编辑修改的内容边上。

 

 

4. 默认设置很重要 – 很少用户会修改默认的设定

ui-design-7-principles-04

还记得Nokia的经典铃声么?这曾经是这个星球上最流行的铃声呢。为什么?因为这个是Nokia的默认铃声,几乎所有人都没有改过这个设置。

 

默认设置是很重要的一个东西:

  • 绝大多数人在手机上用的都是默认的铃声和背景
  • 绝大多数人从不修改电视机的出场设置
  • 绝大多数人也不会去修改默认的冰箱温度设置

 

我们不会注意到默认设置,但是默认设置统治着我们周围的世界。所以请确保默认设置是尽可能实际而有用的 -要知道有些人可能永远都不会去修改它们。

 

 

5. 给要求 – 用户被要求做什么的时候往往都会去做

ui-design-7-principles-05

期待用户自发的去做和要求他们去做的结果,区别真的是非常的大。

 

例如,当LinkedIn介绍“支持”这个功能的时候,它没期望用户会弄明白怎么用。但是,他们在简历页面的上面放置了一个非常明显的提示用户去做的框。这个提示框再结合大多数人都喜欢给他人些“支持”,让这个功能获得了空前的成功。

 

这个案例告诉我们:如果你希望用户做什么,直接的毫不犹豫的告诉他们。

 

 

6. 给反馈 – 当持续获得清楚的反馈时用户会最有信心

ui-design-7-principles-06

这个逻辑非常简单,你的界面给予反馈越清楚,用户就越有信心继续使用。

 

Gmail是一个很好的参考案例,你做的每一个步骤在那里都能得到清楚的提示和反馈,还提供了“了解更多”还是“取消”这样的链接。这样一来用户觉得自己能控制,让他们有信心再次使用。

 

7.  尽量简化  – 用户更愿意去完成被分解为小步骤的复杂操作。

ui-design-7-principles-07

比较上图的左右两个表格,它们有几乎相同数量的填空,但是右边的看起来更容易解决。

 

我们都很讨厌又长又复杂的表格,因为看起来很单调,麻烦又很难检查。但是如果你能把一个大表格切分成几个步骤,加上个完成百分比的进度条,事情就变的可控多了。

 

这就是简化的法则,人们都宁可选完成10个小任务,而不是1个超大的任务。小任务不让人畏惧,而且能给我们很好的成就感。

 

为什么是“法则”而不是“规范”呢

我选“法则”这个词的一个原因是,我从没有见过任何一个案例在违反了这些法则后还能得到好的结果。违反之后的一个结果就是就是抓狂的用户到处抱怨你糟糕的设计。

 

文章转载来源:http://www.ui.cn/detail/68712.html 

头图素材来源:http://thecooponline.com

 

 

 

推荐阅读

【译文】黑白极简风:App设计新趋势
如何做一份视觉竞品分析
用户为啥无情拒绝你的APP评分邀请?
阿芙设计总监盐乐:视觉设计师的起手姿势
用户体验设计必须知道的产品9种状态

 

 

UXRen公众账号
关注UXRen微信公众号(cnUXRen)

UXRen社区欢迎各界用户体验从业者及学生投稿优质原创文章。投稿请关注UXRen社区公众账cnUXRen(上面有二维码)留言“我要投稿”,小编会及时与您取得联系。

版权声明:除转载文章外,本站所有文章版权归UXRen社区所有,转载请注明出处:UXRen社区,并保留本站原文链接地址。本站部分文章来自互联网及公开渠道,如有侵权请及时联系我们。邮箱:contact@13tech.com.cn

原创文章,作者:震天下,如若转载,请注明出处:https://www.iamue.com/21099/

(0)
震天下震天下
上一篇 2017-08-07
下一篇 2017-08-07

相关推荐

  • 一个应届的交互设计毕业生应该具备哪些能力?

    作者:马力 @ 可能性与大设计   ( 上图来自Elizabeth Bacon ) 首先说,很多专业的同学都可以做交互设计(还有视觉设计,产品设计等等),既包括设计相关专业,如工业设计、建筑设计、园林设计等,也包括完全和设…

    交互专题 2017-08-07
  • 关于假设和极致

    作者:杨蓉(资深用研专家,现任极客网运营总监)   假设的意义 今天看到一本质性研究的书,在讨论定量定性的研究方法的时候,会说定性通常被质疑的是“不够客观”,所以作者开始一大篇幅,在讨论“客观性”是什么,就…

    交互专题 2017-08-07
  • 阿里设计专家深度解读:全链路设计师和设计增值再现

    分享嘉宾:汪方进(1688UED设计总监) 点评嘉宾:高峰(阿里巴巴国际UED B2B总监)、周敏青(阿里巴巴国际UED AliExpress总监)   前些日子的美国大选,特朗普胜出了,这个结果让很多小伙伴惊呆了!他竞选口号是:M…

    交互专题 2017-09-11
  • 【笔记】服务设计方法及手机操作系统设计

    2017年7月9日,UXRen深圳分舵在ThoughtWorks大型培训教室主办了《手机系统设计、服务设计和可视化思维,这次全都有!》的分享活动,本文基于下面2位嘉宾的主题分享整理而成:   嘉宾1:庞博(ThoughtWorks用户体验…

    交互专题 2023-03-03
  • iOS 11 正式版即将到来,这里有 30 个值得关注的变化

    作者:周韶宏   随着新 iPhone 的发布,iOS 11 正式版会在 9 月 19 日推送。 新的操作系统在今年 6 月的开发者大会上面向开发者发布,当时它更像是一个用于展示的、并不完整的简单版。 之后 3 个月,iOS 11 陆续放…

    交互专题 2017-09-13
  • APP小红点如何使用与实现逻辑

    作者:APP君   我们现在已经习惯小红点的不断的骚扰了,每天都不知道要点掉多少个手机APP上的小红点。有些童鞋点击 APP小红点 都已经成瘾。只要看到有小红点就会自然而然去触摸一下。 所以,APP的交互设计已经影响…

    交互专题 2017-08-07
  • 我总结的一套表单设计指南

    作者:jakd007(UXRen会员)   表单在移动端设计中最常见的界面,每个手机系统及应用对表单都有不同的设计,本文目标是总结出一套表单设计指南,以提高日后工作效率。 表单在移动端设计中最常见的界面,每个手机系…

    交互专题 2017-08-07
  • 向APP用户请求权限的正确姿势【UXRen译#188】

    作者:Nick Babich |  翻译:Gogi,校审:June Wang   你知道吗,平均每个APP在用户安装的前3天就会流失80%的日活用户。 大部分人下载一个APP后,用过一次就删除了。这是因为用户虽然会在一开始尝试使用大量的APP,…

    交互专题 2017-11-29
  • 交互设计师的60日计划之第七天

    心情由好转糟,由糟转好的一天。 20150803 每次跟老大过方案都深深的意识到自己的不足上周基本已经敲定的方案等这周老大回来拍板,跟老大一过就是一堆问题。你的交互稿是要怎么看?跳转关系是怎么样的?这个图文混…

    交互专题 2015-08-20
  • 什么是用户体验文案设计?【UXRen译#164】

    作者: Kristina Bjoran  |  翻译:陈馥丹,校审:小四   有一种新的职业出现了,嗯,也许不是“新”的,但可以肯定的是这种职业出现次数会逐渐增加,像谷歌、亚马逊、Dropbox、Paypal……许多大型科技公司正在寻找UX文…

    交互专题 2017-08-07