实例解析「交互设计七大定律」在设计中的应用(下篇)

交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计。上篇内容已经介绍了「交互设计七大定律」的前五个,接下来将把剩下两个定律为大家做个实例分析。六、复杂性守恒定律/泰思勒定律(Tesler’s Law )1、复杂度守恒定律/泰思勒定律(Tesler’s Law )简介:复杂度守...

实例解析「交互设计七大定律」在设计中的应用(下篇)

交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计。

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

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

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

复杂度守恒定律(Law of conservation of complexity)由Larry Tesler于1984年提出,也称泰斯勒定律(Tesler's Law)。

Larry Tesler的观点在开发人员中引发了一场争论:应该让一位工程师花费额外的一周时间去减少软件程序的使用难度,还是应该让数以百万计的用户花费额外的一分钟来克服这一困难,哪个观点更有益于企业的成功。这一争论本身也反映出复杂度守恒定律的普适性,而不仅限于软件和应用程序领域。


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

实例解析「交互设计七大定律」在设计中的应用(下篇)

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

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


案例一:比如遥控器的设计演变:使用过智能电视的同学都会发现一个问题,智能电视所配备遥控器界面按钮比普通的电视遥控器按钮少了很多,设计上也趋向简洁,使用上也更加好用,没了那么强烈的选择恐惧症,决策的效率也提升了;按钮的减少也就意味着遥控器所承载的功能减少了,也就是有遥控器的操作复杂度降低了。

我们再来看电视机界面及操作的变化,普通电视机的界面通常很简单,你使用遥控器打开电视时,界面上展示的必定是一个频道当下的画面,不会出现复杂的选择页面;而现在智能电视的界面就不同了,打开之后界面展示相当复杂,类似现在使用的视频类APP,交互也相当复杂,虽然,遥控器的功能减少了,但是电视机的界面和交互复杂度提升了。

通过以上例子我们不难看出,复杂度的降低是一个相对的概念,不能过分的简化复杂度,只能通过技术或者其他手段转移,来提升产品的用户体验。

实例解析「交互设计七大定律」在设计中的应用(下篇)案例二:比如手机设计演变:在诺基亚手机称霸的那个年代,基本上所有的手机样式都是一块显示屏幕加上底部的操作按键,屏幕负责显示内容,而底部的物理按键来实现各种操作,比如,打电话、发短信、上网、聊QQ、玩小游戏等等,就如下图左一的经典诺基亚手机,我们能清楚的看到它的布局还是蛮复杂,尤其是密密麻麻的物理按键,屏幕也相对较小,阅读体验现在看来还是蛮差。

自从苹果发布苹果3GS全面屏只能手机之后,彻底改变了手机的设计风格和操作体验,也就是我们现在看到的安卓和苹果的智能手机样式,更大的屏幕、手势操作、全新的界面让人耳目一新;从手机的演变过程来看,智能手机简化了物理操作按键,通过技术手段降低了手机操作的复杂度,尤其是复杂的交互手势操作,复杂度的降低是通过大量的技术和资金投入解决,这也体现了复杂守恒定律。

实例解析「交互设计七大定律」在设计中的应用(下篇)案例三:比如今日头条的个性化信息推荐:今日头条的首页推荐内容,都是根据个人的浏览爱好或者倾向进行信息的推荐的,除了首页置顶内容外,其它内容的推荐每个人都是不一样的;对于用户来讲,这样的私人定制信息体验很好,浏览的信息都是相关或者叫做用户自己喜欢的内容。

对于用户来讲这是一件好事情,但是,对于产品的开发和设计者来说,这是一个很难的事情,因为实现这样的效果或者体验,需要很强的技术能力和大量服务器的支持,这种做法就是通过技术手段,将用户复杂度降低,转移到了开发者本身,使得用户的阅读体验在同类产品中做到独树一帜。

实例解析「交互设计七大定律」在设计中的应用(下篇)

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

1、奥卡姆剃刀原理(Occam's Razor )简介:

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


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

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

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


(1)只放置必要的东西:

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


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

实例解析「交互设计七大定律」在设计中的应用(下篇)

(2)减少点击次数:

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


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

实例解析「交互设计七大定律」在设计中的应用(下篇)

(3)减少段落的个数:

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


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

实例解析「交互设计七大定律」在设计中的应用(下篇)

(4)“外婆”规则:

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

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

实例解析「交互设计七大定律」在设计中的应用(下篇)

(5)给予更少的选项:

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


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

实例解析「交互设计七大定律」在设计中的应用(下篇)

总结:

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

如有侵权,请联系小编删除

欢迎投稿:zc5060@163.com

实例解析「交互设计七大定律」在设计中的应用(下篇)

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35956/

(0)
交互精选交互精选
上一篇 2018-03-19
下一篇 2018-03-19

相关推荐

  • 什么是用户体验设计,用户体验设计标准是什么?

    我理解的用户体验,是让用户付出最小成本满足需求。用户体验无法用一个通用方法整体衡量,只能在理解产品全貌的前提下评测分解属性。我仅结合搜索领域经验提供些参考。个人对用户体验的目标是,做到“自然”。用户体验设计是什么?用户体验(User Experience,简称UE)设计 是用户在使用产品或服务过程中建立起来的一种纯主观的感受。用户体验产生于客户与你的品牌、公司、组织所发生的一切互动。这些互动的对象包含了你的产品、官网、帮助中心、广告、微...

    2018-03-20
  • 交互设计如何备考?二战学姐带你领略考研那些事

    姜嘉琪本科南京大学,信息管理与信息系统专业清华大学美术学院公布拟录取名单一周之后,心里那种不真实感终于平复下来。这是我第二年参加考试,至此也算是最好的结果了。为什么考研我本科的专业其实也算是个“交叉学科”,范围广必然深度不足,所以我一度非常迷茫,不知道未来究竟想做什么。后来上了一门《人机交互》的选修课,第一次了解到设计上的微妙差别给使用者带来的不同体验,经过反复思考,我觉得产品交互设计这个领域可以算是我个人兴趣、能力、期望最佳的结合点,...

    2018-04-20
  • 人工智能对用户体验的影响

    最近两年人工智能技术在金融、安全、交通、医疗、公共服务和制造业等领域逐渐落地,随着技术的成熟,人工智能将会在更多领域影响人类的生活。以人为本的人工智能设计会变得更加重要,本文会从安全性、效率、易用性、场景化、个性化五个方面阐述人工智能如何改善现有的产品和用户体验,这五个方面存在着各种联系并相互影响。安全性越接近系统底层的技术越影响用户体验,例如手机中毒或者信息被盗都会对用户产生巨大影响;如果关系到国家安全,整个社会的秩序都会被扰乱,所以...

    2018-03-26
  • 实例剖析尼尔森十大交互设计原则在设计中的用法

    Jakob Nielsen(雅各布·尼尔森)的十大交互设计原则。它们被称为“启发式”,因为它们是广泛的经验法则,而不是特定的可用性指导原则。因此,我们不能把它上升为一种标准,而是应该当做一种经验来学习,然后跟现实中的设计结合来使用。本文作者(熊猫小生)通过一些具体的实例来跟大家深度解析尼尔森十大交互设计原则在设计中的用法~一、雅各布·尼尔森(Jakob Nielsen)简介雅各布·尼尔森(Ja...

    2018-01-30
  • 什么是交互设计?这篇文让你彻底弄清!

    达内UI设计,中国UID课程标准制定者通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了解,所以采用了尽...

    2018-04-08
  • 阿里UED双11组织文化传播-为每位阿里小二制造快乐

    这个组织,从创意策划、设计体验方案、执行落地再到传播推广,各种角色无缝衔接。下面带大家探秘这个神秘组织—UED双11品牌传播团队。印象里…双11阿里组织文化传播设计不就是内部宣传么(简称内宣)。Too young Too simple,一次成功的双11背后,内宣就好比阿里小二的精神鼓励师,支(bi)撑(po)着大家不断创造新的历史(走过最长的路,就是内宣人的套路,此处应有掌声)。那么,今年内宣设计的策略和体验核心是什么呢?今年双11品牌...

    2018-02-02
  • 用户体验和可用性之间的联系和差异

    关注一下,更多精彩等着你用户体验和可用性的不同目标对于网站而言,唯一的可用性目标是“易于使用”。但是,用户体验的目标是关于用户在使用网站之前,期间,之后获得的整体感受。因此,可用性和用户在网站中完成任务的难以程度是有关的,而用户体验关注的则是用户和网站互动上的感知。可用性在用户体验设计中扮演着重要的角色拥有良好可用性的产品,用户在使用之后会感觉方便、快捷、舒适,同时减少用户操作出错的可能性。很显然,它会唤起用户良好的情感体验,让用户感到...

    2018-03-09
  • Axure案例练习-点评打分效果

    现在,外卖也好,购物也好,打车也好,点评打分是网站常见的用户互动的功能,一般都是1~5分之间评分,分值对应几颗星或者几颗心,当用户点击确定之后打分就完成了。下面我就以大众点评网为例,制作了打分效果。做之前,我们先来分析一下,点评共涉及到6个状态:没有打分的时候、一颗星的时候、二颗星的时候、三颗星的时候、四颗星的时候、五颗星的时候。根据之前的学习,知道点评区域是一个动态面板,这个动态面板有六个状态,当鼠标分别悬停时,切换出不同的状态。我们...

    2018-04-29
  • 【用户体验】Chiphell论坛网友Raise3D N2打印体验实录

    以下是来自Chiphell论坛的一位@xm79 网友的使用Raise3D N2 3D打印机后的体验分享帖。让你看到Raise3D N2 3D打印机最真实的一面。之前用了好一阵工作室的makerbot 之后,也想着买一台自己的。主要每次打都要排个队,十分麻烦。而且每到出图季就要没日没夜的看守在打印机旁,通宵不起了。思量着买一台放家里吧。本来考虑着买makerbot的,因为速度是真的快,软件算法比用ultimaker系的快了一倍。但是问题就...

    2018-02-05
  • 「Sketch | 译文」用共享样式创建文本系统

    原文作者:Bunin Dmitriy来自:Medium阅读全文大约需要 6 分钟相信字体样式管理对很多新人设计师而言并不是一件容易的事,甚至很多工作多年的设计狮也并没有很好的规划自己的项目字体样式的习惯,这不但增加了设计项目的维护难度,更主要的是随着项目的不断膨胀,你项目中的排版会变得杂乱无章、极不统一。其实使用Sketch来进行字体管理并不复杂,今天带来的是Bunin Dmitriy的一篇关于文本样式系统的文章,不到十分钟可以让你对文...

    2018-04-14