交互设计的十大可用性原则,设计法则实例解析

上篇内容笔者介绍了「交互设计七大定律」的前五个,接下来笔者将剩下两个定律为大家做个实例分析~~

交互设计的十大可用性原则,设计法则实例解析(1)

六、复杂性守恒定律/泰思勒定律(Tesler’s Law )

1、复杂度守恒定律/泰思勒定律(Tesler’s Law )简介

复杂度守恒定律(Law of conservation of complexity)由Larry Tesler于1984年提出,也称泰斯勒定律(Tesler’s Law)。在Dan Saffer所著的《Designing for Interaction: Creating Smart Applications and Clever Devices》这本书中,有一段对Larry Tesler的采访,在采访中对复杂度守恒定律进行了讨论。从那以后,作为一个专业的参考依据,复杂度守恒定律开始在用户体验和交互设计领域广为人知。 Larry Tesler的观点在开发人员中引发了一场争论:应该让一位工程师花费额外的一周时间去减少软件程序的使用难度,还是应该让数以百万计的用户花费额外的一分钟来克服这一困难,哪个观点更有益于企业的成功。这一争论本身也反映出复杂度守恒定律的普适性,而不仅限于软件和应用程序领域。

该定律认为:每一个过程都有其固有的复杂性,存在一个临界点,超过了这个点过程就不能再简化了,你只能将固有的复杂性从一个地方移动到另外一个地方。

交互设计的十大可用性原则,设计法则实例解析(2)

2、复杂度守恒定律/泰思勒定律(Tesler’s Law )对于设计的价值

每个应用程序都具有其内在的、无法简化的复杂度。无论在产品开发环节还是在用户与产品的交互环节,这一固有的复杂度都无法依照我们的意愿去除,只能设法调整、平衡。这一观点主要被应用在交互设计领域。

案例一:比如遥控器的设计演变

使用过智能电视的同学都会发现一个问题,智能电视所配备遥控器界面按钮比普通的电视遥控器按钮少了很多,设计上也趋向简洁,使用上也更加好用,没了那么强烈的选择恐惧症,决策的效率也提升了;按钮的减少也就意味着遥控器所承载的功能减少了,也就是有遥控器的操作复杂度降低了;我们再来看电视机界面及操作的变化,普通电视机的界面通常很简单,你使用遥控器打开电视时,界面上展示的必定是一个频道当下的画面,不会出现复杂的选择页面;而现在智能电视的界面就不同了,打开之后界面展示相当复杂,类似现在使用的视频类APP,交互也相当复杂,虽然,遥控器的功能减少了,但是电视机的界面和交互复杂度提升了;通过以上例子我们不难看出,复杂度的降低是一个相对的概念,不能过分的简化复杂度,只能通过技术或者其他手段转移,来提升产品的用户体验。

交互设计的十大可用性原则,设计法则实例解析(3)

案例二:比如手机设计演变

在诺基亚手机称霸的那个年代,基本上所有的手机样式都是一块显示屏幕加上底部的操作按键,屏幕负责显示内容,而底部的物理按键来实现各种操作,比如,打电话、发短信、上网、聊QQ、玩小游戏等等,就如下图左一的经典诺基亚手机,我们能清楚的看到它的布局还是蛮复杂,尤其是密密麻麻的物理按键,屏幕也相对较小,阅读体验现在看来还是蛮差;自从苹果发布苹果3GS全面屏只能手机之后,彻底改变了手机的设计风格和操作体验,也就是我们现在看到的安卓和苹果的智能手机样式,更大的屏幕、手势操作、全新的界面让人耳目一新;从手机的演变过程来看,智能手机简化了物理操作按键,通过技术手段降低了手机操作的复杂度,尤其是复杂的交互手势操作,复杂度的降低是通过大量的技术和资金投入解决,这也体现了复杂守恒定律。

交互设计的十大可用性原则,设计法则实例解析(4)

案例三:比如今日头条的个性化信息推荐

今日头条的首页推荐内容,都是根据个人的浏览爱好或者倾向进行信息的推荐的,除了首页置顶内容外,其它内容的推荐每个人都是不一样的;对于用户来讲,这样的私人定制信息体验很好,浏览的信息都是相关或者叫做用户自己喜欢的内容;对于用户来讲这是一件好事情,但是,对于产品的开发和设计者来说,这是一个很难的事情,因为实现这样的效果或者体验,需要很强的技术能力和大量服务器的支持,这种做法就是通过技术手段,将用户复杂度降低,转移到了开发者本身,使得用户的阅读体验在同类产品中做到独树一帜。

交互设计的十大可用性原则,设计法则实例解析(5)

七、简单有效原理/奥卡姆剃刀原理(Occam’s Razor )

1、奥卡姆剃刀原理(Occam’s Razor )

