浅谈“效率导向”的交互设计

浅谈“效率导向”的交互设计

作者: 欢童鞋

周二下午,送妈妈上车后,去奈雪点了杯奶盖,坐在面对门口的位置,看着络绎不绝的人流队伍,除了感叹生意好以及好奇心使然查阅奈雪的开店背景之外,不由的思考“效率”在这里的重要性,店员需要高效为顾客完成订单,减少顾客等待时间,降低烦躁感,提高订单率。再回顾这两年做的医疗工具类产品,首要任务也是解决效率的问题,可由于之前的知识,资源,受限等错综复杂的原因,有些关键点打磨的不够细致,现在想想还是有些遗憾。

对于“效率”的思考,可能还是不成熟,但是依旧想记录下来,说不定在未来运用上了呢?那么围绕”效率“为目标的交互设计如何做?

作为产品设计人员,我们往往希望用户用最短的时间将意图转化为行动,而用户往往希望顺利且快速的达成目标,那这里的点击质量比点击次数更值得关注,用户的点击行为出现的反馈恰到好处符合预期,则是优质的点击,优质的点击是提高效率重要因素,增强满意度。

那么优质的点击应该要如何设计呢?

用户在完成任务时,会经历看信息(无论是界面还是标题)-理解信息-操作-感知反馈这些关键行为,那么设计优质点击则要把握好每一个关键要素,把它们单独出来深入打磨,围绕怎么效率最大化,得出需设计成:

  • 信息易阅读
  • 信息易理解
  • 操作简单
  • 反馈及时且聚焦

信息易阅读

信息易读在于文字大小,信息颜色,信息排版这3个维度去考究,这里更多的是偏视觉设计,适应于手机界面中文字大小以及信息颜色行业内有一定的规范以及各产品有自己的规范梳理,我想谈谈信息排版:

常听到“一目十行”这个成语,本质的意思阅读速度快,如果我们界面上的信息用户需要快速阅读,那不分段是最有利于快速阅读的的表现方式:人阅读的顺序和写字顺序一致从左到右,如果我们减少分段那就减少由上一行的右边切换到下一行的左边的眼睛扫视与打断。

不过人会更倾向于分段的信息排版,觉得更容易阅读,分段排版,信息在视觉上会产生轻松感,阅读起来不那么疲惫。不过现在的信息排版设计更多的是在轻松阅读的前提下保证阅读速度,比如我现在写的文章就希望你们阅读起来更轻松些,所以分段处理,但是在段落中,我会尽可能不分段,因为这样才能保证速度,减少眼睛扫视和打断。

浅谈“效率导向”的交互设计

来自手机截屏与网上找图分析

信息易理解

信息易读和信息易理解是2个维度的事情,人脑的不同部位会处理不同的信息(插个题外话:最近在研究人眼怎么获取颜色,其实不同的颜色也是由不同的部位去获取,所以人脑也是个分工的场所),那理解则是不同部位进行解析后反馈回来的,这就像我们读一篇英文文章,每个字母或单词你都会,但是就是不知道在讲啥。

浅谈“效率导向”的交互设计

来自《设计要懂的心理学》

为了让用户易于理解,我们常说“使用通俗语言,避免专业术语”其实,不一定是对的。

如果你的产品是专业类产品,目标人群是技术人员,那使用专业术语是最有利的方式。所以,使用的术语前要了解用户对信息的理解度,包含文化水平,对产品信息的知识水平,才可以制定使用什么样的词汇。

除了术语外,我们常使用图形去辅助用户理解信息,最近做的了一个引导用户上传身份证的功能,当我们识别用户是因为不懂如何拍摄身份证,而导致上传失败时,会及时出现指引告知怎么拍,在当时,视觉的童鞋使用插画风格的身份证图形表达,当时我看到稿子后,很担心用户看不懂,因为我们的用户群体操作这个行为的时候更多的是在医院,环境嘈杂,人易焦虑迷茫,在那样的场景下,人似乎会智商掉线,对于插画风格的图形没有真实身份证所带来的感知更强,更易理解,所以经过和视觉的童鞋讨论后,最终采用偏真实的身份证来指引用户。所以,图形的运用也要让目标用户群体易理解。

