用10个设计原则点出高效设计背后的本质是时间成本

为什么有些产品的学习成本很高,有些产品分分钟就能解决用户的需求。这里核心的重点可能就是涉及到一个“学习成本”概念。用户使用产品就是希望可以更高效地解决需求,所以这样要求我们产品做的足够简单才行。这在产品层面主要反应在三个层面,视觉足够清晰、交互顺畅好用、逻辑简单明了

iPhone诞生的时候,谁也没想到去掉物理键盘只保留了Home键,居然就够用了,这就是它的伟大。网上经常会找到一些大神对于某些游戏或者难题的的攻略,这些大神经过实践验证,攻克了困扰很多人的无法解决的问题。好多做图、动画产品的复杂程度就是这样,所以只被少部分人掌握,大大增加了用户的学习成本。

iPhone手机引入了只有Home键

下图是我去快递柜取快递时遇到的困扰,很受打击。输入完取件码后,我只关注画面最上面的取件时间,以下的画面设计的很花,直接理解为广告忽略掉了。可时间结束,快递柜都没打开,我就call快递员。快递员表示没有取走快递,让我自己解决,还提醒我很多人都遇到过类似的问题。我只好重新尝试,这次我阅读了被我忽略的信息,这才发现了其中的猫腻,我就点击二维码以下的按钮才去取出快递。我只能吐槽这个体验设计耽误了我多少时间。

取快递困扰

人类发展的每一次跨越,根本都是在不断提高效率,降低时间成本,直至今日的互联网也不例外。产品怎么设计才能高效解决用户的需求呢?这是我们需要思考的。我们从体验上总结一些高效设计10个原则如下。

1.设计的一致性

优秀的设计师早已把一致性作为体验设计的基本规范,融入在自己设计的细节中。体验设计的一致性,并不是随意的将呈现的内容罗列在一起,而是在色彩、Icon、图形、交互、动效等各方面的展现都能保持一致,就连场景和诠释语气的表述也都应该是一致的。如图是我们在统一产品资讯模块信息,制定的一组资讯设计规范,定义了资讯流信息展现的设计样式,保证阅读体验的统一。

产品设计规范

2.允许用户犯错

我们不能保证每位用户都能轻松自如地操作我们的产品,用户肯定是会犯错的,我们要给用户可以改正错误的机会。Web1.0的时代,企业和电信运营商联合(业内叫SP业务),无意中听几首彩铃,SIM卡就要欠费了,就是流氓行为,变相欺骗用户,最终结果大家都知道了。现在玩游戏经常会遇到要求付款弹框,但用户能明确到感知到,也可能取消付款,即使不小心付完款,还可以申请退款流程。即使误操作失误,还有机会挽回。比如微信的撤回功能,非常好用,经常会遇到打错字或手抖发了不适宜的内容,2分钟内还有机会撤回。下图左侧是支付宝网页端在输入银行卡时候,放大展示,且分段展示,有效防止用户犯错,造成不必要的损失。图右是短信中对信息进行了提取并转换显示方式,方便用户快速记忆,减少犯错。

允许用户犯错界面示例

3.突出界面上的显示功能

有的页面设计让用户很困惑,思考很久才能到达目标,而有些页面却可以一键完成任务。造成这种结果往往是由于产品策略的不同和体验设计的差异。页面应该一目了然地直达用户的期望,高效地完成任务需求。前文提的取快递的案例就是一个比较好的案例。下图的界面功能也是清晰可见。


功能清晰的界面

4.快捷入口

快捷入口是帮助用户快速回到或找到目标的捷径。比如iPhone上的Siri用智能语音对话的为用户快速解决问题,如果这是文字输入的Siri,可能就显不出智能高效了。移动端体验中经常会遇到在页面上从左向右滑动,就可以返回上一级,无需在顶部寻找返回键或者Android上的物理返回键,这样的快捷体验大大地提高了操作效率。 如下图左侧就是Android的Material design就将右下角的悬浮按钮作为快捷入口定位系统的标配。图右是Path提出这种快捷入口设计的行业标签,基本想到快捷入口都能联想到Path。

快捷入口的高效


5.提供个性化的选择

Android手机的物理键,真是千姿百态,就说返回键吧,有的在左侧,有的在右侧。因为有的用户习惯用左侧操作,有的用户习惯用右手操作。怎么才能兼顾到两种体验的存在呢,锤子手机在这个点上允许用户可以在系统里自由设定左手或右手操作,这个功能就为其赢得了不少粉丝,而且用户还可以满足用户的习惯,高效的完成操作。每位用户都希望自己与众不同,提供个性化的选择无疑就是在高效解决用户的需求。


