童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

谈谈交互设计中的反馈设计

11月15日 风雨峰投稿
  相信大家都非常清楚设计中需考虑反馈,但反馈的即时性往往容易被人忽略,因为大家都觉得我的反馈已经够即时了。
  十二生肖在小船上游玩,它们轮流说笑话,如果不能把所有生肖逗笑,表演者就要被丢进湖里。首先从牛开始,牛的笑话非常幽默,几乎所有生肖都笑了,但唯独猪没笑。所以牛很遗憾地被丢到湖里。然后是羊说笑话,羊的笑话很烂,几乎所有的动物都没笑,但唯独猪笑了。其它生肖都很不解:“你在笑什么啊?。”猪说到:“哈哈哈哈哈,因为牛的笑话太逗了!”
  我们觉得这个笑话好笑,是因为觉得牛好冤枉,同时也觉得猪的真的好蠢。同样,当你的产品反应像猪一样慢的话,用户会觉得这产品很愚蠢,而这里的反应,即交互设计中的反馈。
  只有反馈还不够,用户需要的是即时、马上!
  相信大家都非常清楚设计中需考虑反馈,但反馈的即时性往往容易被人忽略,因为大家都觉得:“我的反馈已经够即时了。”
  但真的是这样吗?我们来看看以下动图:
  图一:三种不同的反馈方式
  点击小矩形后,能得到矩形变大的反馈。虽然在三幅动图中,小矩形变化到大矩形的时间是完全一致的,但它们带给我们的体验却非常不一样。显然,最右的动图显得最为僵硬且迟钝,因为最后的动图缺少了过渡的反馈,而另外两个动图都有从小变大的过渡动画反馈。
  所以,即时反馈不仅是针对结果的反馈,用户输入和反馈结果之间仍存在时间间隙,过程的反馈也同样重要。此外,对于同时带有过程反馈的中图和左图,我们仍然觉得中图不够顺畅,是因为中图一开始的变化不够明显。换句话来说,它操作后的反馈仍不够即时,导致了体验的不流畅。
  举一个现实的例子,以前的搜索需要用户输入完后点击确认才能搜索,但现在大多数搜索已经可以做到一边输入一遍搜索。以前看视频的时候拖动完进度条画面才有反馈,但现在一边拖动进度条能一边看到画面的反馈。当时觉得以前的交互没有毛病,但现在用回那种方式就会觉得非常愚蠢。人类在追求即时性这件事上就从未停止过。
  只要用户是连续的输入,就要给予同步连续的反馈
  可将输入方式分为非连续与连续两类。非连续输入是指:用户的输入只是“是”或“非”的信号,如移动设备的轻触。连续输入是指,用户的输入是持续连贯的呈递增或递减的信号,如移动设备的滑动。
  那么,什么叫同步连续的反馈?
  请看以下动图:
  图二:同步连续的反馈
  动图表示右滑切换界面的交互,左图的界面会伴随手势的右滑同步变化,而右图的界面则是在手势右滑后才作出反馈,体验的好坏相信大家已经一目了然。
  用户连续的输入的交互将会越来越常见,因为它带来更流畅的体验。如:iOS系统中,图片全屏后往下拖动会退出全屏不需要点击关闭按钮;iPhoneX的虚拟home键;3Dtouch预览图片到全屏显示等。连续的输入必须同步给予连续的反馈,才让流畅感达到极致。
  反馈与用户预期
  有些反馈是带有用户预期的,如开灯前我们就会预期空间会被照亮。针对这类的反馈,我们应该先遵循用户习惯或平台规则,如移动设备的右滑返回规则教育了大量的用户,让用户养成了习惯,假如你的APP里没有或改变了这样的方式,如右滑打开,极可能会对用户造成不便。
  其次,假如没有平台规则可寻或用户还没养成习惯,那么反馈应该契合用户的生活常识或印象,以尽可能降低用户的认知成本。这种情况在新的媒介(如VR、AR)上尤为常见。
  比如:在虚拟世界中的碰撞中,加上震动反馈会有截然不同的效果,因为在真实生活中碰撞必然会产生震动。再比如:以前的电子阅读器翻页效果,是模仿真实翻书的视觉反馈。
  而有些反馈则没有用户预期,如新的交互方式(常见于游戏)或错误反馈等,针对这种反馈更需容易理解和学习。
  举一反例:在游戏《王者荣耀》中,大多数英雄位移技能的方向都与提示箭头一致,这能让玩家快速上手,但有个别英雄位移方向与提示箭头反方相反,提示与反馈的不一致性,无疑增大了玩家操作的难度,所以这些英雄往往只有高阶玩家常用。
  另外,由于没有预期的反馈是用户被动接收的信息,往往容易被忽略,所以信息的可达性同样需要关注。但追求可达性,不代表可以干扰或打断用户。
  所以,如何在可达与干扰之间取得完美的平衡点?
  是个值得深思的命题。有机会再另起新的文章探讨。
  反馈与场景
  其实,不止反馈设计,任何设计都应该以场景为立足之本。在这里再次强调,是因为有一个例子让人印象深刻:有一个出租车司机被劫持了,但幸好他安装了警报系统。当他按下按钮后传来了一段声音:“已经帮您报警,警察将在30分钟内到达”。
  在这例子中,设计师很谨慎,它考虑到了给予用户反馈,但这种反馈在此场景下合适吗?
  最后的思考题
  图三:常见的吊扇旋钮
  上图是一个常见的风扇旋钮,用户可以通过旋钮调节风力大小,旋转角越大,风力越低。
  不知道大家如何看待这种交互方式?
  显然地,旋角越大风力越小(反向控制)这种映射关系不符合我们的常识,用户难以理解。这样看来,这种交互好像有点傻。但从另一角度,如果旋角越小风力越小(同向控制)的话,当用户选择小风力时,由于电流太小很难驱动电机,风扇可能很久都没转起来,显然这种反馈也是不友好的。
  但再从操作成本的角度,如果用户想调到最大值,同向控制只需要无脑地将旋钮拧到尽头即可,反向控制却需要小心试探关闭与开启的边界来调节最大值。
  那么对于这个问题,你是怎么思考的呢?
