过度方便引发的误操作

标签: 全部文章 | 发表时间:2013-10-17 16:52 | 作者:chouyu
出处:http://www.chouyu.com.cn


Clash of Clans中,建筑和墙砖都有选中态,选中后可以进行一系列操作,也包括移动位置的操作。我经常是想移动整个地图,但却移动了墙砖。
移动建筑位置是很偶尔的操作,我通常几周也不会动一下。而进入游戏造兵、收集资源、打仗这些事儿经常是一天会做若干次的。


这个列表中,每一行所有的空白处都是可以用来拖拽的,改变列表顺序。实际上改变顺序并不是经常会做的操作,十次有九次我都是本不想移动,但误操作了。

这两个设计减少了模态,使得功能的展现更直观了,也使得操作十分方便,可以信手拈来,但是,太过方便了,反而容易误操作了。

成因:力求直观易用,减少模态。
单纯设计一个功能时,总希望这个功能能做的尽可能直观易用,但要是整体看这个产品呢?
现在的产品,无论是工具还是游戏,功能都不少。想要让每个功能都特别方便,恐怕不太现实,顾了此,就会失了彼。功能多了,必定是有的要强化表现,有的要弱化表现。

造成现在这样过于易用的另一个重要的原因是:设计者在试图减少模态。
COC的移动建筑,要不是这样直接实现出来,则需要一个单独的编辑态,一个专门布局建筑的模式。那样的话就会是:已经看到这个建筑,却不能移动,非得先点页面角落里的“布局”按钮,然后再来移动这个建筑,太绕弯子了,不直观。

为用户的使用情景而设计才是最重要的。
交互设计的经典书籍中讲的设计流程:先是用户研究,然后整出人物角色,然后根据人物角色描绘使用情景…你看,使用情景。从用户研究开始,费了半天劲,就是为了得到使用情景,然后根据使用情景去设计。可见,使用情景很重要,具体的设计是为这使用情景服务的。
上面两个案例中,实际使用时,拖拽都是很不常用的操作,这就是实际的使用场景。当然我们可以描绘的更生动,类似:小明中午吃完午饭,回到座位上,打开COC,收集一下资源,看看有没有被别人入侵了,还打算再打上两、三仗…嗯,其实不说的这么生动,问题也一样很容易发现,移动建筑的操作频率,很低。

保证常用操作很方便,不常用的操作不要成为干扰,这就是在“为用户使用情景而设计”,这事儿最重要。减少模态,是其次的。并不能因为要少一个模态而损害“为情景”。

“为情景”第一,“减少模态”以及其它很多设计要求第二。思路理清了,再来优化具体的表现,应该就比较容易了。

对于COC的移动建筑…
首先是得保证“为情景”,别那么容易误操作。
第一个办法:增加个模态。给COC加一个“布局”模式,虽然增加一个模式往往不是什么好事儿。
如果设计出一个模态,那要确保用户在这个模式下完成任务的时候不会想要去干别的事儿,也不需要参考别的内容;还得确保用户不需要反复在这个事儿与其它事儿之间反复切换;还得确保…反正是得很小心。其实不需要每次仔细分析也大概知道,模态不好,能不模态尽量不要搞。所以才说减少模态是一个设计要求。
对于COC的移动建筑功能,增加一个“布局”模式还是勉强能接受的。虽然模态之后不那么直观了,但“为情景”是最重要的啊。
这第一个办法,保证了“为情景”这首要的要求,但没做到减少模态。

第二个办法:选中建筑后多一个“移动”按钮。
选中一个建筑后,现在是有“信息”“升级”“训练”…若干个按钮,再加一个“移动”按钮,按钮有“按下”和“释放”两种状态。按下后,才能拖拽,其它按钮也仍旧存在并且有效。“移动”按钮只是把这个建筑从地面上拔起来了。

第三个办法:用长按对象代替“移动”按钮。
COC是专门做给IOS设备的,IOS可以分辨出长按一个对象与滑动屏幕的差别。可以用长按对象的方式代替掉第二个办法中的“移动”按钮。(用这个方法要取消移动状态还是有点儿问题的,不细说了,太啰嗦了。)

总之,还是有些小技巧可以尝试的,即不增加模态,又弱化了移动功能,让它没那么触手可及,保证“为情景”的要求。

对于雪球的列表…
雪球的列表要多做出个编辑态…那就实在让人有点儿痛心了,那个编辑态里恐怕就只有移动顺序这一个功能了。这是逼着我们必须同时保证“为情景”和“减少模态”。

Gmail的邮件列表项也有拖拽改变排序的功能,而且不仅可以上下拖拽改变顺序,还能往左拖拽,丢进不同的文件夹里。它提供可供拖拽的区域很小,所以很少误操作。让一行中只有有限的一个面积是供拖拽的热区,误操作就能减少了。

弱化的表现有风险
不做成模态,而是弱化表现的这些表达方式普遍的缺点是:一不小心就会过于弱了。
恐怕有不少人根本不知道Gmail的邮件列表项是可以拖拽的;COC要做成长按建筑才能移动,新手玩家最开始几天恐怕不见得能知道了。
这种“过弱”似乎又是必然的,想要在默认页面上提供出来,又不想太突出了,又想说,又不想说,拿捏好这分寸确实不太容易。

无论是做出单独的模式,还是弱化表现,用起来显然都不如之前方便,不那么方便,也就对了。这些不常用的功能太方便了,那些常用的就不方便了,容易误操作了。
(嗯…似乎再说下去就又回到文章的最开头了。)

