yabo1

几何

交互设计之父的阿兰·库珀,最为人熟知的就是this句话:“除非有更好的choice,否则就遵从标准”。今天We会先思考交互设计的定律和how 制作userMap,hope对everybody有所帮助!

 

1. Fitts’Law /菲茨定律(费茨法则)

a.费茨定律,它是stay1954 年 ,由保罗.菲男睦硌家 Paul Fitts 紫忍岢觯当时用来预测从我庖点到目标core位置所需time的数学模型,stay人机交互和设计领域的影响力最为广泛和深远。

b.定义:从一个起始位置移动到一个最终目标所需的time由两个问决定,到目标的距离和目标的大小

(上In the picture的 D与W),用数学公奖泶镂猼ime T = a + b log2(D/W+1)。

c.费茨定律,stayproduct设浦械募壑凳翘岣遬roduct的可用性和易用性。例如:界面设浦校磁サ瓤点击对象要合理的设置大小尺寸才能easily操作,所以stay移动应用中,图标按钮会增加点击热区范围,以便user轻松点击按钮,做到

product设计上的可用性和易用性。

费茨定律的思考分析,如下图所示 。

1.可点击对象的设计,需要设计合理的大小和尺寸。功能设计的越大,user越easily点击操作,交互效率越好。

2.界面设计的屏幕边缘或角,适合放孟癫说ダ富虬磁his样的设计元素,if边角是目标,它强晌限高或无限宽,更easily触达到操作目标。不管你移动了多远,点击操作最终都会停stay屏幕的边缘,并定位stay按钮的上面。

3.界面设浦校鯪owuser正stay操作的对象旁边的删除列表(右滑删除)比路降鯿hoice对象easily操作,右滑删除交互sure被user打开得更fast,更有效率,because不需要移动到屏幕的其他位置,就sure删除多余的列表。

4.Apple的iOS人机交互设计指南中指出,按钮的点击热区大于44x44pt,this样操作按钮才会让user觉得easily使用。

5.费茨定律案例:userstay使用product时,比较重要的操作,We会放stay移动端应用的屏幕边缘处,奖鉝e的

user点击操作product的功能图标。如下图所示。

 

2. Hick’s Law / 席克定律(希克法则)

We看一下,席克定律的数学公奖泶锸 : RT= a+blog2 ( n )。RT express反应time,a express跟做决定无关的总time,b express根据对选项认知的处理time实证衍生出的常数,n express同样probably难∠钍

stay人机交互的界面设浦校∠钤蕉啵馕蹲舥ser做出决定的time就越长。

分布操作,专注当前行为,就sure节约user作出决定的time。如下图所示。

其他符合席克定律的案例,如下图所示:

a. 对于user,低frequency功能或不太重要的功能,sure收纳起来。比如:personalcore的设置功能模块。如下图所示:

b. 分布操作,专注于当前男形杓疲缦峦妓荆

c.stay人机交互设浦校琖e对核心功能选项做蒙杓粕系墓槔啵瑂ure提升user做choice男省

比如:We帮助userchoice 5 种核心的功能需求,它紫然至寺糜纬【跋碌墓δ芊掷啵让user对分类进行choice。

then进入choice机票入口,this样We极大的化解了user面对很多旅游功能选项的难度和纠结,节约了user做决定的

time。

d. 做好分类choice,sure提高交互体验设计男剩琧hoice你想要的商品并购买。如下图所示。

 

3. 神奇数字 7 ± 2 法则

1.becauseU.S.A认知心理学 George A Miller 的Research,人们短时记忆广度大约为7个单位(字母、数字、chinese等),也就是说看沃荒艽 5 到 9 件事情。

2.人的大脑认知信息的能力有限,所以We通过研畔⒎肿楹湍?榉掷啵此来know和思家恍└丛有缘膒roblem。

3.神奇数字7 ± 2 法则,应用范围很广。例如We记忆的电话号码,sure分成三组数郑 159 5555 6666 ,

this样分组记忆起来就会easily很多。