操作简单

两个关键点决定了操作难易度:操作区,操作元素

操作区指的就是便于拇指触达屏幕的舒适区,具体内容上一遍已有讲解,感兴趣可以翻看《理所当然的设计,都有规律可寻(一)》,这里主要想阐述操作元素。

2013年Google调研发现83%的操作元素太小,需要用户高度专注或者反复尝试才可以完成任务;这样必然会导致低效,那怎样的操作元素才是可以让用户在自然状态下顺利完成任务呢?操作元素的大小就是该考究的内容了:

设备的屏幕尺寸不一,但是人的手指大小却不会随之改变,所以应该宁大勿小,但是多大才算足够大?婴儿,小孩,男人,女人手指的大小都不一致,差距悬殊,应该怎么设计呢?通过查阅资料,发现我们需要考究的是手指与触屏的实际接触点,这个点的尺寸与手指大小没有关系,指尖与屏幕接触时贴合区域面积基本一致。微软做了一项触屏精准度的研究:尺寸越小,越易误操作,宽度为5毫米的元素,误操为3%,只是很容易让人抓狂的,增大到7毫米,比例降至1%,增大到9毫米,比例下降0.5%;如果继续增大目标对象的尺寸,误操不会有明显的改变。

浅谈“效率导向”的交互设计

来自《触类旁通-多终端时代的触屏界面设计》

7毫米就是视觉上常用的44px,对于那些极其重要的,不容误操功能来说,在设计时的高于标准基线44px,降低误操,更有利于减少投诉;对于老人小孩来说,他们的操作能力低也应大于标准基线。

对于用户能否精准,顺畅地进行操作,操作元素间的距离也很关键,操作元素间的距离越近,它们自身的距离应该越近;相反,操作元素尺寸越小,它们之间的距离就应该越大,具体多少,各平台的设计规范也有说明。

反馈及时且聚焦

用户操作后需要及时性的反馈,无论是点击的状态还是出现的信息,对用户来说都是符合预期,降低迷茫的必须方式。

举个比较有争议性的例子:深圳的地铁购票系统——当我选择完地点后,出现购票界面,默认是1人,当选择2人后,在我们当前视线区域内没有变化,一直在找“确定”或“下一步”的操作,发现并没有这个操作,后来才发现,当前视线外的金额变化了,就尝试性的投入金额,购票完成,这个看似减少了一步操作,其实反而增加用户在这个阶段的迷茫感,降低了效率。当然,我长期使用公交卡,不属于购票老用户,还没被教育好,对老用户减少一步确实可以减少操作时间,当反馈和步长之间两权相害,取其轻。

之前朋友找我体验产品,当我把任务添加成功后,是出现添加成功的反馈,可却不聚焦,传达成功的信息以及与我之前添加行为有着密切联系的信息小而靠下,但是成功插画图却非常抢眼,如果我随便看一眼,很容易关掉页面,然后不知道下一步该干嘛。插画传达成功是可以的,但是反馈页有与之前行为密切相关的信息,插画往往不能有效传达,并且还会增加大脑对图形的转换时间,使反馈不够聚焦。

最后再总结下:围绕”效率“为目标的交互设计应该注重用户的优质点击,而优质的点击和界面阅读,理解,操作,反馈相关,怎样把关键要素打磨好,让用户顺畅的达成目标,才是有效的提升效率方法。

本文转载来源: 欢童鞋

原创文章,作者:震天下,如若转载,请注明出处:https://www.iamue.com/34478/

(0)
震天下震天下
上一篇 2017-12-04 14:19
下一篇 2017-12-22

