为什么用户会无视action bar上的按键?

原作者:anthony

译者:励定洲

在移动端表单按键的位置会直接影响任务的完成度和效率。如果它们没有被放在一个用户预期的位置,那很可能会导致用户放弃整个完成表单的任务。

即便是花那么区区几秒钟找寻按键也会让他们产生挫折感并导致他们点击返回按键。因此,一旦他们完成了填充表格,你应该让按键一下出现在他们面前。

很多移动网站选择把表单按键放在最上面的action bar上(比如导航栏上),这正是错误所在。调研显示用户通常不会注意到放在action bar上的提交按键。它同时揭示用户会忽略放在该处的保存按键并会在未保存设置的情况下退出表单。


提交按键

用户忽略action bar上的提交按键的原因在于当他们填完表单后视线的落点。填写表单时,他们的视线自然地由上而下。

当填完后,他们的视线会最终停留在页面的下方。如果在那个期望的位置没有看到提交按键,那么随之而来的就是困惑和对如何完成表单的不确定。

大多数用户并不能一下反应过来在action bar里能找到提交按键。由于用户必须把视线转而移到页面的最右上角,所以这是一个很不方便的位置。

这给人一种违背常理的感觉,因为用户的视线随着表单由上至下,而再把视线移到右上角是反其道而行之。这并非用户期望的,也不应该是你放置提交按键的位置。


固定你的提交按键

当用户完成表单后,他们期望能在页面的底部找到提交按键。但如果真把按键放在那里会导致他们在滑动表单时忽略它。

用户可能会在填完表单后往上滑来检查一遍或者修改一些信息。当他们那么做的时候,底端的按键就会消失不见,除非他们再次滑到表单最下面。

为了避免这种问题,把你的提交按键固定在底部的位置,这样他就能保证被一直看到。这能帮助用户一填写完表单就直接提交。

当用户完成表单后不要让他们做额外的工作。如果他们不得不移动视线或手指来寻找或滑动到提交按键,就说明你的移动表单不够高效。


不明确的保存按键

action bar里不明确的按键正是导致用户未保存设置就离开表单的罪魁祸首。下面这个例子里action bar包含了返回键、页面标题和保存按键。但保存按键非常难区分出来。

当用户完成了设置后,他们倾向于直接点击返回按键,因为他们没有意识到自己必须要保存。保存按键是整个任务里最重要的一环,但是在这个例子里却被隐藏成一个放在角落里的灰色的勾。

当没有任何信息提示用户的时候,他们都会认定自己已经保存好了设置。不仅如此,这个界面里左上角毗邻返回图标的标题文字看起来也好像是可以点击的一样。整个action bar里明确性的缺失导致用户产生错误。


固定你的保存按键

与其把保存按键放在action bar里,不如使用一个固定的模态表单。这能让用户清楚地看到保存和取消按键而不用让返回按键搞糊涂。

取消按键在里的作用可以解决用户对返回按键职能的误判——它能告诉用户他们需要在离开之前进行保存,不然就会丢失设置。保存按键加上了文字的标签,同时在颜色和面积上都更加显眼。

唯一需要保留在action bar里的东西就是描述当前任务是什么的页面标题。保存和取消按键则应该被移至置底的页脚上。这能给用户持续的可视性,以便让他们能更快和更容易地完成表单。


总结

action bar的按键可以用来在不同的界面进行导航,但并不适合用来完成当前的任务。把你的移动表单按键放在一个置底的位置能让它们不再被忽略,并达到用户的预期。

表单按键的位置对用户如何完成任务有巨大的影响。不要因为你正在设计一个移动网站就把所有的按键都塞到action bar里。多想想任务的完成度和高效性,把你的表单按键放到它们该待的地方去。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,847评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,208评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,587评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,942评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,332评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,587评论 1 218
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,853评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,568评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,273评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,542评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,033评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,373评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,031评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,073评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,830评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,628评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,537评论 2 269

推荐阅读更多精彩内容