奥卡姆剃刀定律(Occam’s Razor, Ockham’s Razor)又称“奥康的剃刀”,它是由14世纪逻辑学家、圣方济各会修士奥卡姆威廉(William of Occam,约1285年至1349年)提出。这个原理称为“如无必要,勿增实体”,即“简单有效原理”。

2、奥卡姆剃刀原理(Occam’s Razor )对于设计的价值

引用《通用设计法则》中的解释:“该原理的含义指的是不必要的元素会降低设计的效率,而且增加未预期后果的发生概率。不管是实体、视觉或者认知上,多余的设计元素,有可能造成失败或者其它问题。这个法则还有美感上的吸引力,可以比喻成「剪除」设计中多余的元素,去除解决方案的杂质,最后设计会更严谨更纯粹。”

如果要从功能相同的设计中做出选择,那么最好选用最简单的设计。这里所说的「功能相同」,指的是一般尺度来衡量,设计所展现的功能类似。

(1)只放置必要的东西

简洁网页最重要的一个方面是只展示有作用的东西,其他的都没有。这并不意味着你不能提供给用户很多的信息,你可以用“更多信息”的链接来实现这些。

案例:比如百度搜索首页界面

提起搜索引擎,在国内都会想起百度,不仅是因为搜索内容准确及时,也因为百度搜索首页设计简洁,专注搜索,页面上搜索框是最显眼的,用户刚进入百度首页的时候就可以看到中间的搜索框,然后直接输入文字进行搜索,其他相关信息被放置在不怎么显眼右上角,而且增加了“更多产品”按钮,给需要的用户提供一个信息的入口。

交互设计的十大可用性原则,设计法则实例解析(6)

(2)减少点击次数

让你的用户通过很少的点击就能找到他们想要的东西,不要让他们找一个内容找得很累。

案例:比如三星充值与支付宝充值流程

如下图所示,三星手机充值界面要完成整个的话费充值流程,需要点击动作三次,而支付宝的充值界面完成整个话费充值流程只需要点击一次,页面流程更短,效率更高;因此,减少用户的点击次数,能提升产品的用户体验。

交互设计的十大可用性原则,设计法则实例解析(7)

(3)减少段落的个数

每当你的网页增加一段,页面中主要的内容就会被挤到一个更小的空间。那些段落并没有起到什么好的作用,而是让顾客们知道更多他们不想了解的东西。

案例:比如雅虎搜索首页界面

雅虎跟谷歌和百度一样,是做搜索引擎的,而且是做的最早的一家,可是现在却没有谷歌和百度使用的人多,有部分原因在于首页设计的失误上,大家都知道谷歌和百度首页最显眼的就是搜索框,没有太多的干扰信息,而我们看看下图中的雅虎首页,最大片的内容区域给了各种新闻和广告,最重要的搜索框在顶部所占的位置却很小,用户本来是搜索内容的,进入首页却看到大段的无关信息,干扰了用户的正常操作。

交互设计的十大可用性原则,设计法则实例解析(8)

(4)“外婆”规则

如果你的外婆(其他老点的人)也能轻松的使用你的页面,你就成功了。

案例:比如微信的界面设计

据英媒《金融时报》近日报道,微信活跃用户已近10亿人,微信超过 55 岁以上用户仅占 1%,但考虑到多达 2 亿的老年人口,这部分用户的增长潜力巨大,微信也越来越关注如何服务好老年用户,比如开通语音和视频聊天功能,提升通话稳定性和质量等,在发红包上,老年用户的活跃度甚至超过了 95 后,月均发送 25 次红包;从以上数据来看,微信是符合此原则的。

交互设计的十大可用性原则,设计法则实例解析(9)

(5)给予更少的选项

做过多的决定也是一种压力,总体来说,用户希望在浏览网页的时候思考的少一点。我们在展示内容的时候要努力减少用户的思维负担,这样就会使浏览者使用更顺畅,心态更平和。

案例:比如谷歌与雅虎首页

谷歌和雅虎都是国际著名的搜索引擎,两者对于信息的检索能力是一摸一样的,但是,两者中间使用最多的还是谷歌浏览器,原因就在于谷歌专注于搜索,页面上展示的也只有搜索框,用户打开页面直接搜索内容就可以;而雅虎的页面信息相比谷歌信息实在太多了,页面上大部分内容都是新闻资讯,搜索反而弱化了,过多的信息很容易让用户迷茫。

交互设计的十大可用性原则,设计法则实例解析(10)

总结

以上便是《设计法则 | 实例解析「交互设计七大定律」在设计中的应用》的下半部分内容,自此该文章的所有内容已经更新完毕,文中观点有什么不合适的地方欢迎大家指正交流~~

最后,谢谢大家的阅读,喜欢就点个赞哦~~笔芯~~

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页