美文网首页
iOS端 12306重设计

iOS端 12306重设计

作者: AndrewCC | 来源:发表于2017-08-13 17:55 被阅读140次

    自12306官方APP诞生的那一天起,就注定了它要饱受诟病。截至目前,苹果的iTunes上1493条评分,综合后的分数接近于1星。虽然主要的问题还是集中在开发身上,不过APP界面设计仍有些过于随意,有很多需要补足改进的地方。

    本文针对目前的官方APP,就如何明显提高用户的购票效率及便捷性加以分析及改进。部分吐槽可能会有些激进,望您理解~

    车票预订界面

    存在问题
    1. 首页查票的作用被标题下四个功能严重干扰,而且放在了占据重要位置的顶部,反而成了四不像,这四个功能完全可以放到个人中心界面中。

    2. 出发日期、时间及席别的排版过于随意,根本没有对齐,而且为什么出发时间和席别行距搞那么大呢,三者本身属同一层级。

    3. 乘客为什么又突然换了个橙色,而且还独占一行局左,包括常用线路也同样局左,界面空白并没有合理利用。

    4. 底部的标签栏蜜汁灰底白字,如果以图标+文字的方式呈现会相对更为直观清晰。

    改进
    1. 四个略显尴尬的功能放到了个人中心。

    2. 以增强代入感的纸质票的形式将必要元素呈现给用户,调整层级关系。

    3. 底部以开口线性icon+文字代替。

    4. 弱化了最近常用线路,并且重新布局。

    车票预订界面

    时间/地点选择界面

    存在问题
    1. 状态栏信息颜色不知道为啥和标题颜色不一样,很脏,降低辨识度,看着很闹心。

    2. 车站选择采用了tab式分组,虽然增加了用户短期记忆的负担,但这不是重点,重点是用户无法通过滑动手势切换页面,只能用手指一个一个的戳!

    3. 出发日期界面痛点同上,戳戳更健康。

    改进
    1. 状态栏信息颜色正常了(包括后面的界面)。
    2. 地点信息和日期信息各自整合到一个页面中,卡片式分组,再也不用戳了。
    时间/地点选择界面

    车次界面

    存在问题
    1. 导航栏下的“前一天”btn与“返回”离得太近了,用户很容易误操作。

    2. 底部的工具栏干扰了车次信息的正常浏览。

    3. 每个车次距离太近,显得很拥挤,部分非必要信息可以去除。

    改进
    1. 时间btn位置做了调整。

    2. 底部工具栏整合到了右上方菜单中。

    3. 卡片式布局车次,车次内部层级调整,清晰直观。

    车次界面

    订单确认界面

    存在问题
    1. 时间在预订及车次界面已双重确认,订单界面中显得很多余。

    2. 底部的蜜汁工具栏没有必要放在这里,多余。

    3. 订单信息层级关系不明显,另外添加乘客突然居中了,但看着还是闹心。

    改进
    1. 去除了一切多余的信息

    2. 添加了学生票btn,重新调整了订单的层级关系,用户识别起来更快、更容易。

    订单确认界面

    支付界面

    存在问题
    1. 这部分界面过于反人类,跳转页面太多了,增加用户记忆负担。

    2. btn太多了,很多不必要信息都一股脑网上放,支付完成界面还有个订餐服务而且还是首位,很难理解,可能是觉得用户花费大量精力购完票肚子会饿,可是。。。

    3.支付完成界面订单详情内容直接在订单详情页中可以查看,多余。

    改进
    1. 将支付方式整合到了确认支付页中,减少用户记忆压力。

    2. 去除了一切多余的裹脚布。

    支付界面

    订单详情界面

    存在问题
    1. 终于到了最让人吐血的界面了。。。一个订单你需要犹如大海捞针一般查找,而且为啥要在tab下加个日期?

    2. 终于找到了订单,如果想要改签或退票还得继续12306的官方特色——戳,而且为啥又加了个订餐呢??

    3. 订单内部信息层级混乱,价格又诡异的用了醒目的红色,看着闹心。

    改进
    1. 将有用的信息整合到一页中,提高用户查看速度。

    2. 订单内部信息层级调整,订单状态分别以红绿色代表待支付和待出行,同时在左侧加上竖条,直观易识别。

    3. 改签和退票通过ios特有的侧滑方式呈现。

    订单详情界面

    个人中心界面

    存在问题

    越写越激动,感觉有点止不住了- -镇静一下

    1. 个人中心看着很累。。。而且很多比较有用的功能藏在了“信息服务”的子界面中,过于隐晦。

    2. 纯红的New提示。。。不知道如何吐槽了

    改进
    1. 用九宫格布局排列菜单,icon+文字,用户可以更快的获取信息。

    2. 只保留了常用功能。

    个人中心界面

    最后,很感谢你看完我的这些吐槽和建议,欢迎一起探讨交流!

    相关文章

      网友评论

          本文标题:iOS端 12306重设计

          本文链接:https://www.haomeiwen.com/subject/htserxtx.html