投诉 评论 转载

9例UI设计规范模板本文先为大家整理了设计规范中的分类情况,UI设计规范有几大分类组成,分别是:Logo、标准色、字号、段落设置、图标、图片、间距、圆角值、大小、阴影、组件等。作为UI设计师……7个案例解析:复选框vs切换开关本文是在一些设计表单体验时,决定这两个控件之间的指导性原则和案例分享。7个表单设计案例:用户界面设计中的切换键和复选框表单提供了几个可以更轻松收集用户输入的控……如何打造金融核心链路的轻量级交互?文章介绍笔者在金融业务中总结的“轻量级交互”的思路和方法,主要体现在4个方面:减少操作步骤、降低操作难度、提升操作意愿、提高容错率,并介绍了如何切入探索期金融项目对业务的核心链……深度解析:APP界面设计中的隐喻在用户界面设计中,一些学者提出隐喻的概念为:将一个熟悉的非计算机领域的术语或概念,用于描述用户界面中的计算机功能和客体。目前许多软件产品在它们的界面设计中都大量使用隐喻,这种隐……APPUI结构:首页相关(上)今天想跟大家聊的是和首页相关的一些内容,内容很多,我给分成了上下两部,文章有点略长,还希望诸位拿出一点耐心能够看完,相信大家会有所收获,也不枉我辛苦码字一场。先来看一下整……从交互角度,理解如何从用户行为到产品目标?交互的本质是研究和设计用户行为,那交互设计师是如何通过用户行为的设计去满足产品的目标的呢。经常有人问起,交互设计是做什么的?面对这样一个问题,有时候很难回答。不是答……谈谈交互设计中的反馈设计相信大家都非常清楚设计中需考虑反馈,但反馈的即时性往往容易被人忽略,因为大家都觉得我的反馈已经够即时了。十二生肖在小船上游玩,它们轮流说笑话,如果不能把所有生肖逗笑,表演……视觉设计远不止“好看”这么简单好的设计往往能够根据产品的性格和特征来量身打造,而做到这一点却很难,能做到这一点的设计师同样比较稀少。我们需要明白的是,视觉设计远不止“好看”这么简单。设计师和理发师其实……如何利用微交互来增强用户体验设计?在用户体验设计中,微互动是一种积极与客户互动的方式,以一种令人愉快的方式。这些交互不仅指导用户,而且对他们正在完成的任务提供即时反馈,它们还提醒我们,它们不只是与机器打交道。……视觉设计如何造就优秀的用户体验(UX)?这篇文章中,我们来看看为什么人们更喜欢有吸引力的界面,它会说明我们作为人类,以及用户体验的从业者如何利用这些知识来创造更好的用户体验。唐纳德诺曼(DonaldNorman……经验之谈:如何思考和审查你的设计?在设计过程中,我们常常需要去思考和审查我们的设计是否是一个好的设计,在文章中,作者提供了一个去思考和审查设计稿的框架,这个框架不仅还能让设计思路更加清晰,可以弥补设计漏洞和逻辑……谈谈高级色彩《延禧攻略》的莫兰迪配色为什么高级?颜色的使用是否得当,其本质区别在于如何在不同的使用场景下对品牌、产品或者用户使用体验产生正面的影响,传达出正确的品牌价值观。最近有部宫斗剧播一半就火了,没错,是《延禧攻略……
网站收录不了怎么回事?该肿么办快照被删除了肿么办?2018年seo是否已经名存实亡了网站优化Baidu和Google排名的区别从焦大wocaoseo网站被K浅谈广告算法3。0网站日常的数据分析不要轻视SEO文章标题的重要性SEO分析:观今日天气断百度算法有待提高SEO容易犯的五个致命错误百度有负面新闻信息怎么办?让网站不降权的十个方法SEO给企业带来什么好处?他的精明与强势是家庭最大不幸十分精明用七分,留下三分与子孙三鲜炒年糕的做法公园系列游0006误打误撞游长阳体育公园外媒称英军试验新型坦克保护系统可摧毁导弹《三个儿子》教学反思微笑,很美复仇者联盟4设定图泄露惊奇队长美艳治疗乳腺炎的偏方有哪些《杞人忧天》原文与译文,杞人忧天的故事寓意50岁到60岁这十年,无论你多富有,都要留好这四张底牌,有备胃火大吃什么食物好胃火大可以吃这8种食物埃及女祭司三千年后转世,凭借前世记忆,解开埃及考古界难题?

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界