交互设计中如何简化复杂操作?

   作为交互设计师的你,可能会听产品经理说过:“我们的产品支付成功率很低,很多用户下了单,但没有完成付款,好郁闷。”或是“听到用户反馈说很难用,操作很复杂,我该怎么办?” 今天就来介绍几个简化复杂操作的好方法 >>>

  下面你要做的,就是要简化复杂的操作流程。

  1、减少冗余步骤和干扰项

  人们在处理信息、学习规程和记忆细节方面的能力是有限的,选项越多,步骤越长,用户需要耗费的注意力和理解力就越多。一个人面临的选择越多,所需要做出决策的时间就越长。复杂的操作流程,也往往来源于冗余的步骤和干扰项。

  下图分别是微信付款和支付宝付款的界面。两个界面都是让用户输入六位数密码,唯一的区别就在于支付宝在输入密码后,要点击一下确定才能支付,而微信输入密码后直接支付。虽然只是一个操作上小小差异,但在感受上,还是会觉得微信的体验更流畅。


  多一次操作,意味着多一次注意力的转移,减少一个不必要的步骤,会让用户操作起来觉得轻松很多。

  还有这么一个例子:一位哥伦比亚大学教授在一个超级市场设立了一个免费品尝的展位。在第一个星期六,提供了24种口味的果酱供人们品尝,而另一个周六则仅提供6种口味。出人意料的是,在有24种口味的展示上,有60%的顾客停在了展位并参与了免费品尝活动,在他们中有3%的人购买了商品;在只有6种口味的展示中,有40%的顾客参与了免费品尝活动,但在这些人中却有30%的人购买了产品。后者的转换率是前者的10倍!

  提供很多选项看似可以给用户更多选择,让他们可以掌控局面,但如果超过了一定的界限,特别是在很多选择都很类似的情况下,反而会给用户带来负担。

  下图为两款闹钟应用,一款提供了非常强大的功能,在设置闹钟时可以有多种重复方式:每天、每周的某些日子、每周的某些日子和第N组节假日、仅第N组节假日、每隔N日、每月的某一日、每月第N周的某日……另一款只是简单的让用户选择每周几重复。如果是你,会喜欢哪款呢?


  设置第一款闹钟时我几乎要疯掉,如此多的选项让我无所适从,操作效率大大降低了。我根本搞不清楚“每周的某些日子和第N组节假日”是什么意思,也不觉得把闹钟设置为“起床闹钟”、“午睡闹钟”、“下班闹钟”有什么意义,只要它在设定的时间能够响就可以了。而在使用第二款时会觉得简单明了,很容易操作。

  2、将复杂操作转移给系统

  每一个过程都有其固有的复杂性,无论在产品开发环节还是在用户与产品的交互环节,这一固有的复杂度都无法依照我们的意愿消失,只能设法调整、平衡。复杂性存在一个临界点,超过了这个点,过程就无法再简化了,你只能将固有的复杂性从一个地方转移到另一个地方。比如想要做菜就一定要洗菜切菜,这个复杂过程是无法跳过的,但我们也可以购买洗好切好的蔬菜,将复杂转移给商家。

  在交互设计中,如果已经到了这个临界点怎么办?我们可以将复杂操作从用户转移给系统,让机器代替用户进行操作。

  在Google Map中,如果用户想查询线路,就一定要输入起点和终点,这是无法省略的过程。但是在查询路线时,Google Map会利用定位功能自动将起点定位为“我的位置”,减少用户的操作。


  其实将复杂操作转移给系统,就是让机器变得更智能,这是科技发展以来人们一直在做的一件事。无论是记录用户名和密码、自动识别用户IP所在的城市、自动补全等常见的交互设计细节,还是Google Glass智能眼镜、可以自动驾驶的智能汽车等高科技产品,都是增加了工程师的工作量,将复杂转移给系统,来让软件变得更加简单好用,让数以万计的用户减少额外的付出。

  3、简化操作方式

  回忆一下,几年前我们是怎样使用手机的?想要选择一个功能,需要用“方向键”上下左右来回移动,当焦点移动到要选择的功能时,再按下“确认键”。而现在,我们使用智能手机时,想要选择哪个应用,只需直接用手指点击就可以了,操作流程大大简化了。


  以前我们在浏览网页时,看到一个想去了解更多的词会怎样呢?我在一篇文章中看到一本书,叫做《超级整理术》,我并不清楚这本书讲了什么内容,想去了解一下。于是我选中这几个字,点击鼠标右键复制,在浏览器中新建一个标签页,打开Google,在搜索栏中右键粘贴,点击搜索按钮。经过这一系列的操作之后,我终于在搜索结果页中看到关于这本书的简介、评价、购买信息等等。其实这整个过程也只是会耗费几十秒的时间,操作起来并不会觉得太难。直到有一天,我在使用Chrome浏览器的时候发现,在复制操作的下方,有一个“用Google搜索‘xxx’”的选项,只需点击这一选项,浏览器就会自动弹出一个标签页,把我要的结果搜索出来。“选中—右键复制—新建窗口—打开网站—粘贴—搜索”这一复杂的过程就变成了“选中—右键点击Google搜索”,只需两步轻松完成任务。


  4、优化操作过程

  上学的时候,每次使用学校教务处系统都是一种煎熬。当我填完一个长长的表单,认真核实所填的学生信息,填好验证码,点击提交后,突然系统提示验证码填写错误,之前填写的项被全部清空了。我要再次返工填写表单,这次会比第一次更加小心翼翼,生怕填错一个选项,但是填完后又出现弹出框,告知我填写学号需要区分大小写,关掉错误提示后又是一次清空……

  操作中得不到反馈,发生错误后重新填写,比操作流程的冗余更加可怕。这些细节的不足,也增加了操作的复杂性。用户本来只需填写一次表单,在填写错误时只需修改一个选项,可是由于设计的不足,用户需要反复填写两次甚至三次表单,这也大大增加了操作的复杂性。界面中各种小细节的不足,就像公路上的减速带,会降低用户的效率。

  提供合适的首选项、适时帮助、及时反馈、提供合理的默认值,等等这些细节的优化,可以帮助用户防止出错,使他们能够更快更顺畅地完成任务。


  iOS在更新系统时,会提前检测用户的电量,如果电量不足以支撑完成更新,会提示用户将iPad插上电源再来更新。试想一下,如果没有这个提醒会怎样呢?用户花费了大量的时间下载更新,在安装到一半时因为没电而关机,用户需要连接电源再次重新更新。更新的过程虽然没有冗余步骤,但因为缺少预先提示而导致的重复操作也会使操作流程变复杂。


  因为简化复杂操作流程而获益的产品比比皆是:快捷支付使得很多支付类应用的支付成功率大大提高;手机快速注册、使用其他社交网站账号登录也使很多网站的注册转化率提升很多。如果一款产品以简化为初衷进行交互设计,给用户一个简便直接的操作流程,用户必然会喜欢你的产品。

