肯德基的H5页面输入框

这次要吐槽的不是APP,是嵌入公众号的H5页面,进入优惠券后有一个选择城市的选项,是不是第一眼看上去似乎没有什么问题,大错特错也。

第一,在输入框弹窗方式的选择上,这种蒙版式的弹窗设计完全没有把页面空间利用起来,以至于在弹出手机的输入键盘时,遮住了大部分的显示区域,正确表达式非常简单,选择城市的这个界面直接作为一个单独的界面就可以了。

第二,这个输入框对于城市的输入是仅支持首个首字母查询,而不支持真正意义的首字母查询的,比如我想选“青岛”的时候,我输入字母q,下面关联了所有q开头的城市,搜索结果是非常多的,而我继续输入d的时候,就不再支持继续模糊检索了。这点体验非常糟糕,学学我们的铁老大,连12306都实现了qd直达“青岛”的快捷录入方式,这在移动端的体验来说是非常重要的。

第三,关于城市列表每行所占的高度,真是无力吐槽,都知道移动端的界面受制于设备物理尺寸的限制,几乎达到了寸土寸金的地步,每个元素的宽和高度都是精心设计和安排的,要保证视觉上清晰,但不能误触,还要有足够的留白,我们回过头再看看这个行高,我在1080*1920的分辨率的基础上粗测了一下,高度在142px左右,别说指尖了,胡萝卜也都可以了吧。高度压缩一半是完全没问题的,这样在同样的显示区域能比原来多显示一倍的内容,从视觉上和交互上以及用户体验上都是更好的改进。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,025评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,470评论 4 61
  • 我很喜欢你 就像佛塔的钟声 经久不息 就像我深藏多年的秘密 从来不会袒露内心的悲喜[心]
    C小宁willbe女王阅读 1,675评论 0 0
  • 01 某天在书房码字,听见姐和母亲在念叨:“我怎么什么都不会呢?这个也不会,那个也不会?慢三步也不会,唱k也不会?...
    独怜幽竹阅读 1,436评论 4 10
  • 设想一下如果你在一家初创公司,你们刚开发了一款新产品,在积累了一些种子用户后,老板觉得是时候把产品推向更多的用户了...
    心水阅读 3,355评论 2 6

友情链接更多精彩内容