今日看点

星巴克app里注册会员时的生日表单

发表于话题:星巴克APP崩了
发布时间:2021-05-18
Warning: 以下内容十分严肃,毫无娱乐性。

前段时间买了张电子星享卡,需要自己在手机app上先注册会员才能开通。当我看到这个画面的时候好想问,星巴克app的设计师和QA,你们每天几十块一杯的咖啡都白喝了吗?

很明显:表单上的日期格式和日期选择器里面的格式不一致。虽说这里造成的误操作可能性很小,但它违反了Don Norman在《设计心理学》里提出的Consistency一致性原则。这样会给用户带来什么影响呢?后一秒和前一秒看到的格式不一致,首先会减缓用户的认知过程,用户之前看到的“年月日”格式反了一下,潜意识里需要重新去适应选择器里看到的“日月年”格式。在你好不容易滑到自己的生日时,隐藏slider,表单里出现的格式又跟你刚才在选择器里操作的格式不一致,这样用户意识里就要再确认一遍。

最简单的做法就是把其中一个日期格式改成和另外一个一致的。当然,从中国用户的使用习惯来说,“年月日”是最合理的格式。

除了日期格式不一致外,这个页面还有问题。那就是这个选择器和表单之间出现了断层。中间的那行字阻断了用户需要操作的元素和操作影响的结果的连续性,违反的是格式塔原理里的Grouping aka. Proximity 接近律。

物体的相对距离会影响我们感知它们是否为一个整体、它们如何组织在一起。
依据接近性原理,可以通过拉近某些对象之间的距离,拉开与其他对象的距离使它们在视觉上成为一组,而不需要分组框或者可见的边界。从而达到减少用户界面上视觉凌乱感和代码数量。这里还好是个简单的表单,一旦要填的信息多了起来,就会引发很大的问题。参照iOS的日历app,里面的时间选择器都是紧挨着当前的表单项的。并且当前表单项会被高亮显示。

所以这个问题的修改建议是:把选择器往上移,紧挨着表单日期。并且把表单日期高亮,从而暗示用户当前操作所影响的内容。

还没完。除了上面比较明显的问题,我还想探讨一下这里datePicker的用法。我看了一下周围常用的app,在填写生日时用的都是datePicker,这也是iOS上选择时间时的一个标准元素。但是它是否真的适合于选择生日日期呢?iOS Design Guidlines里有这么一段:

Use a table instead of a picker for large value lists. Long lists can be tedious to navigate in a picker. A table has adjustable height and can include an index, making scrolling much faster.

而生日年份考虑到不同用户往往会有一个很大的数值范围,比如最早可能要从1920年开始?(不排除有可能100岁的老人也喝星巴克的吧)一直到2010年?anyway,这跨度没有100年也应该有50年吧。如果要一个用户从1950年划到2000年也是够烦的。月份最多12还好。日期在30天里找一天也不是件特容易的活儿。但用iOS table view显然也是过于冗余不太合适的。我想问的是,为什么不能直接提供数字键盘输入数字呢?可以通过格式提示以及前端格式智能转换来确保用户输入的格式是正确的。

虽然以上所述都是很小的细节,但是从细节就能看出团队的认真程度。不较真的设计师不是合格的搬砖工。说实话,这个app还有很多其他可用性问题,每次在店里要去使用它的时候都很烦……以后有机会再慢慢挖。

标签组:[软件] [app

本文来源:https://www.kandian5.com/articles/16993.html

相关阅读

《吕氏春秋·慎行论》疑似赏析

【原文】使人大迷惑者,必物之相似者也。玉人之所患,患石之似玉者;相剑者之所患,患剑之似吴干②者;贤主之所患,患人之博闻辩言而似通者。亡国之主似智,亡国之臣似忠。相似之物,此愚者之所大惑,而圣人之所加虑...

2025-04-29

庄子《山木》寓言七:孔子穷于陈蔡之间

孔子穷于陈蔡之间原文:孔子穷于陈蔡之间,七日不火食,左据槁木,右击槁枝,而歌猋氏之风,有其具而无其数,有其声而无宫角,木声与人声,犁然有当于人之心。颜回端拱还目而窥之。仲尼恐其广己而造大也,爱己而造哀...

2025-04-29

庄子《山木》寓言五:孔子问子桑雽

孔子问子桑雽原文:孔子问子桑雽曰:“吾再逐于鲁,伐树于宋,削迹于卫,穷于商周,围于陈蔡之间。吾犯此数患,亲交益疏,徒友益散,何与?”子桑雽曰:“子独不闻假人之亡与?林回弃千金之璧,负赤子而趋。或曰:‘...

2025-04-29

庄子《山木》寓言六:庄子衣大布而补之

庄子衣大布而补之原文:庄子衣大布而补之,正緳系履而过魏王。魏王曰:“何先生之惫邪?”庄子曰:“贫也,非惫也。士有道德不能行,惫也;衣弊履穿,贫也,非惫也;此所谓非遭时也。王独不见夫腾猿乎?其得枏梓豫章...

2025-04-29

《吕氏春秋·慎行论》无义赏析

【原文】先王之于论也极之矣①。故义者,百事之始也,万利之本也,中智之所不及也。不及则不知,不知则趋利。趋利固不可必也②。公孙鞅、郑平、续经、公孙竭是已。以义动则无旷③事矣,人臣与人臣谋为奸,犹或与之④...

2025-04-29

庄子《山木》寓言四:孔子围于陈蔡之间

孔子围于陈蔡之间原文:孔子围于陈蔡之间,七日不火食。大公任往吊之曰:“子几死乎?”曰:“然”。“子恶死乎?”曰:“然。”任曰:“子尝言不死之道。东海有鸟焉,其名曰意怠。其为鸟也,翂翂翐翐,而似无能;引...

2025-04-29

《吕氏春秋·慎行论》慎行赏析

【原文】行不可不孰②。不孰,如赴深谿,虽悔无及。君子计行虑义,小人计行其利,乃不利。有知不利之利者,则可与言理矣。【注释】①慎行:行为要谨慎。本篇阐述的是漆雕学派的学说。②孰:通“熟”,精审,慎重考虑...

2025-04-29

《六韬·文韬·盈虚》赏析

【原文】文王问太公曰:“天下熙熙,一盈一虚,一治一乱,所以然者,何也?其君贤不肖不等乎?其天时变化自然乎?”太公曰:“君不肖,则国危而民乱,君贤圣则国安而民治,祸福在君不在天时。”文王曰:“古之贤君可...

2025-04-29

《六韬·文韬·明传》赏析

【原文】文王寝疾,召太公望,太子发在侧,曰:“呜呼!天将弃予,周之社稷将以属汝,今予欲师至道之言,以明传之子孙。”太公曰:“王何所问?”文王曰:“先圣之道,其所止,其所起,可得闻乎?”太公曰:“见善而...

2025-04-29

《六韬·文韬·国务》赏析

【原文】文王问太公曰:“原闻为国之大务,欲使主尊人安,为之奈何?”太公曰:“爱民而已。”文王曰:“爱民奈何?”太公曰:“利而勿害,成而勿败,生而勿杀,与而勿夺,乐而勿苦,喜而勿怒。”文王曰:“敢请释其...

2025-04-29