锤子手机

6.列表设计

产品中针对多于3条内容的表现形式多选择列表呈现。列表的体验方式有瀑布流和分页两种,瀑布流的体验深的民心,比如电商产品使用的列表最多,找商品就如同是在大海捞针,通过对海量信息设置分类标签,买家就可以快速找到想要的商品。列表展现又有图文混排、纯文字分布、图标等形式。阅读图文形式的效率可能又大过于纯文字,针对不同类型的产品选择不同的设计形式,社交产品可能选择头像加文字的列表,效率更高,而热点资讯使用纯文字的效率更高。

列表设计

7.图标设计

用户达成共识的图标相比文字更加高效,左箭头就知道是返回,小房子就是桌面首页,齿轮就是设置等图标,相比文字的表义,反倒更加清晰高效。图标不仅提升视觉要求,更可以清晰地表达其功能。在产品中设计一套统一风格的图标更容易被用户接纳。相反设计风格不同、表义不清的图标更容易让用户产生困惑,结合使用场景设计统一风格的图标更高效。


iOS图标统一设计规范

8.提示和帮助信息

在填写表单的时候,经常会遇到限制多少字,密码的规范形式,输入的格式要求等,这些提示帮助我们迅速完成表单的填写。涉及到复杂的操作,友好的提示或帮助信息可以大大缩短用户的思考时间,提高效率。好的表单设计,每一项可能产生疑惑的地方都能提前给出相应的提示,输入信息正确与否也都能实时给出验证结果,根本不用等到最后提交才知道哪里出错了。

注册界面步步验证


9.标签导航设计

标签导航已经在很多界面中被广泛使用,至今依然是最有效的导航菜单之一。好处在这里就不过多赘述。这种导航出现解决了很多栏目太多的问题,交互逻辑上也很好理解。不用把所有入口都列出来,提高用户的选择阅读的效率。但其缺点就是首标签的曝光远远大过于后几个,设计师可以根据用户的产品需求在设计上做权衡。

标签界面设计

10.模态设计

遮罩弹窗在产品中被称为模态,很多人不喜欢。但用来呈现重要的产品信息传达的效果更强。模态设计形式通常都是在一层带有透明度的深色遮罩背景上,设计一个呈现业务内容的弹出层,屏蔽当前页面的视觉干扰,用户视线完全聚焦于当前层,效率更高。

模态设计


以上是在产品中常见的一些提高效率的体验设计,产品为用户提供高效解决问题的服务,是永恒的宗旨。我们不想用户在使用产品过程中,注意力受到很多干扰地被分散,耽误了不必要的时间。这不是我们想看到的,产品应该致力于高效地解决用户的需求。因为设计本身就是化繁为简,产品要想有市场就应该减少用户的学习成本。

以上,在好设计,有方法一书中,使用很大的篇幅进行了详尽的解读,用很平实易懂语言从设计的角度诠释了用户的需求。

这本书为搜狐媒体UED中心团队心血力作,搜狐焦点CTO作序推荐,滴滴、携程、迅雷、宜信、腾讯等知名企业的近10位设计专家高度评价,从产品和设计双重视角系统总结体验设计的方法、技巧、原则,视角独特、剖析深入,各种必备知识和疑难问题,一览无余。

《好设计,有方法》封面
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,324评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,356评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,328评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,147评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,160评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,115评论 1 296
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,025评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,867评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,307评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,528评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,688评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,409评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,001评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,657评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,811评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,685评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,573评论 2 353

推荐阅读更多精彩内容

  • 每天进步一点点点点点点点点点点点点点点点点点点点点点点点点点点点点点点~~从开始只能写几句话、模仿别人的观点,到现...
    一个帅气的名字呀阅读 18,077评论 4 31
  • 产品知识面考察 真题 例题分析 例题7.3 DAU代表 。 日用户点击量 月活跃用户数量 日活跃用户数量 网站...
    爱摄影的奥派阅读 12,308评论 4 46
  • 2018年5月2号 星期三 晴 今天脚肿了一天,想下班以后好好休息一下。结果老公非得让陪着去吃饭(其实是免费的...
    皓月当空_c69d阅读 157评论 1 2
  • 最 近几天,看到了一本特别好的计算机书籍,《深入理解计算机系统》,这是一本以程序员的角度来观察计算机系统的书,基本...
    玩哲阅读 4,305评论 3 65
  • 这世界有正义吗?人有是非吗?不过是各自为战,争取自己最大利益化!末法时代,人类的堕落,终将为其付出代价!
    戒子忍阅读 130评论 0 0