20120811192821_yYfCV
目录:
–应用背景
–行业分析
–竞品分析
–用户目标和需求
–用户角色
–情景剧本
–使用场景
–信息结构
关于信息结构与交互设计的看法
个人认为可改进的信息结构和交互方式
–流程线框图
–原型

应用背景:
旅行在我们的生活中的意义愈发重要,每年的几次旅行俨然成为了我们工作学习迫切盼望的事情,预定旅行已经成为我们生活中习以为常的一部分。旅行类应用,其主要功能包括:预定机票、预定酒店、预定火车票、自助游等。种类包含多样,而另一显著背景在于,中国在线旅游企业的“线上转化率”也一直较低。国内最知名的在线旅游企业携程网,早年凭借了强大的呼叫中心提供标准化服务,机票、酒店通过电话预订的比例一度超过90%,行业中甚至出现这样的说法——“电话预订是中国特色的在线预订模式”[1]而在移动互联网时代,简单的对web的移植不能很好的适应移动应用习惯,考虑旅行移动应用之所以能成为移动应用,应发挥其特有优势,保存其固有优势,使用户更加便利的进行旅行产品预定,提升旅行服务公司的经济效益。

行业分析
当前移动应用终端上,运营的较好的可以以功能分为以下几种:
1)旅游攻略类:面包旅行,穷游锦囊,蝉游记,来路上
2)旅游预定类:去哪儿,携程旅行,艺龙,途牛
3)旅游工具类:百度地图等
本文将着重分析旅游预订类应用。
logo-1 3c8e8aa5d063cf58c07ee2c7e86e2ab7_121_121 0e724cd14523098fad2d5315ccbde040_121_121

而通过以往的《旅游移动应用行业调查报告》[2]可见,行业内移动应用的功能测评可以分为以下几种:
1)GPS导航和地图指引:提供目的地的地图指引和GPS导航;
2)图文分享与行程记录:支持旅行行程记录;支持的图文所包含信息的丰富度,包括用户是否可以上传照片、文字,并可以标注位置、时间、标签等信息;
3)景点及商家信息:提供景点、餐饮、酒店、租车等目的地服务的详细介绍和内容(包括各类攻略及游记);
4)离线使用:支持内容下载并离线使用;支持离线记录;
5)打分与点评功能:可查看商家及景点的点评情况;可对商家和景点进行点评;
6)社交与互动性:分享的便利性及用户的参与性与互动性;
7)用户综合体验:对用户界面的简洁性、图文访问的流畅性、内容的丰富性、操作的便捷性、页面下载速度等指标的综合评价;
8)旅游产品价格显示及预订:显示门票、酒店等的价格和预订链接;是否提供预订功能
9)PC端与APP数据同步:PC端产品服务与APP端产品服务之间的兼容性、同步性,比如APP端的个人收藏能否同步到PC端;PC端旅游产品信息、个人收藏等信息能否同步到APP端。
本文笔者将基本通过以上九点进行功能测评。

竞品分析:
1)在视觉风格上:
携程旅行首页采用磁块式布局,简约美观,颜色选择和谐并且明确,在同类型的移动应用中也是比较优秀的途牛旅游以浅色为主,UI统一明快。
2)交互上:
因为是旅行类应用,板块较多的原因,首页多采用跳板式导航。艺龙旅行的跳板式导航加入了私人定制功能,其他具体将在下文分析。
瀑布流式呈现
从列表呈现的模式上来看,途牛、同程和百度旅游产品都是纵向显示方式。这是一种比较传统的功能体现模式,符合传统用户的使用习惯。
方式呈
目前只有艺龙和马蜂窝旅游APP界面属于静止(不能通过滑动来选择内容,图片内容暂不自动挑换)的显示模式,其余如去哪儿旅行、驴妈妈旅游、携程旅行、同程旅游、途牛旅游以及百度旅游APP都完美具备瀑布流阅读模式。[4]
更多竞品分析详于后文

用户的目标和需求:
笔者将罗列可能的用户需求(区别于应用固有需求)
1)定位:能够方便快捷的知道我在哪
2)分享:给朋友,或者我志同道合的人
3)LBS推荐:景点、酒店、好玩好看好吃的东西
4)用户喜好推送:能知道我喜欢什么,并将其收藏,快捷的给我推送我现在需要的,并参考大众进行选择(用户从众心理)
5)快速购买:在购买时简单易用,但应该让我知道我购买的划算实惠,购买途径中没有过界面噪音。并且适合移动应用原则,不要让我过多输入

用户角色:
年龄:26岁
性别:男
婚否:新婚
工作:白领
移动平台与时间:iphone5,一年使用时间
背景:在一个企业工作,刚刚结婚,手头不够宽裕但一定余钱,手机是去年年终之后买的相对便宜的iphone5,已经使用将近一年,支持移动支付。每天需要乘坐一个小时地铁从北京城南赶往朝阳上班。由于马上就要是五一假期,有三到四天的休息时间,想要带着妻子进行一次中短途旅行。平时用手机的时间较多,朋友推荐使用老牌的携程旅行,希望从中找到划算的旅行产品。
130317141857