相关推荐

  • 腾讯多个品牌LOGO重设之思路

    作者:飛兒     在SNG(腾讯社交网络事业群)品牌系统语言里,LOGO系统承载品牌视觉的最核心容器,是整个品牌视觉系统的灵魂,是品牌的精神文化理念、信誉、服务等特点的浓缩表现,直接影响着社交网络品牌的发展。…

    交互专题 2017-08-07
  • 我们深挖的那些设计小惊喜 【UXRen译#151】

    作者: Cosima Mielke |  翻译:Sherry ,校审:佳歧 & Teenie     CodePen网站已成为开发者的游乐场。那是一个你可以驰骋想象、开发创造的沙盘。里面既有实践的东西,也有实验性的概念——是个激发灵感的宝库。…

    交互专题 2017-08-07
  • 设计效果检验之道

    作者:Hahn   设计效果检验,即针对设计师的设计方案进行数据验证,通过客观的数据来量化一部分设计方案中较为主观或存在争议的地方,以此判断设计方案的优劣,从而得出检验结论。 众所周知,每个人对设计的评判是…

    交互专题 2017-08-07
  • 我们对轮播图的设计,都错了

    作者:Jana@腾讯ISUX   轮播图(Carousels)这样的交互方式,在web时代似乎已经司空见惯。当一群人在会议室里争夺首屏焦点图的优先级时,使用轮播图,似乎能够不费吹灰之力地解决这场争端,没有人是输家。然而,轮…

    交互专题 2017-08-07
  • 如何做让老年人也能方便使用的网站【UXRen译#176】

    作者:保罗•克瑞斯顿(Paul Crichton)  |  翻译:阿陌,校审:天蛙   英国有近三分之一的人口都超过50岁。 他们在2015年的网络消费额就达到了14.45万亿英镑。 他们中76%的人会每周至少一次进行网上购物。 50岁以上…

    交互专题 2023-03-03
  • 【笔记干货】UCAN2017用户体验设计论坛

    作者: 阮小阮     忙忙碌碌一天这么晚还没睡是因为我在给大家编辑UCAN的干货哇~ 虽然我平常很懒,可我们真的只推干货哇~ 希望大家都能获取一些知识一些思考 互联网这么快,拥有平衡的能力真的很重要~!   董本…

    交互专题 2017-08-07
  • 杭州-UI设计师招聘需求

    点击上方蓝字一起关注这个公众号吧!什么是用户体验用户体验是一种纯主观的在用户使用一个产品(服务)的过程中建立起来的心理感受。把最终用户作为设计和开发活动的焦点,而不是系统、应用程序或者单纯的审美价值。它是基于一般的以用户为中心(用户至上)的设计理念。最简单的用户体验(User Experience,简称UE),最直接影响你的网页浏览度的因素。在网站策划和网站运营当中,用户体验是最重要的一个因素,直接影响到你的网站是否成功。网站用户体验(...

    交互专题 2018-03-13
  • 埃森哲设计思维成就价值创新:从“外在美”到“内在美”

    作者:杨鹏(埃森哲数字设计与创新经理);田晖(埃森哲数字咨询服务总监);王曦(原埃森哲数字设计与创新顾问)   领先企业已经认识到,设计不仅仅停留在产品的 “外在美”,而应聚焦在更具商业价值的“内在美”。那…

    交互专题 2017-09-18
  • 别骂携程了,来看看Booking上如出一辙的“暗黑套路” 【UXRen译#182】

    作者:Roman Cheplyaka   |  翻译:林龙飞,校审:天蛙   近来,有很多网站和应用的设计者会诱导你做他们想做的。以下是来自timewellspent.io的例子: Youtube自动播放更多的视频来把用户留住; Instagram使用无限…

    交互专题 2017-10-25
  • 腾讯MXD:资讯app为什么都长一个样?

    作者: Celine Wang@腾讯MXD   打开手机,国内的资讯 app 除了品牌 logo 外,几乎都长一个样。就如你敲开不同的门,发现房间不光装修风格一样,还住着品味雷同的主人。是什么造就了它们? 资讯产品的本质是连接内容…

    交互专题 2023-03-03