首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

用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.模态设计

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

模态设计

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

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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190810A03HZY00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券