情景剧本:
1)早上七点半洗漱完毕,赶地铁,地铁中相对拥挤,想起了一周之后的五一假期十分兴奋,所以掏出手机想要查看一下北京周边的旅行景点,在北京生活的几年了,老的景点已经大多都玩过了,希望找到评价好但是不太主流的景点,习惯把看到的好的保存起来,用微信分享给妻子,或者保存下来留到晚上和妻子讨论。
2)上班时间,手头上要紧的工作已经基本忙完,不太敢开台式机浏览,所以掏出手机比较隐蔽的查看一下是否有什么旅行产品推荐,因为这个时候经常会把手机掏出来又放回去,没有太多想要主动搜索的意愿,也不能通过语音进行搜索。
3)回到家中,因为没有把每个产品都和妻子有分享,所以把刚刚收藏的几个好的路线或者酒店信息分享给妻子进行讨论,并讨论预定门票、酒店等,购买
4)旅行途中,希望查看下一步的旅行安排,和具体的景点门票信息,在街头打开应用迅速查看。旅行途中进行照片分享
5)旅行归来之后,游记分享。

使用场景:
1)地铁等嘈杂的地方:虽然是在地铁等嘈杂的地方操作,但个人空间相对独立(一定意义上的),所以会搜索自己可能想的到的景点信息,并且即使分享给妻子或朋友,场景上的操作并没有给其使用有严重影响。
有方便快捷的分享,并能够提供相对的深度的信息
2)在办公室,掏出放入手机的操作相对频繁,不太愿意进行深度的操作或者阅读,会通过点击的方式看一看别人发的游记、攻略和照片。而这样的操作中也会存在一定的被打断几率,邮件、微信、短信等的查收,会随时中断其操作。
需要简单的操作,打开关闭操作相对频繁,提供简短资讯
3)在家中,操作效率高,不会被打扰,可能需要快捷的电话功能进行旅行服务的预定与确定,讨论收藏记录,及时下单预定,并开始规划行程
能进行深度阅读、购物体验。购物比价、个人信息与订单管理快捷方便,跳转迅速
4)在旅行途中,环境嘈杂多变,独占时间短。
需要快捷的输入查找和语音查找,或者能提供快速的旅程规划信息

信息结构:
下面,我们来看一下携程旅行移动应用的信息结构:(平台:ios7.1.1 版本:v5.5.1)
携程旅行

在说出我所理想的携程旅行的信息结构之前,我想先讨论一下关于标签式和跳板式导航:[5]
d4b9566f1ecbf5fb3af5d82ed80d103a_m

其优点在于:
1)清楚当前所在的入口位置
2)轻松的在各入口间频繁跳转而不迷失方向
3)直接展现最重要的内容信息
缺点:
1)功能入口过多时,该模式显得笨重不实用

而对于跳板式导航:
04b590cce7137b54da173f5cab2f6039_m

 

优点:
1)清晰展现各入口
2)容易记住各入口位置,方便快速找到
缺点:
1)无法在多入口间灵活跳转,不适合多任务操作
2)容易形成更深的路径
3)不能直接展现入口内容
4)不能显示太多入口次级内容

以下是关于信息结构与交互设计的看法:
1)如我们所见,现在的许多移动应用很多采用跳板式导航形式,如:艺龙旅行,去哪儿旅行。可是对于入口偏多、主页分流需求大的旅行移动应用,我想跳板式并不是理想的模式。对于携程旅行,原因在于:没有充分发挥标签式导航的优点,也就是其轻松在各入口间频繁跳转而不迷失方向的优势,将联系携程作为一个标签独立存在(这样做的原因可能在于,前些年携程网通过呼叫中心所得到的业务占营销额中的主要份额,产品在设计的过程中必须保证用户在使用时迅速找到拨打电话入口)。
IMG_1713
2)语音查询同样作为一个标签存在,按住说话查询功能的确是十分有价值的功能,但就查询这一目的性强的入口,加入输入查询和推荐可以更好。
IMG_1714
3)首页信息过于均衡,不清晰,并且容易造成视觉疲劳。参考《移动应用UI设计》跳板式可以用一些变种,如扩大重要跳板的大小,使用颜色编码,可以使重要入口得以突出。而跳板的又一重要功能是可以清晰的看见提示和缩略信息。在携程旅行应用中将“度假”这一跳板设定为最大,而没有将其放在左上角视觉中心位置,使首页入口显得过于均衡。
而对于首页的各个入口,“我的携程”显得尤为独特,其功能区别于其他入口,但是只是用无底色加线性ICON加以标示,使这个功能不够突出。初次使用很难找到个人信息的入口,而将如此重要的功能和团购等功能平行放置也略有不妥。
IMG_1715