4.UI 界面的导航设计,为了给userprovideto make clear的设计向导,两种导航(底康己嚼负投ゲ康己嚼福┑睦改可杓仆ǔ6伎刂苨tay 5 个之内,栏目功能过多user不easily记忆,5 个之内的导航设计奖鉼ser记忆和fast速操作。

5.移动应用的交互设计规律。神奇数字 7 加减 2 法则同样适用,蚂蚁金服的品类区的核心功能模块的设计,悬浮卡片上只display 8 个 功能图标,如下图所示。

6.同一类功能和同一层级的元素出现时,数目commonly控制stay 5-9 个,如下图所示。

7.if超过 5 个,sure右滑choice你想要的product功能,如下边的右图所示。

8.神奇数字 7±2 法则,运营advertisement图设计要抓住重点去设计,更好的引导user去浏览谌莺蚿roduct的交互体验。

如下图所示,数字符号标注-突出重点,主图、主题、操作按钮、主色氛围等,We会作出优秀的运营设计。

 

4. The Law Of Proximity 接近法则

根据格式塔男睦硌伎 :当对象离得太近的时候,人的意识会think界面元素之间是relevant的。

stay交互设浦校缑嫔杓浦械慕咏蚴嵌韵嗨信息及功能类别进心谌莘肿楹筒季稚杓频挠呕杓啤

接近法则stay界面设浦械膃ffect,能够直接影斓絬ser与product界面之间的视觉互动,来引导user的浏览及点击交互行为。therefore,相似的谌莺凸δ苣?应该彼此靠近,而关联性较弱的谌应该保持大一点的间距。

接近法则运用的康模簊tay视觉上通过组与组的区郑椿止δ苣?之间的关联性,让界面变得More清晰,同时帮助userstay浏览page面时,能够清楚的看到到各个谌菽?之间的关联性,就是视觉信息的划分和分组展示。

如下图所示。同一类的功能可分为一组,组内使用浅灰色的指钕呃幢泶铩6亓匀醯墓δ苣?椋槟诘膕ure用浅灰色的指蠲姹泶铮橛胱之间的距离,做好视觉信息的划分effect。

 

5. Tesler’s Law 泰思勒定律(复杂性守恒定律)

a.“复制粘贴之父” Larry Tesler (1945-2020) 说过,“任何事物都have其固有的复杂性,无法简化”。

引入第三方登录,减少注册account number的复杂步骤,节约user登录或注册this一流程上所耗费的步骤和time。

复杂性守恒定律,think每一个product设计的过程中,都有其固有的复杂性,存stay着一个临界点,超过了this个点product设计的过程就不能再简化了,你只能take固有的复杂性从一个地方转移到in addition一个地方。

b.以user为core的product设计,交互设计应尽量简化user层面上的交互设计的过程。比如:顶康己嚼傅膍ore图标,就是take常用的功能整合并隐藏stay首page设计的more功能模块中。如下图所示。

 

6. 新乡重夫:防错原则

a.防错原则,think大部分的accident都是由product设计上的疏忽,而不是宋牟僮魇韬觥K訵esure通过改变product

体验设计把过失率降到最低。

Westay设计过程中,要从user维度出发,做设计前思考user的使用场景,预测到they有probably发生的误操作状态,

做到操作前给user的温馨提示、操作中的实时告知、操作后给user的及时反馈。

b.防错原则是著名的品质管理专家新乡重夫提出来的。原则最初是用于工业管理,stay交互设浦幸瞫ure使用。

比如图 1,今日幸运星主题,分享给好友帮忙砍价。stay没有满足条件时,通过弹窗来提示user去邀请好友,以此

来完成product设计的任务。

比如图 2,请输入验证码的弹窗,验证码错误,您还sure重复 3 次,只有信息都输入正确时,user才能完成的this个界面任务,如下图所示。

 

7. Occam’s Razor 奥卡姆剃刀原理(简单有效原理)

简单有效原理,被称为“如无必要,勿增实体”(Entities should not be multiplied unnecessarily),即如有两个

功能相等的设计,那么choice最简单的、视觉干扰比较少的设计。stay其他条件相同的情况下,要求得越少的那个就

越好,越有价值。

a.合并多余流程,点击极速支付,支冻晒Φ疤崾尽

b.高frequency使用的product界面,保持清爽的设计感。

c.优先展示核心功能,减少点击问H缦峦妓尽

图 1,界面中清晰的brand色的底部操作按钮,sureto make clear的引导user去choice优质的理财product。

图 2 ,摩拜单车首page,user最关注的功能是扫码开锁的核心功能,奖鉼ser直接操作,提高交互效率。

d.苹果official网站的简约设计做的很棒。苹果公司用一种很高效和品质感的设计provide了足够多的谌荩镜奈陌福换ズ蚿icture都比较集中展示,网page设计没有放一些使user分心的advertisement和不重要的谌荨H缦峦妓尽

总结:

1.stayproduct设计领域,有很多经过time检验过的定律,sure作为product设计的指导原理。作为交互设计之父的

阿兰·库珀,他最为人熟知的就是this句话 :“ 除非有更好的choice,否则就遵从标准 ”。

2.交互设计的定律,能够帮助product设计师对界面上的various视觉元素进行合理思考,从而find 一些user使用场景中的可用性problem。从product设计的维度思考看,We来改善product设计的操作效率和user的满意度。设计service于product、设计service于商业。

 

二. user体验Map的制作思考:

a.what是user体验Map ?

定义:user体验Map,是一种梳理product体验problem的设计工具。展示的就是userstay使用一款product和设计service的过程中,每一个阶段的体验、user对product直观男睦砀惺堋akeuser的所做、所思都展现出来,便于team设计师全面思考product带给user的体验,挖掘设计的优化点。例如,你去三亚去度假旅游,user体验Map就是用图形男问剑墒踊谋泶铮瑃ake你stay三亚的一天活动情况记录下来,among包含你this段time去过的旅游景点,以及stay每个旅游景点的user

体验感受。

 

思考user体验Map,适合stayproduct设计的那几个阶段绘制?

  • 1.原型制作前,设计师从直观感觉的角度看,We要了解own的product为userprovide了what功能、交互体验,同时协助We的product设计team,做好product功能的体验设计。
  • 2.product上线时,Wesure结合user调研、可用性test等方法论。以此获取user的美好体验和真实男睦砀惺埽窗镏鶺e公司的product设计find problem,以此作为product设计的迭代优化的方向或者寻找新的originality设计机会点来解决problem。

 

b. 为what要设计user体验Map ?

a.We做好user体验Map的两个优点:

  • 1.product设计的体验目标是让user用起来,感觉到producthave可用性、好用性、易用性,那么product设计也应该从user
  • 视角出发,user从product那个触点点击进来,怎样点击交互下一步,怎样保持对product的活跃度,how 传播分享;定位user使用product过程中的体验痛点。
  • 2.真正思考user需要what功能,让moreuser参与进来,换位思考Weproduct带给userspecific what感受,全局性的思维去思考product的体验,与team成员、product交互设计、开发department和项目be responsible for人等达成一致性的共识、有效沟通和协作,黄鹬谱鞒鼋饩鰌rogramme。

 

b. 思考user体验Map的价值点

  • 1.基于user使用场景的设计是基于user达到某个体验设计目标的一系列场景的分析与product思考,理解userstay每一个使用场景下的痛点及需求分析,同时结合user的上一场景,思考user下一步的体验目标,Wesure通过做好体验设计,来causeuser情感上的共鸣。
  • 2.使用user体验Map,team成员sure从user的痛点出发,让product设计师、team成员全面的思考product体验,从user体验Map中来挖掘product设计的机会点。

 

c. how 制作user体验Map ?

以途牛user体验Map为例,如下图所示。

We运用user体验Map时,作为设计师或参与者需要切换成user视角、第一问褂者的角度去思考,去find product体验上的problem,同时解决product体验中遇到的problem,提升user体验的满意度。

 

制作user体验Map时,四个关键点的思考:

1. to make clearWe的核心user人群等; 2. Researchuser的使用场景。3. 做好user的访谈和调研。4. 制作好user体验Map。

 

制作user体验Map的specific 步骤如下:

1. 前期get ready工作:

Wesure先做user的深度访谈、user对product反馈、product设计的走查和交互的走查、product的数据分析、同行业的竞品分析、访谈user等方法,获取大量真实可康淖柿稀

We就会know到:思考userstay使用product设计的过程中产生男形据、user体验和user内心的真实感受。We也sure思考product的设计思路、product的核心user人群等,以此作为We制作user体验Map过程中的重要参考和依据,know user到底需要what功能和流程,来帮助user解决problem。

2. user调研的方法如下:

Wesure先采访user或者做好调研和记录,takeWe的采访或调研记录的谌葑龊谜砉榈担瑃eam成员黄鹄床鸾夂图锹紆ser男形ser的直观感受和user心中真实的想法。

3.We要梳理好关键product设计任务的流程,就是userstay使用product功能的过程中,会面临很多不同的场景或复杂的设计流程和体验设计的目标。thenWe再撰写user完成每个关键任务的time:比如,对于We日常所见的查找功能而言,userhope更fast的查找到own想要的product功能和体验目标。

We再写出关键product任务的user操作product时男形

指的是user当下stay做what,通常是用 “我+动词” 来express,例如:我购买基金product。

4.We再确定好关键节点,写出user调研过程中的痛点思考、user的满意度思考,放stay对应男形点的路健

We思考和分析user的痛点、user满意度的调查,判断user的情绪变化。分析结束后,需要take以上三类信息都写下来,奖愫笮矸肿椤0研形按照达成user目标的逻辑顺序整理出来,并做好归类。例如:美团 App 的例子中分为 4 个阶段,如下图所示。

5.We来判断:userstay每个阶段,体验product设计任务中所产生的情绪高低的不同值,并把它们连成一条线,this样就形成user的情绪曲线

6.也就是说,制作user体验Map过程中,We要思考user每个行为背后的痛点和product设计上的机会点。

最后,制作好一张实用性很强的user体验Map,以此来挖掘user的痛点problem,Wesure更好的去挖掘product体验设浦械纳杓苹点,如下图所示。

网上的案例欣赏,出境何锏膗ser体验Map,如下图所示。

 

总结:

1. We制作user体验Map,注重的是team成员的洞察分析能力和对product的思考能力,We要用心思考product设浦械暮心user的痛点和product设浦械幕点,We要输出一套符合user价值、商业价值和和product功能价值的体验设计programme,以此解决user的体验problem,把product做的更好,让user使用product过程中,产生愉悦感。

2. 制作user体验Map的价值是,不仅能使We以“user视角”的维度去思考,引导team和设计师去思考problem并做好

product的体验设计。同时We也可运用“全局性的设计思维” 去思考product体验设计,去find productproblem并解决product设浦杏龅降奶逖閜roblem,让Weproduct带给user的是:product设计的可用性、好用性和易用性的价值。

 

原文地址:

author:ExperienceDesign

 

转载请注明:yabo1 » 交互设计定律和user体验Map

登录收藏
 
你probablylike的:
this些暴露年龄的交互方式为what都过气了?this些暴露年龄的交互方式为what都过气了?
how 把按钮设计做到最好?看完this一篇就够了!how 把按钮设计做到最好?看完this一篇就够了!
设计师适用的视觉向竞品分析设计师适用的视觉向竞品分析
通过挖掘user心里诉求设计page面通过挖掘user心里诉求设计page面
怎样画线框图才有意义?怎样画线框图才有意义?
game中「抽奖界面」的思考game中「抽奖界面」的思考
设计好product的引爆点,相当于就成功了一半?设计好product的引爆点,相当于就成功了一半?
考虑好this三个关键因素,你的userResearch才不会白忙睿ㄏ拢考虑好this三个关键因素,你的userResearch才不会白忙睿ㄏ拢
横滑or竖滑?横滑or竖滑?
product体验中的哲学product体验中的哲学