新版百度地图界面背后的故事

2019-04-03    来源:百度XDC

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

在2009年8月,Web版百度地图进行过一次大的改版,当时凭借着百度得天独厚的搜索优势,和地图简单易用的亲和力,在一个合适的时机,Web版地图市场占有率升至60%~70%,一直处于国内市场份额第一的位置。除了一些当时的环境因素外,产品本身的设计细节也决定了百度地图最后的成功与否。

交互与视觉设计探索

在设计的过程中尝试了多套方案,每个小的细节的改变都有可能产生更大的进步。以公交方案结果页为例,主要目的就是要让用户第一时间,快速的获取最主要的路线信息,但也有很多辅助信息(如时间、距离、价格等)来更好的给用户以参考,为了便于人们在第一时间了解到不同方案路线,整体采用区块化的视觉展现形式,并将关键性的站点名称和车次名称突出显示,辅助性的参考信息居右弱化显示。通过颜色和图形形成一定的视觉层次,引导用户方便快速的提取各类信息。

问题

在使用百度地图的过程中,也会存在着一定的问题,通过多次的用户调研分析,调查问卷、眼动实验和沟通访谈等等,了解用户在使用过程中存在的真实问题。

新版界面改版的目标和结果

2010年末,决定重新设计百度地图界面。一是要解决现有存在的问题,二是要增强百度地图的功能和美化界面,进一步的提升用户体验,并为今后的发展打下一个良好的基础。

在交互设计上:通过简单易用的操作界面,让人们更加便捷的获取路线信息和地点信息,同时提供强大丰富的功能来满足人们日常生活中衣食住行的各种需求。

在视觉设计上:通过视觉语言,给人们营造出一种美观和简单可依赖的视觉感受,让人们在使用的过程中感到舒适和放松,努力使用户觉得是一种享受。

2011年7月,百度地图做了一次较大的变化,侧边栏从之前的右边移到了左边,同时将搜索标签移到了下方。经过2周的小流量测试,通过后台的数据分析、用户调研分析,很可惜最终得到的结果不完全是正面的。在收益并不明显,流量略有下降的情况下,还是决定保留已有的交互框架结构。

新的交互设计、视觉风格探索

在经过之前的一次改版尝试后,决定在现有大的结构基础上,进行新的交互和视觉设计。

灵感

在夏天的时候,有机会去参观了原研哉的设计展,对下面这幅无印良品宽广的广告留下了很深的印象,感觉非常的大气、清新和简单,后来在想是否能够把这样的感觉也融入到百度地图的界面当中。

新的交互设计

整合梳理工具栏,同时便于扩展

增加地图百宝箱(地图应用)

首页增加分类信息

收藏夹位置变化

标签: 百度地图 设计流程 次第设计 

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:11个2012年值得阅读的社会化媒体博客

下一篇:购物比价,还有多远?