用户体验设计法则(一)

用户头像
成都/产品设计师/3年前/1640浏览
用户体验设计法则(一)
用户头像
忻芸

用户体验设计通用法则之:无障碍设计、功能可见性、包容性;

一、无障碍设计


设计的产品和环境无需经过特意调整,就能尽可能地让更多人使用。

无障碍设计(barrier-free design),也称:通用设计(univeral design)容性设计(inclusive design)

根据无障碍使用法则,好的设计产品不需要特殊调整和修正,就能经可能地为更多人所用。过去,无障碣设计是为了方便残痪人。随着人们在无障碍设计方面的知识和经验不断积累,人们逐渐意识到,这些无障碍广品是适用于所有人的。无障碍设计有易理解性、易操作性、简易性和包容性这四个特点。

(1)易理解性:是指不管使用者的理解力有多大差异,每一位使用者都能理解设计。要想提升易理解性,基本方法是用冗余编码来呈现信息(如文字、图像、触觉标注);利用辅助性感官技术提升产品的使用多样性,例如在网页上的图片加注 ALT标签(即容代文字,当网读者存在视觉摩碍等不便时,ALT文宇能将图片转为文宇叙述,方便浏览。一译法);以合理的方式来星现操控裝置和信息,让使用者无论站或坐,都能轻易地理解和操作。

(2)易操作性:是指不论使用者的身体状况如何,都可以使用某一设计。提高易操作性的基本方法如下:尽可能减少使用者的重复操作以及不必要的体力消耗;让正确的操作变得简易,而错误的操作被设置为无效,使得操作更加便利;利用辅助人体活动的技术,为使用者提供良好的操作环境(例如铺设残疾人专用道路);以合理的方式来呈现操控装置和信息,让使用者无论站或坐,都能轻易操作。


(3)简易性:就是指不论使用者的经验、文化程度和注意力水平如何,都能轻松操控设计产物。提高简易性的基本方法如下:去掉不必要的复杂设计;采用清楚明了、含义一致的提示符号和标识,对操控装置和操作方式做出标记;要渐进地披露呈现相关信息和操控装置,省路无关的信息;对于所有指令,都应提供清楚的提示和反馈,确保信息简单易懂,适合文化程度不同的使用者。


(4)包容性:就是指尽可能地让操作错误的后果最小化。提高包容性的基本方法如下:使正确操作简单易懂,而错误操作无效化(比如正确操作才能启动控制系统)来防止错误发生;设置“确认”和“警告"来减少错误的发生;增加可撤销功能和安全网等手段,以减轻或避免因错误造成的后果。


二、功能可见性


物品或环境的特质会影响其功能。


一些物品或环境会比其他的更适合某些功能。比如圆形轮胎比方形轮胎更容易滚动起来,因此圆形轮胎会比较适合滚动;楼梯比栏杆容易攀登,所以人们觉得楼梯更适合攀登。不过这并不意味着方形轮胎不能滚动,或栏杆无法攀爬,而是说圆形轮胎和楼梯的某些特性,会影响到人们认为它们所具备的功能和使用方式。


如果物品或环境的功能可见性符合人们的感官预期,那么这种设计就会被充分接纳,也有着高使用率,同时会被认为易于操作。反之,当物品或环境的功能可见性与其预期功能相抵触,那么设计出来的产品就不会有很高的接纳率和使用率,同时也会被认为难以操作。例如,门与门把手。通常而言,人们都会去拉门把手,在这种状况下,门把手的功能可见性与门的功能相抵触。如果用一块平面金属板代替门把手,那么门就能直接被推开。平面金属板的功能可见性符合人们开门的方式,门的设计因此得以改善。

生活中常见物品和环境的图像能提升产品设计的易用性。例如:电脑屏幕上三维立体的图标与实际生活中常见的按钮看起来基本相同,因此人们就知道可以直接按下去。电脑操作系统中广受欢迎的“桌面”,就是基于这个概念。回收站和文件夹等常见图标在视觉和功能上,都符合人们在实际生活中的认知。因此这些图标可以用来提示使用者,使其明白对应的软件功能。


无论何时对物品和环境所进行的设计都要尽可能符合人们的心理预期,使用方式也要适当。比如,在设计可折叠椅子的时候,它们的折叠法就只能有一种。在抽象环境下(例如软件界面)要模拟人们熟悉的物品和环境,以提醒使用者要怎样使用新系统中的各个部件,它们的功能又是什么。如果能把功能可见性法则成功地运用到设计当中,设计便会在运行或被使用上看起来不可思议。


三、包容性


设计应该能让人避免出错,而且当错误真的发生时,能把负面影响降到最低。


包容性有助于防患于未然,而且就算真的出错,也能把负面影响降到最低。員有包容性的设计提供了安全感和稳定性,因此能鼓励使用者去学、探索和使用设计。把包容性纳入设计的常见策略包括:


(1)创造良好的功能可见性:设计的外观特征会影响其正确用法(如形状特殊的插头只能被插到适合的插座上)。

(2)设置可撒回动作:如果错误发生,或使用者改变主意,就可以辙回到前一个或先前的几个动作上(如软件的“撇消”功能)。

(3)设置安全网:一些装置或流程,可以把灾难性错误或失败的负面影响降到最低(如飞机上的弹射座椅)。

(4)设置确认流程:在执行重要的行动指令之前,必须确认使用者的意图(如在启动某个装置之前,必须先把装置上的锁打开)。

(5)提供帮助:帮助使用者进行基本操作,或者排除故障,修正错误的信息(如使用说明书或服务热线、在线客服)。


创造良好的功能可见性、设置可撤回动作,以及设置安全网是获得设计包容性的首选方法。如果能有效地使用这些策略,就会很少用到确认、警告及帮助功能。如果功能可见性很好,帮助就不太能派上用场;如果动作可以撤回,确认流程就没有存在的必要;如果安全网很完善,就不需要设置警告。使用确认、警告及帮助系统时,要避免隐晦或者难以理解的信息或图示。一定要使所包含的信息能清楚地表明危险或问题,而且要指出可以做哪些动作或者应该做哪些动作。如果确认或警告太多,互动就会不那么流肠,确认或警告的提示被忽略的可能性也会增加,一定要记住这点!


设计者应该运用良好的功能可见性,设置可撤回动作以及安全网,从而提升设计的包容性。如果没办法做到,就一定要在设计中设置确认流程、警告和良好的帮助系统。注意;与设计成功互动所需动用的外力,正好跟设计的品质成反比。也就是说,如果在与设计互动时需要很多帮助才能完成,就说明设计质量欠佳。

15
举报
|
15
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
我的钱包-UI界面设计-app
手表表盘UI系列
Security Camera UI kit
科技医疗透明柜UI界面设计
盲盒APP UI设计
3D卡通UI界面图标可爱插画免扣素
新拟态风格 UI设计组件库
拟物风质感写实UI卡片合集源文件
【新年UI图标】体育icon
3D渐变流体抽象矢量UI背景图
UI通用设计素材1
【新年UI图标】秒杀icon
智能家居中心 简约 UI设计组件库
【新年UI图标】旅行icon
高级感金属拟物 UI设计组件库
高级表盘系列UI源文件
UI 登录界面设计模板包
UI应用平面图标
钱包ui模板
抽象液态渐变UI背景模版
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI界面 组件
【新年UI图标】活动icon
你可能喜欢
相关收藏夹
大家都在看
登录注册