UGC模式下旅游APP交互设计初探.docVIP

UGC模式下旅游APP交互设计初探 摘要： UGC模式在移动互联网旅游领域得到广泛关注。 各大UGC模式的旅游类网站希望其PC端的竞争力可 以通过APP更好地辐射和延展，形成更强的竞争力。 如何更好地把握UGC模式下用户需求，不断优化用户 体验，构思出更加流畅的交互流程和优秀的视觉界面 效果，从而获取更多的用户量，已经成为旅游类APP 开发者最关心的问题。本文通过对三个较成熟的旅游 APP中具有典型UGC特征的功能__ “写游记”进行 交互设计分析，初步总结出UGC模式下旅游APP交互 设计的流程与设计原则。 关键词： UGC旅游APP交互设计 中国分类号：TB472 文献标识码：A 文章编号：1003-0069 (2015) 07-0155-03 UGC概述 1 UGC的概念 UGC (User Generated Content)即用户生成内容， 泛指“以任何形式在网络上发表的由用户创作的文字、 图片、音频、视频等内容”，最早来自web2.0网络技 术的应用和普及。世界经济合作与发展组织(OEDC) 在2007年的报告中描述了 UGC的三个特征：一、以 网络出版为前提；二、内容具有一定程度的创新；三、 非专业人员或权威组织创作。UGC的常见种类有社交、 视频分享、照片分享、知识分享、社区论坛及微博等。 旅游APP的UGC-般指的是用户通过APP分享自己的 旅游行程、各种旅游信息和旅游攻略，形式主要以发 布照片、文字、视频等为主。 2UGC模式下旅游APP的发展及研宄现状 近些年，旅游业呈现出许多新特征。首先是个性 化，旅游者在规划旅程时更加注重自己的个性化需求， 如：自由行、徒步旅行等；其次，人们会在出游之前 通过各种渠道搜集相关信息，利用网络参考他人的意 见和评价，从而制订出最科学合理的旅游计划。因此， UGC模式下的旅游APP，如游记、面包旅行、蝉游记、 在路上等APP应运而生。用户可以既可以通过APP快 速获取各种需要的旅游信息，也可以在旅行途中或旅 行结束后分享自己的行程，帮助其他用户更好地规划 行程。 关于UGC在在线旅游的应用探讨起于201 1年， 研宄者韩朝阳在《中国集体经济》第24期发表的《户 生成的旅游信息特性分析》一文，探讨了 Web2.0环 境下用户生成内容对旅游信息的功用方面进行了初步 的分析研究。2012年，在《21世纪商业评论》第21 期发表了一篇徐珊的《蚂蜂窝“筑巢”》一篇学术文章， 专门探讨了蚂蜂窝旅游攻略网站利用“SNS+UGC”获 得的成功，并且充分讨论了蚂蜂窝创业经营模式，在 学界有着一定的理论意义。 二主流的UGC模式下旅游APP的交互设计分析 移动互联网迅猛发展，使得人们不仅满足于移动 应用丰富的功能和强大的处理能力，用户体验设计更 是得到了广泛的关注和重视。要开发出优秀用户体验 的移动应用，对产品界面交互模式的设计探讨是必不 可少的重要组成部分。以下是针对三款目前比较主流 的旅游APP中具有典型UGC特征的功能一一写游记进 行的交互设计分析。 1游记（蚂蜂窝出品） 导航的交互模式 主导航菜单是展示手机应用信息架构的视觉表现 形式。优秀的导航设计让用户轻松上手并简单完成任 务。游记APP采用的是选项卡式导航。用户生成UGC 内容（写游记）的功能放置在导航栏的最中心位置并 和其他功能的进行颜色区分，使用户快速定位到此功 1) 1) 内容呈现的交互模式 所有需要操作的步骤都完整显示在一个页面上， 没有过多的页面跳转，减少了用户因为过多步骤跳转 造成的操作混乱。但缺点是用户上传的每张照片在页 面中占用了较大空间（图2），在用户上传了多张照片 的情况下，用户需要进行较多的向上滑动操作才能编 辑好所有的内容，容易产生操作疲劳。 用户操作流程（图3） 2面包旅行 航的交互模式 与“游记APP”导航栏的设计相似，将添加游记 的功能放在导航栏中心位置并与其他功能的进行颜色 区分（图4）。 内容呈现的交互模式 所有需要操作的步骤和内容基本显示在一个页面 上，减少了页面的跳转，用户可以快速判断出下一步 的操作（图5）;在关联图片地点页面的交互设计上， 设计师运用了长按和拖拽的手势，并给予用户操作提 示，用手势代替了输入位置信息，这是一种非常好的 用户体验（图6）。 用户操作流程（图7） 3蝉游记 导航的交互模式 蝉游记APP并没有在首页的导航栏中添加写游记 的功能，而是放置在“我的旅行”中。用户从进入主 页开始需要进行三次点击才能定位到此功能。 内容呈现的交互模式 在编辑游记的页面，时间信息、位置信息、照片 缩略图等内容的呈现方式一目了然，用户可以非常准 确地点击需要编辑的内容，误操作的可能性较小（图 8）。 用户操作流程的设计（图9） 三UGC模式下旅游APP交互设计流程与原则 1交互设计流程