基于艾瑞网数据，携程、蚂蜂窝等旅游攻略应用市场排名解析

艾瑞网统计表明，从品牌知名度角度分析，前四位分别是携程攻略和去哪儿攻略，这两家平台依托行业实力不断壮大，形成综合社区；从用户使用频率考察，同样位列前四的是蚂蜂窝，该网站凭借多年用户生成内容沉淀，打造专业领域平台；以及穷游网，其专注于海外旅行攻略，发展成为细分市场领导者。

最新统计显示，到2016年6月3日为止，App Store中旅游分区免费应用排行情况，剔除购票平台、出行服务、民宿软件以及部分其他类型应用，仅考虑提供旅游指南的应用，前四位依然由这四款软件占据，具体名次如下，去哪儿指南排在第11位，携程指南在第20位，蚂蜂窝在第21位，穷游网则位于第47位。

这些产品的首页呈现方式，并不完全等同于它们的市场地位，市场表现还受到资本投入、运营策略、市场沉淀等诸多变量的作用，不过行业内的佼佼者，其产品首页的布局必然是资深产品团队深思熟虑的结果，并且经历了反复的优化才达到当前水准，通过对比研究这些案例，可以获得许多启示，对后续工作也能提供有益的借鉴。

目前可以明确首页研究的对象包括：携程攻略，去哪儿攻略，蚂蜂窝，穷游网。

3. 产品首页分析3.1 携程攻略

3.1.1 首页展示

3.1.2 首页信息架构

3.1.3 产品定位及设计分析

Slogan：邂逅非凡的天地。关键词为“邂逅”、“非凡”。

先看产品底部tab的构造，底部tab采用船型布局，核心功能聚焦于记录旅途见闻，旨在鼓励用户发布内容，有效提升用户生成内容的比例，这对旅游信息类应用至关重要。接下来筛选其他tab，剔除首页和个人中心之后，剩下的“短途旅行笔记”契合“探索”的方向，“随身指南”也与旅行规划相关。

再审视首页的构造，第二屏包含“本月推荐地点”和“他人旅行分享”两类内容，前者围绕景点展开，后者侧重个人视角，两者宗旨都是引导人们探索更多值得游览的地方，从而再次与“遇见”的主题相契合。首页最上方展示的内容有动态横幅、旅游地点区、购票区、出行宝典推荐，其中旅游地点区是核心，借助空白区域、醒目图形、文字加粗等手法，将顾客注意力吸引到该区域，促使他们了解当前地点及邻近的娱乐设施，这与宣传语中“遇见”的主题相契合。接下来是满足经营要求且提升客用体验的票务系统，其余的首页空白区域产品方决定放置便携式攻略推荐功能，该功能也是携程攻略的特色所在，若想深入了解可自行探索，各攻略封面运用了类似书籍的视觉方案，营造出严谨可靠的印象，与专业生成内容的理念高度一致。

界面色彩选用天蓝与纯白组合，这与携程旅行票务平台惯用的深蓝色调及其营造的庄重感形成对比，攻略类应用的天蓝色显得更加明快、活泼，更契合旅游出行和攻略分享的调性，并且首页的整体视觉呈现也迎合了目标群体的审美偏好。

现在可以明确产品的方向是邂逅和发掘，所传递的内容除了咨询互动外，基本符合用户的期望，界面设计也符合用户的审美偏好。

3.2 去哪儿攻略

3.2.1首页展示

3.2.2 首页信息架构

3.2.3产品定位及设计分析

Slogan：你最佳出行顾问。核心在于“睿智”、“向导”。

底部标签栏采用船型布局，着重展示旅行记录功能，以此激发用户创作内容。除了首页和个人中心，其余为“探索”与“讨论”，而“讨论”环节与“攻略”方向较为契合。

接下来分析主页的构造，首屏承载了绝大部分内容，次屏仅设有游记板块。首屏上方竟然没有横幅广告，这令人有些诧异，因为设计理念是首屏应尽可能展示丰富内容。顶部导航条包含四个功能，分别是定位地点、查找地方、浏览足迹、参与打卡。接下来是介绍部分，运用八个并排成两排的图形符号，分别对应目的地的餐饮、住宿、交通、观光、购物、娱乐、特色景点以及旅行注意事项，这些图形符号在页面上色彩鲜明，意图吸引注意力，然而遗憾的是，色彩组合与布局缺乏秩序，图形符号数量过多显得杂乱无章，结果导致用户难以迅速定位所需信息，似乎有些主次不分。