时间: 2024-11-05 12:13:35

交互设计中如何简化复杂操作?的相关文章

交互设计中的5项视觉指导原则

  视觉是人的第一感观,它在影响用户行为方面起着决定性作用,视觉信息对产品的交互产生了深远影响. 来自UXPin的Jerry Cao,通过本文向我们解释了如何保持视觉与交互的协调. 我不想贬低文字的重要性,但也不想忽视视觉.两者是同等重要的交互设计元素.文字就是交互,但那些视觉元素(比如图标.菜单.图像等)才是用户实际上操作的东西.虽然有些可用性专家会提及Craigslist甚至Amazon,作为丑陋但可用(而且受欢迎)的网站案例.但毫无疑问,美感总会有所帮助. 情感是用户体验的关键:视觉设计优

手机网站交互设计中的信息设计

在手机上浏览信息,存在着太多的局限,手机屏幕小注定了一页不能显示太多的信息,环境光线的变化注定页面设计不能过于花哨,流量限制注定不能有太多的图片和样式. 如果让你的用户直接在手机上浏览为web所设计的网页,即使是经过一些手机浏览器的优化,体验还是会很糟糕,甚至有时候会让人难以忍受. 如何调整信息展现方式,使内容能在小屏幕的手机上也更友好的展现呢?接下来我将通过一些原理和实例来阐述自己的观点. 首先,老祖宗Ben Shneiderman的交互设计8项黄金法则我们要铭记于心,因为这些法则也是适用于移

如何发现交互设计中的思维盲区?

  作为入行不久的交互设计师,我发现自己在交互设计的实践中无法顾及到方方面面,是存在思维盲区的.其中有欠缺经验的原因,也有自身知识局限的问题.进入开发阶段后,每次需要修改交互时,心里都会有些惭愧,感觉为小伙伴们带来了不必要的工作量. 然而现实中,交互设计的改动是难免的(因此一般一个项目会不断迭代交互文档),尤其是在时间安排紧促.产品需求不清晰的情况下.怎样在交互设计阶段尽可能思考周全,减少视觉设计与开发的返工呢?抱着提升自我.拯救伙伴的态度,我结合自己在移动端app的项目经验进行了一些总结.这并

