自由行界面改版设计：搜索 & 浏览 & 订购 （下篇）

第一步：重新定义信息架构

鉴于我们的用户最主要的需求有两个：一个是“搜索”，使用情境是当用户有明确游玩目的地的时候；另一个是“浏览”，当用户对游玩地只有一个模糊的范围时。

为了缩短用户操作时长以及简化操作行为，将现有的信息架构简化是最需要做的事情，之后再衡量是否满足了用户需求，适度允许用户进行自定义预订。（见下图）

接下来将以“浏览”为例，详细展开如何根据用户的需求重置信息架构。

1. 当用户在浏览时，最优先的任务是从众多的条目中，选择一个他/她感兴趣的。

在这个过程中，需要考虑到条目的数量和用以帮助用户区分每条项目的信息点，因此，列表样式比较适用于同时展示这两点。

2. 当用户进入详情页后，浏览此趟旅游计划可以从2个方向开始。一个是这个预订价格中，都包含了哪些 - 交通+住宿，另一个是用户在行程当中，可能需要知道的一些事 - 建议行程，签证信息，美食，值得买的。

在这个过程中，时刻需要对照UT中用户浏览的顺序，然后核查交互行为的优先级，结论依次为：天数、人数、价格、航班、其他交通、住宿、住宿时长。

3. 如果以上的信息都还没有满足用户的需求，可以考虑小修改以及自定义项目这么两种编辑方式。

比较重要的是，小修改所涉及到的信息是大部分用户最频繁调整的项目：天数，人数。这两个要素的比其他详细信息优先级更高。

第二步：确定页面模板

低保真线框图

根据以上的信息结构，需要定义的页面共有5种：自由行首页，详情页（路线视图），详情页（包含票务视图），详情页编辑模式，详情页（路线视图）展开阅读模式，如下图。

视觉启发点

提到旅游，最直接的反应是回忆/想象出某个地点的一幅画面，那里的风景，美食，天气等，因此利用此直接吸引力，放大图片在浏览过程中的转化效果。

第三步：视觉输出

1. 自由行首页

2. 详情页（路线视图）

3. 详情页（包含票务视图）

4. 详情页编辑模式

5. 详情页（路线视图）展开阅读模式

结语：鉴于以上是个人对设计方法的实验，所以最后的输出结果可能不是最适合的解决方案，但这里展示出来的方法还是可以套用的，如果团队人员一起做的话，会比较容易迭代出更好的方案。

原文请见本人博客：http://belle-m.tumblr.com/post/116389894234/redesign-for-self-guided-tour-part2-search