写在前面的话：早就想写一篇关于途牛的文章了，特别是在老于多次催促之下，可惜假期人的惰性发挥的淋漓尽致，我的意志力还真是脆弱。这次，写个系列，希望可以“交差”。

途牛是一个分享旅行的网站。可以说是 Web 2.0，举国内两个同类网站：爱游，米胖。从 Alexa 排名上看，前者和途牛较为接近可作对比，我相信米胖的简约又简单的首页挡住了很多目的性访客（以首页为入口）。爱游的 UE/UI 是模仿豆瓣。途牛初期也模仿豆瓣以及 Flickr，不过在经过 4570 次改进后除了 Logo 的位置，其他已经很难看出来了。

首先看一下“途牛是干啥的”：

途牛提供景点信息，可以记录你去过的或想去的地方，并与这里的朋友们分享；同时通过探索发现更多好玩的地方，并在此基础上有针对性的制定出出行计划。

导航栏

从简介来看（结合导航栏上的链接），我的理解是途牛基本产品有两个（以句子中的分号分隔）：景点和探索。景点的功能是记录和分享，探索的功能是浏览并且可能可以通过其他产品来制定出行计划。不过很可惜，在导航栏上并不能体现出这两个基本产品，而是和其他 features 并排在一起。产生问题的原因有两个：一、途牛的简介本身不准确，不能体现途牛的本质；二、导航栏设计有问题。我比较倾向于后者。

从导航栏上可以看出，用竖线相隔的，整个途牛分为四块：首页、以景点为主的功能、以群组为主的功能、以探索为主的功能。而最后一块，我倾向于理解成实验（测试）产品，比如最近的活动：魅力大理游。如果是我来设计，我会为把导航栏顺序（逻辑结构）调整如下：

首页 | 景点 游记 照片 | 探索 路线图 标签 | 群组 成员 问答 | 魅力大理游

景点、探索、群组作为三个重要产品的链接，可以在设计上稍作区分，最后的一组链接作为活动。同时“随机景点”区别于现有导航的设计，可以以一个按钮的形式放在右侧某个地方。

首页结构

先撇开导航栏和Logo不谈，首页分为以下几块内容：地图导航、推荐景点、最新更新的群组、最近想去的景点、最近去过的景点，辅助以右侧的活动广告、产品解释、最近更新和友情链接。

鉴于上文中我对途牛产品的理解，首页上还缺少一块体现“探索”的内容，最合适放在首页上的应该是和探索同一块的路线图，并且这是途牛的特色。最近想去的景点和最近去过的景点，有点使人迷惑，谁想去？谁去过？是我吗？其实都是程序算出来的“推荐景点”，如果有其他更适合的内容可以将这两块替换掉。

右侧的产品解释，有些侧重于景点和群组，可能是由于这一区域很久没更新。下次更新肯定会把路线图什么的新功能加上去吧。对于景点和群组，从字面上相对容易理解，并且进入频道页也有相同解释，不如把首页上这块区域空出来。

景点首页结构

景点首页分为以下几块内容：用户想去的热门景点、用户去过的热门景点、最近更新的景点，辅助以右侧的今日图片（与首页的活动广告对应）、产品解释、地区导航和景点标签。

注意，首页上的“最近想去的景点”，在这里加上了“用户”两字，我觉得如果把“用户”改为“大家”可能更加 2.0 一些，亲切一些。在景点首页上也缺少游记的内容，或许是由于用户写游记太少，展示出来可能更新量不大。（探索的首页上倒是有游记，这与导航栏的产品逻辑分类不是很一致）

探索首页结构

探索首页最为复杂，不过是我最喜欢看得一个页面。以照片为主，并且独特的提供了颜色主题这个功能，可以聚合出颜色差不多的照片。第一时间看到的是一张非常大的“今日推荐景点”的照片，可惜要花一些时间才知道这张照片到底是什么地方。

探索首页设计的算是所有页面内容最丰富的，也比较合理。不过以我对途牛产品的理解，应该加上路线图这一块内容。当然又可能是因为路线图推出时间不长，内容积累的不够，更新量不大才导致没有聚合出来。

小结

基本上途牛所有的页面都是左右（7:3）两栏，左侧大块内容，辅助以右侧的产品解释和功能导航。右侧的区块分两种样式：红褐色圆角、蓝灰色圆角，以这两种样式区分出帮助性内容和功能区域，体现了制作人的细心。以访客身份一圈逛下来，主要的问题存在于左侧大块内容的堆砌形式，如果能够在 UI 上加工一下，相信会有更好的体验。