美文网首页ui 产品样例
解读高德地图打车功能改版

解读高德地图打车功能改版

作者: Lulu_bf3f | 来源:发表于2020-08-11 13:20 被阅读0次

    前两天使用高德地图打车时,发现进行了改版,使用体验上确实提升了不少,信息层级更有主次,如下图所示,改版前和改版后叫车流程的对比。

    改版前:

    改版前

    改版后:

    改版后

    可以很明显的看出,除了在地址搜索页,其他页面还是优化了蛮多的。

    一、地址信息输入页面

    左侧为改版前,右侧为改版后

    不难看出,新版本对页面的信息进行了重构。可以先来分析下用户的使用场景。

    1.早晨从家出发去公司上班。

    2.与客户或朋友约好时间地点去赴约。

    3.和客户或朋友结束见面后去往下一个目的地。

    4.等等。

    对某些用户来说,他们的行程都是比较单调的,即使是约了客户或是朋友,也是常去的几个地方。一般打车时,出发地都会自动选择附加常用地址,或是当前地址。那么对于用户打开app最重要的信息是“目的地”,大部分用户都是及时性的,现在要去往哪个地方,打开app立即叫车。

    所以新版本做了以下优化点:

    1. 弱化了叫车场景的选择。多数用户使用场景都是立即叫车,所以默认依然选中的是「现在」,弱化整合场景切换的选择标签。

    2. 弱化出发地。一般都会默认显示附近打车点或附近常用打车点地址,帮用户自动填入。

    3.强化目的地“你要去哪儿”。让用户进入叫车页,可以第一时间关注到任务的主要信息目的地,而不被其他次要信息干扰,缩短了用户在页面中的思考成本。还会根据使用app得历史数据,会推荐你可能去的目的地,以缩短选择目的地的时间。如下图所示。

    常用地址推荐

    二、加载页的优化

    旧版本为常规的loading状体,新版本将loading态做了信息的预加载,预先把需要加载出来的位置占位,让用户对结果页有一个预期,以让用户产生一种信息已加载了一部分,马上要全部加载完成的错觉。

    左侧为改版前,右侧为改版后


    三、叫车页面

    左侧为改版前,右侧为改版后

    改版前 存在问题:

    1.上下和左右滑动的手势容易有误操作。旧版中列表上下预览查看的是同一车型的车,可通过左右滑动或点击顶部的车型来查看其他车型车辆。

    2.看不到所选车辆的价格区间,只能看到不同车型的最低价和所选数量。当没有选择某车型的最低价时,无法直观的看出自己选择的车费用区间是多少,不知道有没有选错。

    改版后优化点:

    1.车型作为全选标签,点击后,不影响车辆列表的显示。点击后,选中所有该车型车辆,当在列表中取消某一车辆时,车型标取消选中状态。

    2.统一查看操作方式,保留上下滑动预览车辆及所属车型。

    3.打车按钮显示了选中车辆的价格区间和数量。将影响用户决策的信息和按钮放一起,以减少用户确认信息的成本,无需消耗过多的时间来确认已选车辆的数量。和费用区间,让用户的操作变得更加高效。

    总结:

    新版本合理的分析了用户场景,及页面信息的重要频次,对信息进行了层级的调整,突出主任务流程的关键信息,将关联度高的信息放在一起,以帮助用户快速作出决策。整体上新版本在信息传达上更准确,更符合用户的预期和心智模型,使用体验更流畅。

    相关文章

      网友评论

        本文标题:解读高德地图打车功能改版

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