步步精心,流畅化公交导航体验交互设计 -电脑资料

电脑资料 时间:2019-01-01 我要投稿
【www.unjs.com - 电脑资料】

    公交地铁出行,绿色又环保,已成为P民等最重要的出行方式,

步步精心,流畅化公交导航体验交互设计

。出行前或半路中拿着手机地图查查路线,仔细规划一番,成为智能手机时代的一种生活方式;特别是去一个陌生的地方,地图导航的重要性更不言而喻的。

    说完引言,回到正题,今天我们要介绍的是SOSO手机地图塞班版在公交出行中扮演的重要角色,特别是用户在地图上查看具体公交方案时,我们是怎样一步步精心为用户考虑的。

    归结下用户使用SOSO地图搜索查看公交方案的场景, 一般可分为以下三大步。

    第一步,搜索出方案:(图1到图2)

   

    图1 图2

    第二步, 从方案列表页到方案详情页:(图2到图3)

    第三步, 从详情页到地图上展示(图3到图4)

   

    图3 图4

    以上是用户大概的使用习惯,这三大步各个地图软件都提供了很接近的用户体验。今天我们重点要介绍的是当用户在图4上继续查看具体路线方案时,我们所做的一些(微)创新的工作。

    总结一下,我们主要通过以下精心准备的几小步,来为用户提供流畅的公交导航体验。一般说来,到了地图上了,用户此刻的需求即是:方便快捷的看看该怎么走(自己到车站的路线以及公交车地铁的行驶路线),以便能对整体路线了然于胸。那我们如何做到?

    A. 智能的选择合适的比例尺来展示各个路段。

    通常一条完整的公交出行路线会包含若干路段(比如先步行一段,再乘公交车,再步行,再换乘地铁,最后到达目的地),此种情况下,当用户点击“上一段/下一段”切换路段时,我们会智能选择最合适的比例尺来展示该路段,

电脑资料

步步精心,流畅化公交导航体验交互设计》(https://www.unjs.com)。

    比如下图5所示从“我的位置”步行到“中关村”公交站的路段,用户看到图5后,对怎样步行过去应该有了答案。而右图6是百度地图的当前路段展示,可以看到由于它没有选择合适的比例尺来展示当前路段,导致整个路线的所有路段拥挤在一起,看起来是地图中间的一坨,不可能一目了然的获取当前路段的信息,用户如果想要看仔细,得一步步慢慢的缩放和移动地图,实在麻烦。SOSO地图则用起来方便流畅。

   

    图5 图6

    B. 将车次名字信息标识在路段上。

    如下图7所示,可以看到我们在展示路段时,会将该段路要乘的具体的公交(地铁)名字嵌入其中,用户在浏览时可以很直观的知道该段路要乘坐的车次信息。甚至不用再来回切换上一个下一个路段就可以了解整条路线需要的全部信息。而上图6所示的展示方式是没有办法达到此种效果的。

   

    图7

    C. 动画指引。

    用户在用上一个下一个命令切换路段时,我们会播放一段动画来预先模拟行进方向,比如下图8所示从西直门换乘2号线到雍和宫,我们会在路段上放一个模拟的圈圈,让它从西直门一直滚动到终点雍和宫。这样用户对行进方向等信息就会了然于胸了,而不会迷惑。

   

    图8

    D. 页面顶部展示路段概览信息。

    比如上图8所示,在页面顶部有一个透明层展示了路段的换乘等相关信息,它与上文B的效果互为补充,极大的让用户明了;之所以采用透明层,一方面也是为了弱化它,因为往往只需要上文B中技术,用户就能获得足够信息,这样就不会对他/她造成干扰。

    这样,通过以上相关技术方法的综合运用,我们力图比竞争对手更出色的为用户打造一个流畅化的公交导航体验,为用户的出行尽一份力。

最新文章