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

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

相关推荐

  • 饿了么 UED 又搞事情啦!

    近日,据保洁阿姨匿名举报,在上海饿了么总部的榴莲酥会议室内,有人在工作时间聚众搞事情……据说场面隆重,气氛活跃,不堪入目。本台记者 @孟小雨 迅速赶往了现场。-----据调查,这次始作俑者是作为宇宙霹雳无敌超级吃货公司饿了么中最有逼格+设计感的团队—— UED 部门。在这个辞旧迎新、恭喜发财、还不放假的时刻,该部门秘密召开了第一届 UED 年度颁奖典礼!记者被大会的美食吸引,潜入该组织内部,随即被惊呆了。说到颁奖会,你以为是这样的?领导...

    2018-02-25
  • 塾乐教育-进阶提高设计思路的秘籍在这里!

    一直以来,我们始终想让知识变的更实用这5年,课程前后完善了几十个方案这篇文章,请认真阅读也许,会改变你的一生01为什么学设计一定要参加系统课程学习?01- 电商设计行业升级更新太快,如果不即时学习最新的知识。单靠自己平时工作的经验是无法满足中高端市场的需求的!通过学习,让你远远超过你的同行技术水平!02- 虽然互联网上免费知识层出不穷,但绝大部分都是挂羊头卖狗肉性质的不系统招生引流课程。给你一点甜头,再收取你高额培训费用!03- 一个人...

    2018-03-03
  • 怎样挣钱?用户体验是一个值得关注的话题

    近年来,“快闪”成了营销届的新玩法,不少大品牌纷纷开起了快闪店。何为“快闪店”Pop-upshop在一个固定地点,临时搭建起来的零售商店,存在时间长短不一,几天或者几周,有的几个月,也称Pop-up shop。坐标:成都远洋太古里品牌:欧舒丹时间:2018年3月2日—8日欧舒丹粉樱咖啡快闪店的出现,正值樱花季。这场满载法式浪漫的活动,呈现出唯美场景,现场随处可见,络绎不绝的打卡人群,这场营销又让欧舒丹火了一把。坐标:香港皇后大道品牌:C...

    2018-03-30
  • 微信Axure原型练习和资源分享

    “我根本没把你放在眼里。”“因为你一直在我心里。”▼这是咸冬日的第叁篇文章这两天业余时间学习了axure的基本功能,做了一个简单的微信原型练练手,教程分享给大家。首先需要准备基本素材,可以从我的源文件中获取。1.设置手机主页和home热键用例。2.拖入内联框架(w273*h482),设置从不显示和隐藏边框,并链接到主页。3.设置主页交互:1)主页内拖入动态面板“内容区”(273X396),并增加4个menu状态(微信、通讯录、发现、我;...

    2018-03-10
  • 课程论文 | 基于用户体验的购物车再设计

    引言PAGE1随着我国经济水平的增长,人民生活水平的不断提高,越来越多的消费者选择去大型超市购物消费,大多数城市居民都养成了定期光顾超市的习惯,把购物同休闲结合起来。体验经济的到来,越来越多的消费者开始关注购物本身是否能带来愉快的体验,这样的体验超出了纯粹的购物,而成为光顾超市目的的一部分。因此,购物不仅仅是出于购物的需求而且还为了获得愉快的体验。而购物车与消费者的购物体验紧密相连。购物车的使用体验对消费者的购物体验影响很大。现有购物车...

    2018-02-13
  • 对话式交互设计

    关注一下,更多精彩等着你1. 轮流表达在对话中我们基于互相来回传递的微妙信号进行轮流表达。如果会话中缺少这种有效的轮流互换,我们就有可能难以保持信息的同步或无法跟上对方的节奏。2. 对话串联在自然语言中,对话的所有元素通常会被连贯地串联起来,包括上下文以及随时间演进的对话方式。这种串联帮助我们跟进会话过程。能够理解欣赏笑话幽默的人都知道,在交流中的每个回合都要注意上下文的关联性,并加强整体的交流。3. 潜在效率人们经常会用简略的口语交流...

    2018-03-21
  • 案例:交互设计七大定律分享

    一费茨定律(Fitts' Law)1、费茨定律(Fitts’ Law)简介费茨定律是由保罗·费茨(Paul M. Fitts)博士,在对人类操作过程中的运动特征、运动时间、运动范围和运动准确性进行研究之后提出的,时间是1954年;该定律被用来预测从任意一点到目标中心位置所需时间的数学模型,在人机交互(HCI)和设计领域的影响却最为广泛和深远。费茨定律指的是:使用指点设备到达一个目标的时间,与当前设备位置和目标位置的距离(D)和目标大小(...

    2018-02-28
  • 【用户体验工作坊】用户体验地图实践

    提升用户体验是企业信息化部本年度重点事项。为此,敏捷推进小组已经组织了两期“用户体验工作坊”,并和京东大学合作举办了“创新训练营”。同时“用户体验工作坊”也是用户体验提升计划的一部分,旨在推动部门内部所有产品进行用户体验的优化升级。参加本次“用户体验工作坊”的有来自企业信息化部各个部门的研发、产品和项目经理近50人。🔺 赵卫老师在讲授用户体验实践方法🔺刘泽鹏老师讲授“用户体验生命周期”赵卫老师首先讲解了用户体验五大原则:01不要强迫用户...

    2018-04-26
  • 交互设计师必须知道的五大交互设计流程

    交互设计又称互动设计,从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点。同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充,交互设计还涉及到多个学科,以及和多领域多背景人员的沟通。其实,交互设计需要做的事情也不是一成不变的,它会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别。下面我就在马海祥博客上...

    微信热点 2018-03-16
  • 骁龙835助力VR交互新体验,自由就要6DOF!

    今天,Pico 在北京举办新品发布会上,发布了旗下全球首款同时实现头部和手部 6DOF 追踪及交互的量产 VR 一体机 Pico Neo——搭载Qualcomm® 骁龙™835 移动 VR 平台,带来更加自由、沉浸的 VR 交互体验。Pico Neo 是 Pico 旗下最新一代 VR 一体机产品,搭载了Qualcomm骁龙835移动VR平台,采用一体式 ID 设计,更轻更透气的全包布材料,配备 3K 高清显示屏,4GB 高速 RAM,6...

    2018-01-30