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

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

作者: 欢童鞋

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

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

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

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

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

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

信息易阅读

信息易读在于文字大小,信息颜色,信息排版这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

相关推荐

  • 从一个弹窗的关闭按钮引发的讨论和思考

    作者:李逍遥(UXRen翻译组管理员,UI设计师)   弹窗的右上角有个关闭按钮,功能好像跟下面的取消确定差不多,都是操作完成后弹窗关闭。咋的一看好像很多余,是不是多余呢,因为设计规范的时候碰巧遇到这个问题。…

    交互专题 2023-03-03
  • 设计师100问:问天问地问自己【UXRen译#179】

    作者:Jon Moore  |  翻译:hanbb,校审:宝珠 副标题:聪明的设计需要问对问题   一个设计师的工作不仅仅是调整像素和完善曲线。如果你问我在Innovatemap 的日常工作中和我在UX Power Tools的项目中学到些什么,那…

    交互专题 2017-10-11
  • 关于假设和极致

    作者:杨蓉(资深用研专家,现任极客网运营总监)   假设的意义 今天看到一本质性研究的书,在讨论定量定性的研究方法的时候,会说定性通常被质疑的是“不够客观”,所以作者开始一大篇幅,在讨论“客观性”是什么,就…

    交互专题 2017-08-07
  • 阿里设计师实战案例解读内容化设计

      前言 如果说好的产品是运营出来的,那么内容作为用户体验中的重要部分不容忽视。然而我们在设计中经常缺乏内容体验的意识。借着第十三届用户体验大会User Friendly 2016的分享,手淘的设计师和业内的同学们一起做…

    交互专题 2017-08-07
  • 腾讯设计通道晋升的过程

    作者:干货君@干货札记   本人有幸能有机会作为通道助理观摩了腾讯2016年上半年D族交互通道晋升的过程,受益匪浅。 注:D族通道是指“Tencent Design腾讯设计通道”,设计通道成立于2006年,隶属于腾讯职业发展通道设…

    交互专题 2017-08-15
  • 交互设计师的60日计划第十四天

    精神状态不好,效率略低。 20150812 门槛越高,交互设计师越难被替代 to b的产品相对to c的产品来说,门槛会高很多。做to b产品的交互设计师要了解许多复杂的背景知识,了解完全不熟悉的用户群体,才能开始着手做设…

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

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

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

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

    交互专题 2017-08-07
  • Hybrid APP 会吃掉微信等应用?

    先看一则新闻:Facebook今天推出了依托在Messenger上的虚拟助手M。这款虚拟助手借助AI+人工的方式为用户提供服务,M背后的人工运营者被称为M trainers,是Facebook公司里的合同工,而非正式员工。除了提供服务,他…

    2015-08-28
  • 线上讲座 | 送你一份全新的交互设计指南ヾ(゚∀゚ゞ)

    ▲ 向左滑动查看更多导师作品摘要:上期Designer Talk 我们邀请到的UI设计师Coraline,以“对现代科技发起交互”为媒介,来传达她所创作的艺术呈现,不知道同学们有没有通过对非现场性艺术分享,使思想脱离理性范畴,继而进行创作性的探索与尝试。本期Designer Talk我们将借助符号性的语言,将碎片化的艺术凝结在一起,打破虚无与现实桎梏,为您呈现全新的交互设计。关键词:交互设计 / 当下全新的非完美呈现分享导师Jason本...

    2018-04-19