界面设计9:确认按钮设计

  • 从一个日历的确认按钮引发的讨论和思考

飞猪的日历界面

图片发自简书App


booking的日历界面

图片发自简书App

从飞猪的日历界面看到,选择入住时间和退房时间后,界面自动跳转至上一操作页,而booking的日历界面的底部有个确认按钮,功能比飞猪的选择退房操作多了一步,都是操作完成后返回上一操作页。咋的一看好像很多余,是不是多余呢,因为在携程IBU酒店进行app5.1设计界面的时候碰巧遇到这个问题。开发也说在结果上看来好像很多余。

我自己作为一个界面设计人员,对于其后面说隐藏更深层的原因其实了解并不多,在和朋友的沟通和思考过程中,给出了自己的答案。

发现问题

我先前觉得可能这只是一个习惯性的用法。见图。

图片发自简书App

选择19号入住日期后,点击21号离店的效果跟上面的确定按钮确实没啥区别。

再三思考,回到场景分析,其实本意还是有所不同的,上面的选择退房日期跳转是对退房时间的操作确认,booking的选择退房时间后需要点击确认按钮是对整个界面操作的确认。 只是从体验上讲,点击确认按钮的同时也没有执行操作。

虽然飞猪点击退房时间的跳转和booking点击确认的结果一样,但是用户的需求和心理体验是不同的。


我们再进一步进行分析:

图片发自简书App


图片发自简书App

飞猪的查询页“入离日期”选择只有一个操作入口,但是booking是两个,即可以选择入住时间,也可以选择退房时间。

我们建立一个场景:用户选择入住时间,退房时间都会清空;飞猪是必须操作完入住时间才能操作退房时间的,而booking,如果用户选择退房时间,只要选择大于入住时间的日期就可选,从操作步骤上,飞猪用了两步:选择入住,选择退房。booking同样用了两步:选择退房,选择确认。

我们通过用户体验地图分析:飞猪的查询页入离时间只有一个入口,决定了只有一个路径:修改入离时间-选择入住时间-选择退房时间。booking的查询页入离时间两个入口,决定了有两个路径:修改入住时间-选择入住时间-选择退房时间-确定;修改退房时间-选择退房时间-确定;这个确定按钮就是对两个路径做同样指令的操作,同时,确定按钮还起到了取消按钮的作用,所以booking的日历界面没有取消或返回按钮,这就是它的意义,它是对这个日历修改行为的终止。


继续探索

我觉得估计是之前酒店预订的新用户在进行日期选择时,对这种选择两个日期的误操作率很高(失败),很多人会经常跳转回去不断调整,所以就在当前页面尽可能的让用户确认正确,即使输入有误也可以即时修正,因为一旦进入下一页,回退修改的成本会提高太多,得不偿失,所以之前因为是都有这个确认过程的。

后续之所以逐步取消,应该是现在这个操作形成了行业基准,大家都有基础认知,输入的成功率显著提升了,所以回退的很少了。自然而然就取消了确认这个过程。

两种操作的用户动机是不同的,期望不同。可能有些用户选择入离时间后,然后点击确认,完成整个修改操作,因为她犹豫不决自己预定酒店的时间。也有可能有些用户选择入离时间后,认为应该完成了整个操作,因为他很肯定自己预定酒店的时间。

不过回头看支付宝和微信的支付密码是否需要确认按钮的问题,其实也差不多,随着用户习惯的养成,没有确认按钮似乎也不影响整个体验过程。



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

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,016评论 4 62
  • 讲故事有五个要素,何时、何地、何人、何事、何故,每一个故事都应该包括这五项内容,才算表达清楚,何时的表述要注意开门...
    做自己的CEO阅读 846评论 1 9
  • 海水枯了 无人问津的死掉的浪 沉睡在土地 场景飘回二十年代 那冗长的 一个镜头接着一个镜头的默片 起风了 空气填满...
    千城子阅读 264评论 0 0