相关 [全部文章 ] 推荐:

操作设计要素

- Han - 臭鱼的交互设计
之前在《首都机场的点烟器》中分析了一个软件系统所处的状态并且列举了不同的状态所需要的展示给用户的各类信息,我们先简单回顾一下:. 要设计一个软件系统的操作,除了认清系统的状态以及对应的要素以外,还需要分析操作功能本身. 提供给用户这些功能按钮时,还需要同时告知用户哪些信息. 我们在日常的生活中,需要下决定的时候往往都会要知道什么呢.

首都机场的点烟器

- 盛开 - 臭鱼的交互设计
首都机场的吸烟室里并不像其他机场那样放几个固定的打火机,而是点烟器,和车载点烟器基本是一样的:先按下加热,加热好后,它会自动弹起,拔出来,里面的电阻丝已经是红红的了,就可以点烟了. 上图为车载点烟器,与首都机场的点烟器一样,加热过程中只是被按下去了,未显示进度,也未能形象的表现出“正在加热”的含义.

如果没有浏览态…

- Bomberman - 臭鱼的交互设计
最传统、最可靠的方式:浏览态+编辑态. 在浏览态的页面上点击“修改”按钮,进入编辑状态. 这样可以用浏览态很清晰的告诉用户当前保存的表单内容是什么样的. 在编辑态修改好之后,保存,回到浏览态. 这种方式有自己的问题:如果原本只是要修改某一项内容,也需要点“修改”按钮,进入编辑态,再重新找到那项,修改.

“用户需求”这个概念是个有害的

- Bob - 臭鱼的交互设计
“如果我问我的用户,他们只会说要一匹更快的马. ”—亨利•福特(Henry•Ford,1863—1947),美国汽车工程师与企业家,福特汽车公司的建立者. “用户需求”这一概念并不是某个人特意造出来的词,“用户”和“需求”这两个词字面上的意思都很好懂,组合在一起用也不需要过多的解释,谁都能明白. 如今“用户需求”这个词包含着十分广泛的、模糊的定义.

保障任务流畅的IA设计方法-页面简图法

- iVane - 臭鱼的交互设计
关于“为任务而设计”和“为结构而设计”的问题,之前曾经反复阐述过,如果你没印象了,可以先看下:《设计原则VS实际情况》和《为产品结构的设计,为用户任务的设计》. “设计时,既应该关注让任务流畅,又需要让结构清晰. 如果你认同了这个观点,那么,接下来的问题就是:应该怎么做呢. 下面介绍一个设计方法,这是一个用于兼顾“为流程”与“为结构”的信息架构(IA)的设计方法.

手机上能不跳转就不跳转

- - 臭鱼的交互设计
PC上的网页,页面间反复跳转是再正常不过的了,从首页进入搜索结果页,再到详情页,再跳到相关内容的详情页…不过到了手机上,无节制的跳转就有点儿问题了. 从首页列表->单篇微博详情页->个人主页->单篇微博详情页->个人主页…可以一次接一次的深入,但跳转了三、四次后,再看左上角的“返回”按钮,你已经很难判断出将会返回到哪里了.

手机上的长列表

- - 臭鱼的交互设计
这个Watch Lists其实很长,有几十项,表现出来是这样:每页只显示5项,可以显示在一屏内,然后翻页. 在PC网页的设计时我们知道:把更多的内容放在一个页面里展示,比跳转页面更好,用户更容易看到. 突如其来的手机应用,可能是让一些设计师有点儿不知所措了,觉得手机屏幕小,单手指操作有特点,等等我也不是很清楚的原因,最后得出了这么个结论:每个页面都不能滚动.

用面包屑来简化多层的tabs

- - 臭鱼的交互设计
一个网站信息结构需要表现给用户看,这样用户才能知道当前是在哪儿,才有可能去猜测某个内容可能会在哪儿. 如何表现网站的信息结构给用户呢. Tabs导航是一种表现形式,可以很直观的表现出当前所在的栏目和与之同级的其他栏目. 用tabs这种形式来表现导航是个很好的办法,也是很常见的. 然而,如果一个网站的信息结构很复杂,层级很多,那么就经常会是tabs套tabs套tabs套tabs….

创新or改进不足?

- - 臭鱼的交互设计
人人都喊着创新,我要质疑创新,恐怕会不得好死. 所以,我不打算质疑,我想问:. 无目标的尝试各种改变,当某一处改变带来了好的效果后,就固定下来,即可称之为“创新”. 接下来我想将问题集中于设计上的创新. 对于设计创新,能被关注到的往往是表现形式上的,至于流程、信息架构、表现模型这些的创新,太不容易被看到了,也不太容易被理解,虽然这些对于一个产品的价值更大,但对于以创新为目的的设计师来说,还是搞表现形式上的创新比较明智.

过度方便引发的误操作

- - 臭鱼的交互设计
Clash of Clans中,建筑和墙砖都有选中态,选中后可以进行一系列操作,也包括移动位置的操作. 我经常是想移动整个地图,但却移动了墙砖. 移动建筑位置是很偶尔的操作,我通常几周也不会动一下. 而进入游戏造兵、收集资源、打仗这些事儿经常是一天会做若干次的. 这个列表中,每一行所有的空白处都是可以用来拖拽的,改变列表顺序.