4)比较机票、火车票、酒店这三个入口的查询按钮,其各不相同,机票火车票分别为。
而酒店的语音查询和查询按钮相连,建议将其统一。
IMG_1717 IMG_1716
5)攻略、团购页面,点击查询后有向右滑动,建议使用页内编辑,同时这两个页面的查询也不太一致。
IMG_1718
6)团队游、周末/短途游查询方法不一致。这两个页面的查询都是基于用户所在地的查询,但是定位地点、搜索框位置都不一样。而且“团队游”界面,重新设定所在地出现闪屏现象,没有动画跳转,而“周末/短途游”的定位则又自下而上的滑动。
IMG_1719
7)免费注册页面,显示密码控件不符合用户习惯,在没有使用时滑动只会使键盘缩入,取消按钮太小,也导致输入密码提示显示不完全。注册登录页面,上距离标题栏不一致。
IMG_1720
8)团购页面,缺少收藏
IMG_1721
9)火车票购买时,如果没有直达,不能智能规划
IMG_1722

 

个人认为可改进的信息结构和交互方式:
1)“首页”给与度假、酒店、机票、火车票、用车、团购、攻略、门票、当地均衡跳板,将礼品卡并入我的携程中,
2)“旅行日程”既然这是携程的保留功能,在标签中也将保留其位置
3)“查询”在许多电商应用中,查询入口的始终保留和随时跳转尤为重要,而携程旅行中十分重要的预定功能,查询入口被列为第三个标签,并保留普通搜索入口。
4)“我的携程”对于个人信息管理和订单管理在此类应用中尤为重要,所以将我的携程从众多五颜六色的调板中抽离出来作为第四个标签。

以下是流程线框图:

img-128063433_页面_2

1)城市选择列表
2)将电话拨打放在首页右上角,保留其一键拨打功能,但不再占用主屏幕标签导航。将之前不均衡的跳板更加均衡,将“度假”等主推功能放在左上视觉中心,旅游攻略下置,左右滑动浏览,更新较为频繁的热门推荐出现在首屏,刺激用户消费
3)一键拨打,保留原设计

img-128063433_页面_3

1)参考原设计
2)将列表布局改为四个入口的四个跳板式导航,一方面与首页选择统一,另一方面解决多个选项理解成本较高的问题
3)将并入的三个选项用scope bar连接,并将所有的标题栏搜索下置,可在同屏内浏览与搜索

img-128063433_页面_4

1)参考原设计
2)对于商品详情,我觉得可以进行整合统一,而在右上角的全局导航,重要功能:分享与收藏被固定,避免由于页面过长,用户找不到分享、收藏功能的问题。
3)更正团队游中,搜索出现的向右滑屏、分类闪屏问题。半透明玻璃覆盖遵循设计原则,对于搜索加入逐条删除功能

img-128063433_页面_5

1)参考原设计
2)将查询与其他页面统一,并将“附近门票”“所在地门票” 两个重要入口设为两个明显按钮,加入一定的热门推送信息
3)参考原设计

img-128063433_页面_6

1)在保留语音查询这以核心功能的同时,加入输入查询,并加入AD。
2)保留下方标签导航,在我的页面中,用户通常操作是:维护个人信息,管理个人礼品卡,优惠券,管理个人订单,查看我的收藏,设置等。由此可见这样一个页面并不是一个长时间独占页面,而是需要经常跳转于不同标签,所以保留下方标签导航十分必要。同时在当前页面,个人信息编辑不够明显。
3)底层颜色加会,并便于用户随时进行语音查询,应用场景主要为闲时查询和旅行途中查询。

 

以下是简要原型图:
屏幕快照 2014-05-16 下午7.38.01 屏幕快照 2014-05-16 下午7.38.10 屏幕快照 2014-05-16 下午7.38.15

当您看到这里,我首先要对您的耐心表示感谢,谢谢您对我的所做所想持以如此的尊重,谢谢您。
笔者喜欢旅行,对移动应用也很有热情,在交互设计的学习中,能有一次机会发挥自己所知所学写一篇如此博文表示十分有益(感谢我的指导老师吕燕茹)。全文进行过修正但难免有许多瑕疵,理解也不十分深刻充分,如果您有什么意见或者建议,能将它们反馈给我,我将十分高兴,并虚心与您讨论。(再次感谢给我批评指正的@窒息-红(您的长文建议的作用十分巨大)@龙爪槐守望者@小和,还有其他共同学习的同学们,当然还有供我分析的携程旅行~)。

参考:
[1]移动应用APP时代的旅行革命http://yixieshi.com/it/11067.html
[2]国内移动旅行类APP测评与盈利情况
http://www.cocoachina.com/gamedev/misc/2012/1226/5419.html
[3]谁来记录你的旅程?三款旅行类APP测评http://www.geekpark.net/read/view/178217
[4]给自己一个假期,移动旅游应用清新横评http://soft.zol.com.cn/452/4528219_all.html#p4528219
[5]几种典型的 iOS 应用界面的交互框架各自的优缺点是什么?http://www.zhihu.com/question/21430811

 

我的微信:infoier
我的QQ:401764289
我的微博:http://weibo.com/u/2978183373