旅游攻略App首页设计思考：从穷游、携程、去那儿及蚂蜂窝的攻略说起.pdfVIP

旅游攻略App首页设计思考 ：从穷游、携程、去哪儿和蚂蜂窝的攻略说起 本文将通过 现今市场上知名度较高的几款旅游攻略A pp的首页进行比较 ，然后从信息架构 、产品定位与设计分析这几方面来进行探讨 ，总结出一些规律及亮点 ，并尝试设计出一 个demo来 分析结果进行应用。 本文数据均来自互联网 ，由于数据来源及个人能力有限 ，故本文存在的不足之处还请各位看官指出 ，本人定虚心接受 ，同时本文也作抛砖引玉之用 ，希望能吸引有经验的前辈来分享一二。 1. 用户需求 产品首页的设计包含了很多信息 ，其中有 产品定位的体现 ，产品信息框架的体现 ， 用户的引 导等 ，而把这众多信息联系起来的 ，就是用户需求 ，而要明确用户需求我们就得先确定用户是谁。 1.1 目标用户 艾瑞网研究报告中 2015旅游攻略应用用户属性的总结如下图 ： 根据上图可知 ，旅游攻略应用的用户是以沿海发达城市的高学历青年为主 ，而且他们的收入状况 良好。而根据生活经验可以知道 ，这类人是 生活有一定追求的 ，他们喜欢的格调偏向清新、小资 、时尚这几个方面 ， 事物的审美和品质也有一定的要求。 1.2使用场景 （1 ）快要放假了 ，想去云南玩 ，先看看别人是怎么安排路线的。 （2 ）云南才玩5天 ，假期还有一个多星期 ，看看还有其他什么地方好玩的。 （3 ）出游行程都计划好了 ，看看机票和酒店订哪家的好 ，顺便预订免得到时麻烦。 （4 ）究竟东京火车站怎么买票的呀 ，怎么攻略都没说 ，问一下人好了 ，顺便看看有没有人一起 去玩。 （5 ）正在旅游 ，看一下附近还有什么好玩好吃的。 （6 ）下个月想去泰国旅游 ，看一下签证要怎么办 ，还有去泰国有什么要注意的。 （7 ）这次旅游真好玩 ，要记录下来才行 ，顺便让别人看看我拍的美照吧 ！ 1.3需求分析 2.分析对象选择 先来看一组数据 ： （数据来源 ：艾瑞网 ） 根据艾瑞网数据显示 ，无论从用户品牌认知度还是使用情况来看 ，排名前四的均为基于行业影响力 发展壮大的综合企业的攻略社区携程攻略、去哪儿攻略 ，多年UGC积累的垂直企业蚂蜂窝 ，以出境 攻略为主导的垂直企业穷游网。 另外截至2016年6月3 日 ，在A pp St o re旅游类别免费栏目的排名中 ，除掉电商票务、打车用车、短 租住房及一些其他应用 ，只看专注旅游攻略的应用的话 ，排名前四的也是这四个应用 ，排名分别是 去哪儿攻略第11位 ，携程攻略第20位 ，蚂蜂窝第21位 ，穷游网第4 7位。 并不是说这几款产品的首页设计优秀程度与他们的市场排名一样 ，其市场排名背后还有资本、运营 、市场积累等多方面因素影响 ，但作为行业领跑者 ，他们的产品首页这样设计肯定是经过资深产品 团队的考虑 ，也经过多次迭代以如今的设计呈现 ， 他们进行比较分析 ，相信能收获不少 ， 以后 工作开展也有所帮助。 至此 ，可确定选择的首页分析 象为 ：携程攻略 ，去哪儿攻略 ，蚂蜂窝 ，穷游网。 3. 产品首页分析 3.1 携程攻略 3.1.1 首页展示 3.1.2 首页信息架构 3.1.3 产品定位及设计分析 Slogan ：遇见不一样的世界。关键词为“遇见”、“不一样”。 首先来看产品的骨架底部t ab ，选择舵式设计 ，重点突出“写游记” ，意在引导用户分享 ，提高UGC产 出率 ， 旅游攻略类产品意义重大。然后除掉首页和我的 ，剩余的“微游记”符合“遇见”的定位 ，“口袋 攻略”也符合旅游攻略的主题。 再来看首页布局首页第二屏是“本月该去这里” 目的地推荐和“看看别人怎么玩”游记推荐 ，一个是以景 点为切入 ，一个是以人为切入 ，但目的都是帮助用户发现更多有趣的旅游胜地 ，再次与“遇见” 呼应。。首页第一屏包含的信息为滚动banner、目的地模块、票务模块、口袋攻略推荐 ，其中重点 落在目的地模块 ，通过留白、大图标、字体加粗等方式 ，将用户视线聚焦在该模块 ，引导用户发现 所在目的地及周边的游玩项目 ，与slogan强调的“遇见”呼应。然后是商业需要与方便用户的票务 模块 ，剩余的首屏位置产品团队选择了口袋攻略推荐模块 ，（这也是携程攻略的亮点之一 ，有兴趣 的可以去看看 ）各攻略封面图采用类书本视觉的设计风格 ，给人专业、可信的感觉 ，与其PGC的定 位贴合。 视觉方面采用的是天蓝色与白色搭配 ，不同于携程旅行票务业务的深蓝色给人专业沉稳的感觉 ，攻 略的天蓝色感觉更为清新、轻快 ，更贴近旅游、出行、攻略的主题 ，同时整个首页的视觉设计也和 目标用