其次是票务部分，以列表呈现，与攻略部分形成区分，不过列表呈现方式配合灰色调，反而削弱了该部分的存在感，对于商业变现功能而言，这种设计思路个人认为欠妥。

这里是智游推荐单元，核心是介绍本地的旅游亮点，与“攻略”板块形成关联。接下来是第二屏，展示的是瀑布型的本地旅行记录，设有标签分区和筛选机制，方便使用者找到关注的内容。

整体而言，产品核心思路是作为"向导"，意图开发成实用型旅游手册。不过首页虽然涉及"向导"概念，但表现力不够强。各项功能大体符合用户期待，而界面结构和视觉呈现尚有提升余地。

3.3 蚂蜂窝

3.3.1首页展示

3.3.2 首页信息架构

3.3.3产品定位及设计分析

Slogan：蚂蜂窝自由行。关键词为“自由行”。

先来看底部tab，它运用标签导航方式，总共只有三个标签，去掉首页和我的，剩下的是“目的地”，这个设计虽然直接，却会加大首页的信息量，有可能让用户感到杂乱无章，影响使用感受。

观察首页排版，从上往下依次是位置固定的横幅、查询入口、过往查询记录，这部分内容占用了上半屏的一半区域，剩余空间主要容纳攻略和票务板块，该板块因空白区域较大不显局促，反而有助于集中视线，不过色彩安排稍显杂乱，若能更系统化布局，视觉呈现效果当会提升。

第二屏展示了一篇精选的旅行文章推荐，以及一个价值一元的旅游项目抽奖区域，其中文章部分以大幅图片和简明的旅行信息搭配呈现，接着是大面积的空白设计，营造出清爽的视觉感受。抽奖区域则使用了醒目的红色大按钮和进度条，旨在集中用户的注意力，以促进商业目标的达成。

第三屏内容不多，仅有一个展示嗡嗡的图片区域，人们可以给心仪的嗡嗡点赞，而且图片都带有位置标记，如果对某个嗡嗡或地点感兴趣，可以点击进入其详情页，从而和发布者进行交流。

第四屏包含两个主要部分，一个是介绍旅游专家的内容区域，另一个是展示热门旅游地点并附带购票服务的区域。旅游专家部分采用左右滑动设计，这种布局方式既能让用户浏览更多信息，又不会让界面显得过于繁杂或局促。热门旅游地点部分则在推荐各个旅游地点的同时，整合了购票流程，从而提升了商业变现的潜力。

第五屏展示旅游地点选择，依据未来六个月的时段划分，每月份设立一个专属板块，这种时间上的安排显得格外贴心，便于使用者挑选符合假期需求的旅行地点。

首页内容丰富，布局得当，不会显得杂乱无章，然而由于缺少像携程、去哪儿那样全面的票务服务，其商业推广成分较为突出，视觉呈现清新，契合旅游产品的调性，也迎合了目标群体的审美偏好，功能设计同样能够满足用户的基本要求。产品的核心定位是自助旅行，主要通过丰富内容来展现，推荐的旅行手记，参与赢取的旅游商品，以及热门的旅游地点，都紧密围绕自助旅行的优质素材，相信策划团队付出了很多心血，因此整个首页都很好地契合了产品方向。

3.4 穷游网

3.4.1首页展示

3.4.2首页信息架构

3.4.3产品定位及设计分析

Slogan：出境游，尽在穷游APP。关键词为“出境游”。

先观察页面底部的标签页，除去首页的推荐和个人的选项，余下的便是“地点”和“社群”，这表明社群在穷游的整体规划中占据着关键地位。再分析首页的排版，顶部是自动播放的广告条，其后是攻略和票务的组合区域，不过这个区域的功能设置比其他攻略类产品要单薄，总共只有四个分类，其中两个与攻略有关，另外两个涉及票务，整体操作相对基础。其次是“发现下一站”，推荐一些有趣的地方及实用的tips。

第二屏仅有一个特价促销板块，包含一幅专题图片以及四个旅游优惠产品。穷游的票务业务规模远不及携程和去哪儿，因此商业内容独占整个第二屏页面的现象就不令人意外了。

