如何简化网站内复杂的操作

交互设计师A:我的产物付出胜利率很低。许多用户下了单,但都没有完成付款,好愁闷。

交互设计师B:应用流程已经简化得不克不及再简化了,用户照样认为麻烦,怎么办?

交互设计师C:经常听到用户反馈说很难用,操作很庞杂。我该怎么办?

假如下班后,想在回家前买一包巧克力,你是会选择年夜超市呢,照样小区楼下的方便店呢?

假如有明白的目的,我确定会选择方便店。在年夜型超市中,顾客起首要达到买食物的响应楼层,须要在琳琅满目标各式商品中先找到零食区,再在各个品牌的巧克力中进行遴选,然后列队结账。在购置的进程中,你还有可能被随便放置的购物车拦住去路,当心翼翼地走过生鲜区湿淋淋的地面,在结账时排了20分钟的队才发明这个窗口只收现金不克不及刷卡。

而在方便店中,我不须要随处寻找食物区,免除了上楼下楼的步调。因为没有那么多货物种类,干扰项年夜年夜削减了。一进方便店我就能一眼扫视出店里哪个区域摆放什么物品。在这里,我可以很轻松地找到发卖人员。假如懒得本身挑,还可以把寻找巧克力这项工作转移给售货员,他会敏捷帮我找到。我可以不被购物车绊倒,不路过生鲜食物区,不需列队,快速直接地买到我爱好的巧克力。生涯中处处存在简化庞杂流程的案例。

可以看出,经由过程削减干扰项、转移庞杂操作、简化操作方法、优化操作进程等办法,都可以简化庞杂操作。

削减冗余步调和干扰项

人们在处置信息、进修规程和记忆细节方面的才能是有限的。选项越多,步调越长,用户须要消耗的留意力和懂得力就越多。一小我面对的选择越多,所须要做出决议计划的时光就越长。庞杂的操作流程,也往往起源于冗余的步调和干扰项。

我们在团购时经常会用到“团购导航网站”。这类网站聚合了分歧团购网站的商品。在有些团购导航网站的列表页点击某一商品时,起首会跳转到该导航网站的详情页。里面供给了一些团购商品的简介,然则并没有供给更多详情。假如我要团购一份双人晚餐,只知道商家和价钱显然是不敷的,我还须要知道具体有哪些配菜、餐馆的地址、有无花费限制、是否须要预约等信息。这些信息都邑影响到我是否要购置。于是我还要点击导航网站详情页的“去看看”按钮跳转到我要购置产物的团购详情页。而有些团购导航网站,当我在列表页点击某一商品后,会直接跳转到我最后须要购置商品的谁人页面,省去了中央过剩的步调。

多一次跳转,意味着多一次留意力的转移,多浏览和懂得一个页面的信息。削减一个不需要的步调,会让用户操作起来认为轻松许多,如图6-34所示。

你在购物时会不会有如许的感到,假如商家为顾客供给了5个色彩的杯子,你可以很快挑出一个本身爱好的买下来。假如供给了15个色彩呢?我想许多人会患上选择恐怖症,细心比较每个色彩的差别,纠结到底应当买哪个。最后可能因为选择过多,太甚纠结而废弃购置。供给许多选项,看似可以给用户更多选择,让他们可以掌控局势,但假如跨越了定的界线,特殊是在许多选择都很相似的情形下,反而会给用户带来累赘。

有这么一个例子。一位哥伦比亚年夜学传授在一个超等市场设立了一个免费品尝的展位。在第一个礼拜六,供给了24种口胃的果酱供人们品尝,而另一个周六则仅供给6种口胃。出人意表的是,在有24种口胃的展现上,有60%的顾客停在了展位并介入了免费品尝运动,在他们中有3%的人购置了商品;在只有6种口胃的展现中,有40%的顾客介入了免费品尝运动,但在这些人中却有30%的人购置了产物。后者的转换率是前者的10倍!

图6-35所示为2款闹钟运用。一款供给了异常壮大的功效。在设置闹钟时可以有多种反复方法:天天、每周的某些日子、每周的某些日子和第N组节沐日、仅第N组节沐日、每隔N日、每月的某一日、每月第N周的某日,另一款只是简略地让用户选择每周几反复。假如是你,会爱好哪款呢?

设置第1款闹钟时我几乎要疯失落了。如斯多的选项让我无所适从,操作效力年夜年夜下降了。我基本搞不清晰"每周的某些日子和第N组节沐日”是什么意思,也不认为把闹钟设置为"起床闹钟"、"午睡闹钟”、“下班闹钟”有什么意义,只要它在设定的时光可以或许响就可以了。而在应用第2款时会认为简略清楚明了,很轻易操作。

将庞杂操作转移给体系