交互设计中如何增加趣味性、提升愉悦度?

  「好的产品关注功能,优秀的产品关注情感」 趣味性.愉悦度,这些都是针对用户情感化设计的领域. 功能.实用性,这些需要很强逻辑性的事物很难和情感产生关联,并不是指这些不重要,它们很重要,它们是基础,但缺少了情感的作用,很难产生一些东西,像:快乐.愉悦.悲伤.美- 花.大海.春天.小屋- 这些都是很普通的名词,但将它们富有诗意的组合在一起:我有一所房子,面朝大海,春暖花开.接受者会投入不同的情绪去理解这样一个组合. 上面这些名词就像我们在设计过程当中所遇到的各种元素,按键.菜单.icon.动态效

“灰色”在Web交互设计中的8类应用

在进行Web的交互设计中,颜色信息的传达也是不可或缺的一部分.我们常会发现许多"灰色"的应用,他们的出现总是不动声色而又恰如其分,维持了整个页面的平衡与统一.本文将从一些实际案例出发,阐述"灰色"在Web交互设计中的8类应用. 首先让Mr.Gray 来做个简单的自我介绍吧: 狭义的 Mr.Gray 狭义的Mr.Gray, 是指没有色相与纯度,只有明度,将黑色和白色混和而成的一种中间色. 依据不同分类方法可大体分为浅灰与深灰两种,亦可分为暖灰与冷灰. 相对来说,其特征

Web交互设计中“灰色调”的8类应用

在进行Web的交互设计中,颜色信息的传达也是不可或缺的一部分.我们常会发现许多"灰色"的应用,他们的出现总是不动声色而又恰如其分,维持了整个页面的平衡与统一.本文将从一些实际案例出发,阐述"灰色"在Web交互设计中的8类应用. 首先让Mr.Gray 来做个简单的自我介绍吧: 狭义的 Mr.Gray 狭义的Mr.Gray, 是指没有色相与纯度,只有明度,将黑色和白色混和而成的一种中间色. 依据不同分类方法可大体分为浅灰与深灰两种,亦可分为暖灰与冷灰. 相对来说,其特征

交互设计中的默认值

寒冷的冬日到陌生环境中往往会碰到水温调节,剧情一般是这样的:你调节到一个自认为合适的刻度,放了一段时间水后发现还是冷的,于是慢慢放大热水,几次调解后索性将热水开到最大,结果太烫,放大冷水,太冷,放小冷水,太烫,放小热水--最后合适了,咱们即使没有感冒也开始记恨这个淋浴器.比较合理的是一种叫 "恒温龙头"的产品,它给定一个用户不需要预设的默认水温:打开就是38度,这个值是我们洗澡的舒适点,不过你要是觉得冷了,顺时针变热,反之逆时针变冷,变热有阀值温度40度,这个温度以上会烫伤皮肤,实在想

数据研究在交互设计中的应用

交互设计师一大宝贵财富就是他的经验和直觉,在大多数需要对当前设计作出迅速判断的情况中,交互设计师所依赖的就是他的经验和直觉.在互联网的世界中,最有价值的可能就是数据了.google靠数据一举奠定江湖地位:twitter靠数据开始逐渐走向成熟:每一个交互设计师也能用数据来弥补依靠经验和直觉来设计的不足.本篇网志从一个很小的设计案例来描述除了经验和直觉之外,http://www.aliyun.com/zixun/aggregation/13083.html">数据研究也可以验证.修正.甚至颠覆

交互设计中的设计方案记分对比法

  今天@言覃某人 给同学们介绍一个特别高效实用的方法,当遇到场景较多或团队有争议的设计点都可以用这个方法,帮交互设计师们理清思路,达成共识并做出最可能正确的设计决定. 交互设计中,为什么需要这种方法? 在交互设计工作中经常会遇到这样的问题,某些位置的设计牵扯到比较复杂的场景,要考虑的因素比较多,这些设计点往往是最容易引起争议的,因为团队成员不一定都能快速了解全部的场景和因素,于是只能根据自己能够想到的个别场景与因素来对设计作出判断,最终团队之间形成意见分歧,每个人都不能宏观地掌握所有的场景和因