第三屏起的内容是清单形式的旅行文章推荐，总计提供五十篇，每次展示十篇，这种分批次呈现的方案一方面能够避免用户产生无谓的数据消耗，另一方面还能优化内容载入的效率。

整体而言穷游的主页布局较为简洁，减少了旅游指南各项功能堆砌带来的杂乱感，不过实际上许多板块都深藏于下级或次级页面里，这种安排对于需要这些板块的用户会造成不便，促使他们必须点进更深层的页面，从而削弱了使用感受。单就首页而言，它未能满足基本用户要求，但整个产品还是能够满足的。接下来谈谈视觉感受，由于展示的图片数量偏多，并且页面布局中空白区域不多，给人的整体观感较为局促。同时产品在市场定位上明确瞄准的是海外旅游，这一点从多个方面都可以看出。例如，首页的横幅广告、精选的旅行技巧、优惠的套餐信息以及用户分享的旅行故事，全都是围绕海外旅游展开的，完全没有涉及国内出行的相关内容，由此可见该产品确实专注于服务海外旅游市场。

4. 总结

研究这四款旅游软件的主页布局，能够归纳出若干产品设计心得，主要涉及攻略类页面的呈现方式。

在首页中通常包含的模块有：

横幅，放置位置，查找框，前往地（查找）过往记录，乘车凭证，使用说明，推荐景点，旅行笔记分享，经验丰富的旅行者推荐，旅游商品推介等这些部分大体上能满足顾客的需要，不过各个产品因为其自身的目标不同，会对其中的一些部分进行选择或舍弃。首页里的板块内容和tab的频道内容往往能互相补充，首页的推荐内容如果是不分对象的推送，那么tab就会设置有明确目标的频道，而假如首页内容是根据目的地进行筛选的，tab就会配备有专门板块，帮助用户发掘更多旅游资讯。

排版方面：

自上而下通常分为4个部分：

横幅，确定位置，顶部固定的查找框，选择要去的地方，过往车票使用技巧，旅行文章分享，热门地点介绍，旅游专家推荐，旅游商品信息

视觉方面：

多选用明快、鲜亮的色彩，带来清爽、舒畅的感受，与旅行意境相协调，也契合了受众的偏好，此外运用空白区域来集中注意力，还能缓解视觉上的繁杂感。

这些商品在若干构造上显现出类似性，然而用户即便无法言明，也能直觉察觉，自助游常去马蜂窝，廉价国际旅行多上穷游，交通住宿安排选携程去哪儿，这些都与它们的用途设定、资料组织、文章推广息息相关，唯有倾力打造这些方面，才能在顾客心中形成记忆，夺取特定的行业领域。

5. 我是PM

梳理完思路后，我开始构思一个旅游规划软件的主页原型，设定情境为，所在企业是业内表现不错的在线旅游服务商，多年来依靠网站平台聚集了用户与信息，同时与众多酒店和航空公司建立了合作关系，移动应用刚刚推出，宣传口号是“XX，助你出行安排更便捷！”这个主页面借助线路、攻略、景点评价的推荐，以及游记的精选，还有出行套餐里的酒店和机票组合，目的是让旅游规划变得简单便捷。

点击搜索框会打开搜索界面，输入文字会出现相关建议，这些建议会按类别显示，包括地区、景点、住宿、往返票务、行程规划、经验分享、旅行随笔、互动讨论等，不同类型的文字会带来不同的匹配结果。

这个版块把各个地方名胜按照受欢迎程度从左往右排列，人们可以左右滑动来浏览，这个受欢迎的等级是根据大家的打分结果得来的。

“精选游记”板块的推送频率因区域差异而异,内部首先对旅游目的地进行分类,比如:顶级地区每三天更新一次,较佳地区每周更新一次,一般地区每两周更新一次,具体执行时运营人员会根据实际状况调整。

下面是首页demo：

后记

谢谢您的关注，由于能力与见识有限，文中难免有不足之处，恳请大家提出宝贵意见，欢迎您们直言不讳地指出问题，批评得越深刻，对笔者越有帮助，一定会认真听取并加以改进，再次表示感谢。

kor是作者，他的名字叫何，可以通过QQ/微信/Q邮411814246找到他。他目前处于找工作阶段，如果有人需要产品专员或者助理这样的职位，可以主动联系他。

继续浏览有关 旅游攻略首页设计 的文章