每一个进程都有其固有的庞杂性。无论在产物开辟环节照样在用户与产物的交互环节,这一固有的庞杂性都无法按照我们的意愿消逝,而只能设法调剂、均衡。庞杂性存在个临界点。跨越了这个点,进程就无法再简化了。你只能将固有的庞杂性从一个处所转移到另一个处所。好比想要做菜就必定要洗菜、切菜,这个庞杂进程是无法跳过的。但我们也可以购置洗好、切好的蔬菜,将庞杂转移给商家。

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

在GoogleMaps中,假如用户想查询路线,就必定要输入起点和终点,这是无法省略的进程。然则在查询路线时,GoogleMaps会应用定位功效主动将起点定位为“我的地位",削减用户的操作,如图6-36所示。

其实,将庞杂操作转移给体系,就是让机械变得更智能。这是科技成长以来人们一向在做的一件事。无论是记载用户名和暗码、主动辨认用户IP地点的城市、主动补全等常见的交互设计细节,照样GoogleGlass智能眼镜、可以主动驾驶的智能汽车等高科技产物,都是经由过程增长工程师的工作量,将庞杂转移给体系的情势,来让软件变得加倍简略好用,让数以万计的用户削减额外的支付

简化操作方法

回想一下,几年前我们是如何应用手机的?想要选择-个功效,须要用"万键"上、下、左、右往返移动。当核心移动到要选择的功效时,再按下“确认”键。而如今,我们应用智妙手机时,想要选择哪个运用,只需直接用手指导击就可以了,操作流程获得了年夜年夜简化,如图6-37所示。

以前我们在阅读网页时,看到一个想去懂得更多的词会怎么做呢?我在一篇文章中看到一本书,叫做《超等整顿术》。我并不清晰这本书讲了什么内容,想去懂得一下。于是我选中这几个字,点击鼠标右键复制,在阅读器中新建个标签页,打开Google,在搜刮栏中右键粘贴,点击"搜刮”按钮。经由这一系列的操作之后,我终于在搜刮成果页中看到了关于这本书的简介、评价、购置信息,等等。其实这全部进程也只是会消耗几十秒的时光,操作起来并不会认为太难。直到有一天,我在应用Chrome阅读器的时刻发在复制操作的下方,有一个"用Google搜刮"XXX,"的选项,只需点击这一选项,阅读器就会主动弹出一个标签页,把我要的成果搜刮出来。“选中-右键复制-新建窗口一打开网站-粘贴-搜刮"这一庞杂的进程就酿成了"选中右键点击Google搜刮",只需2步,轻松完成义务,如图6-38所示。

想想安装运用法式时Windows体系是怎么做的?让你去浏览安装允许协定,选择安装在哪个盘中,一直所在击下步,还有许多高等选项让你去揣摩和修正。而在MacOS体系下,用户仅须要简略地拖拽,将运用图标拖到Application文件夹中即可完成运用法式的安装。也许没用过MacIOS的同伙永远都不会认为在Windows中安装软件是件很麻烦的事,因为已经习认为常了。但一旦用过这种简略直接的安装方法,便会由衷爱好上它,如图6-39所示。

优化操作进程

上年夜学的时刻,每次应用黉舍教务处体系都是一种煎熬。当我填完一个长长的表单,卖力核实,所填的学生信息,填好验证码,点击提交后,忽然,体系提醒验证码填写毛病,之前填写的项被全体清空了。我须要再次返工填写表单,此次会比第一次加倍当心翼翼,生怕填错一个选项,然则填完后又涌现弹出框,告诉我填写学号须要区分年夜小写关失落毛病提醒后又是一次清空。

操作中得不到反馈,产生毛病后从新填写,比操作流程的冗余加倍恐怖。这些细节的不足,也增长了操作的庞杂性。用户原来只需填写一次表单,在填写毛病时只需修正个选项,可是因为设计的不足,用户须要重复填写2次甚至3次表单,这也年夜年夜增长了操作的庞杂性。界面中各类小细节的不足,就像公路上的减速带,会下降用户的效力。

供给适合的首选项、合时赞助、实时反馈、供给合理的默认值,等等,这些细节的优化,可以赞助用户下降失足几率,使他们可以或许更快、更顺畅地完成义务,如图6-40所示。

iPad在更新体系时,会提前检测用户的电量。假如电量不足以支持完成更新,会提醒用户将iPod插上电源再来更新。试想一下,假如没有这个提示会如何呢?用户消费了年夜量的时光下载更新,在安装到一半时却因为没电而关机了!用户须要衔接电源再次从新更新,更新的进程固然没有冗余步调,但因为缺乏预先提醒而导致的反复操作也会使操作流程变庞杂,如图6-41所示。

因为简化庞杂操作流程而获益的产物触目皆是。快捷付出使得许多付出类运用的付出胜利率年夜年夜进步,手机快速注册、应用其他社交网站账号登录也使许多网站的注册转化率晋升许多。假如一款产物以简化为初志进行网站扶植交互设计,给用户一个轻便直接的操作流程,用户必定会爱好你的产物。

相關文章: