基于用户体验的手机游记APP设计和实现 计算机专业

1、 目录基于用户体验的手机游记APP设计3The APP Design of the Mobile Travel Notes5Based On User Experience5第一章 前言11.1 研究背景11.2 研究的目的和意义11.3 研究的现状和主要内容2第二章 研究方法和技术路线42.1 研究方法42.1.1查询资料法42.1.2 跟踪调查法42.1.3 情绪版法42.1.4 用户访谈法52.1.5 任务走查法52.1.6 自然语言法52.2 技术路线5图2-1 整体技术路线62.2.1 前期调研62.2.2 研究技术72.2.3 概念原型72.2.4 角色构建72.2.5草图设计72

2、.2.6低保真原型设计72.2.7高保真原型设计8第三章 设计调查93.1 用户需求分析9图3-1 用户需求分析的步骤93.1.1 用户群体93.1.2 实地观察10图3-2 用户活动的场景10图3-3 用户使用手机的场景103.1.3 用户访谈113.1.4人物画像11图3-5 徐先生人物画像123.2 情景模拟123.3 专家访谈133.4 竞争产品分析14表3-3 竞品分析表141）强调企业目标忽视移动端APP的特殊性。152）追求视觉感受，忽略用户体验。153）产品无特色引发价格战153.5 产品目标161）商业目标162）用户目标163）成功标准17第四章 产品设计184.1 设计定

3、位184.1.1 产品理念184.1.2 功能设计18表4-2 功能分析19图4-1 漫游记的功能树菜单204.1.3 商业模式设计214.2 信息架构设计22图4-2 漫游记的信息架构图224.3 任务分析22图4-3 手绘流程图234.4 低保真原型设计24图4-5 手绘流程图28图4-11 游记的编辑31图4-12 我的324.5 交互流程设计32图4-13 漫游记的交互流程图334.6 详细场景交互设计33图4-1534图4-16 添加记录35图4-17 消息36图4-18 我的364.7 视觉设计37图4-19 漫游记的情绪版37图4-20 图标设计38图4-21 发现138图4-2

4、4 漫友40图4-25 添加游记140图4-26 添加游记241图4-27 添加游记341图4-28 消息142图4-29 消息242图4-30 我的43第五章 模型设计445.1手工模型制作44图5-1445.2高保真原型设计455-2图 发现的高保真原型设计图455.3 Android开发设计45图 5-346图 5-4465.4 操作演示46图5-5 发现页面47图5-6 漫友页面47第六章 测试分析48表6-1 界面测试分析48图6-2 漫游记满意度评价49第七章 总结与展望50附 录51附录二：交互设计图55基于用户体验的手机游记APP设计摘 要：移动互联网已经步入快速发展时期，中国

5、互联网络信息中心的数据显示，截至 2013 年 12 月，中国网民规模达 6.18亿。其中，移动设备用户数量达到 5 亿。互联网、通信技术作为信息技术革命的核心已经引爆整个旅游业，全方位渗透到旅游业的经营、管理和经营模式中，使旅游类 APP 呈现直线式增长和细分化的发展趋势。本研究首先运用查询资料法、跟踪调查法、用户观察法等进行分析研究，探讨了基于用户体验的手机游记APP设计的可行性。然后，通过情景模拟、竞争产品分析等调查研究方法，确定目标用户的具体需求和现有产品的不足，以用户为中心，依据人物画像、情景模拟、场景交互图等制定出能真实满足目标用户心理的方案。在此基础上，遵循简洁易用的原则，对现有

6、产品进行创新和再设计，为广大喜爱旅游、热爱分享的人们，提供更易用、更个性的手机游记。关键词：交互设计；用户体验；游记；分享The APP Design of the Mobile Travel Notes Based On User ExperienceAbstract: Mobile Internet has entered a period of rapid development. The center of the Chinese Internet Network Information shows that Chinese netizens reached 618 million，

7、as of December 2013. Among them, the number of mobile users reached 500 million. The Internet and communication technology as the core of the information technology revolution has exploded the whole tourism industry. They fully penetration into the business of tourism, management and business m

8、odel and make travel class APP present linear growth and segmentation trends. In this study, the research methods of queries and data, tracking surveys, interviews and others will be applied in analyzing a study on the feasibility of the user experience for the mobile travel APP design. Then we will

9、 clear the inadequate of user needs and existing products by scenario simulation, analysis of competive products, and other research methods for the the target user by using human-centered approach to design, which based on characters, the simulation and scene interaction diagrams. On this basis, we

10、 will innovate and re-engineer the existing product following the principle of simple and easy to use to provide more easier and more personalized travel notes for the majority of the people who love to travel and love to share.Keywords: interaction design; user experience; travel notes; share第一章 前言

11、1.1 研究背景“中国互联网络信息中心数据显示，截至 2013 年 12 月，中国网民规模达 6.18亿。其中，手机网民人数达到 5 亿”1。互联网的高速发展造就了大数据 、物联网、云计算等新兴产业，新技术的革新引爆了产品的革新，电子商务获得空前的发展，人们的生活、消费习惯也转移到手机线上。支付系统安全、可靠性的提高使得越来越多的人接受手机消费，并且掀起了移动端消费、生活的浪潮。借着这股浪潮，旅游业的营销、管理和经营模式已经被信息技术革命全面渗透，同时，中国经济的飞速发展，人们的生活水平也在日益提高，根据马斯洛需求理论，人们在满足了低层次需求即食物、穿着等基本生理需求后，就会更多的关注高层次的

12、精神追求，而旅游便是其中一种，这种自我的精神寄托成为一种大众主流消费。这些都使得旅游类 APP 呈现直线式增长和细分化的发展趋势。无数旅游电商、移动通信，包括淘宝、微博、微信等，都意图分刮旅游市场的这块大蛋糕2。而随时随地可以进行预定、编辑、描述、分享等是移动端产品推广的最大优势，也更符合当今生活节奏快、生活模式变化多、信息传播迅速等特点，手机游记APP必然会成为用户记录、分享旅游途中所见所闻的最佳选择。1.2 研究的目的和意义借着中国经济的腾飞和手机移动业务的爆炸发展，流量经营成为各大互联网公司的原则，流量经营是运营商经营思路的转变，更是一个“博出位”、迅速抢占先机的有力武器。用户会对最先使

13、用的APP产生依赖，谁最先导入大量用户，谁就率先迈入了胜利之门3。故而大家都积极部署着手机移动的商业战略目标，使得旅游类APP争先恐后的出现，却忽略了最为关键的用户体验。用户体验是用户对产品或服务使用过程中的生理及心理感受4。而用户体验设计，就是以用户体验度为准则的设计策略，用产品的功能、视觉氛围的营造和交互设计的体验来创建的感知体系。虽然体验是一种纯粹主观的意识，用户的地域、文化、教育程度等差异都会造成用户不同的心理感受，但对于一款产品的目标用户群体而言，用户的一些共性特征是可以通过大量的调研分析和设计实验来认识的5。现在的公司却一味追求产品的迭代速度和视觉表现，对于用户的使用体验视而不见，

14、不能很好的为用户着想，做出以用户为中心的产品。本文研究的目的便是通过APP给广大热爱旅行、喜爱分享的中国同胞提供一种全新的体验，推动中国旅游类APP的健康发展。1.3 研究的现状和主要内容目前，随着国民文化程度的提高和信息开放程度的加深，很多国内旅游市场已经进入散客时代，自助游和自由行已经成为主流的旅游方式6。当今社会，信息量爆炸，媒体发展迅猛，人与人的联系的成本越来越低，之间的影响力也越来越大，通过人际关系进行营销的应为更加有效和简单，如此一来，口碑便成为人们判定事物好坏的重要依据7，周边的同事、朋友、家人对一款产品或服务的评价对用户本人的使用行为和心理影响非常大，而资金雄厚的公司通常已经积

15、攒了一定的忠实用户，对于旗下的产品的推广和开发有着小公司不可比拟的优势。现在大多移动旅游类APP也是出自大型企业，然而，大型企业在开发新产品时需要兼顾到企业自身的形象和发展，使得在规划设计旅游APP之初就有很多条条框框，忽略了用户的使用体验，导致APP界面不友好、交互不流畅等问题。另一方面，很多移动旅游类app做的和团购预订类app功能相似，包含了景点、美食、住宿等多方面服务内容，没有做出旅游的特色8。这种追求功能全面、内容过盛的做法，使得旅游类 app和其他团购、预订类APP功能重复，产品没有自己特有的功能，旅游产品特色功能和其他大而广的功能混合在一起，突出不了重点，反而产生了负面影响。主要

16、内容：1）发现。看看人气最高的游记，寻找自己需要的旅游攻略；2）漫友。随时关注漫友的游记动态并添加新的朋友；3）添加记录。随时随地方便记录自己的心情感闻。4）消息。将评论、收藏、关注、私信、系统通知均收归其中；5）我的。即个人中心，包括我的积分、游记、设置，并标记了所有想去和未去的地方。第二章 研究方法和技术路线2.1 研究方法本次手机游记APP设计方法主要包括用户调研方法和界面设计方法，用户调研法可以快速找到目标人群，并分析研究出他们的整体特点和喜好，能更有效便捷的为产品定位。界面设计方法可以推动产品的可更迭性和优化，根据用户的反馈不断完善产品。通过这些方法的结合，达到指导设计的目的，使得A

17、PP能实实在在的为热爱旅游、喜爱分享的用户提供帮助。2.1.1查询资料法查询资料法也叫参考文献法，是通过互联网络或相关书籍查找需要的资料，通过找到的资料分析了解用户。此调查法的能够以最快的速度得到较为全面的用户资料，但是推送的信息可能不够精准，不是通过专业的调查研究得到，结论也可能有所偏差，需要对其进行筛选和辨别。基于查询资料法的不足，我们查找的资料主要偏向于年轻人的心理特点和生活方式等具有普遍意义的大方向，了解分析年轻人的独特心理，从而抓住目标用户的特点进行设计。2.1.2 跟踪调查法跟踪调查法顾就是通过对目标用户的生活进行全程跟踪观察来收集需要的信息。这种方法可以在长期接触目标用户中采集到

18、短期无法看出的信息，并且零距离的贴近目标用户，融入目标用户的生活，收集的信息具有相当高的准确性和真实性。但花费的时间、精力也是相当大的，寻找愿意配合的精准用户也是不容易，需要一定的资金支持和人脉。利用跟踪调查法要做好充分的前期准备工作，包括需要观察的调查内容和生活细节，在观察过程中认真记录相关问题，为以后的设计工作有着重要的参考作用。2.1.3 情绪版法 MOOD BOARD（情绪版），是将与产品和主题相关的各种资料，包括图片、产品、影像等全部收集归纳在一起，从而抛开细节，整体感受这些材料的调性，提炼出对产品有帮助的部分，包括配色方案、视觉风格等，为视觉设计提供灵感10。2.1.4 用户访谈法

19、用户访谈法是通过和目标用户的交流对话来收集自己需要的信息，从而全方面的熟悉了解目标用户9。访谈形式很多，包括电话沟通、视频交流、一对多访谈、多对一访谈等，本次研究主要采取一对一模式，希望能深入了解当代人对于旅游和分享感受的心理。用户访谈前要做好前期准备工作，列好提纲，考虑好访谈具体内容，问题的先后顺序和怎么应答等。尽量在访谈过程中营造一种轻松平常的氛围，不要让受访者感受到压力和不自在，以免影响正常的表达和心情。访谈中通过书面记录的方式将关键内容记录下来，也最好通过全程录音方式进行记录，为之后的重新编排和整理做准备，也为了防止当场记录不够全面、准确。2.1.5 任务走查法任务走查法是布置给用户某

20、一操作任务，根据用户完成任务的过程和结果进行评分从而完成产品评估。任务走查法能够有效的测试APP的可操作性，通过这种方法，能够便捷的找出操作流程的潜在问题，对于产品流程的优化和功能的更迭效果明显。2.1.6 自然语言法自然语言法就是通过平常的对话语言，来描述目标界面的信息。这种方法将界面设计转换为语言的描述，具有语言独特且不可替代的优势，能够化繁为简，出的文档容易操作、识别性高，可供大多数人理解。2.2 技术路线经过以上的研究方法，我们对于目标用户的有了一定的了解，为下面开展该项研究奠定了相当的理论和实践基础，并为后期项目的开展提供技术支撑和理论依据。此项目的整体实施流程，如图2-1：前期调研

21、旅游景点、市中心手机游记设计现状资料查询技术路线查询资料概念原型跟踪调查角色构建用户访谈草图设计人物画像低保真原型高保真原型Android编译开发撰写论文图2-1 整体技术路线2.2.1 前期调研此阶段是整个项目的基础，我们着重收集有一定消费能力、喜爱旅游的用户在旅行途中所遇到的问题，以及他们对于分享旅行见闻的期望值，询问他们对于分享游记的目的和想法，进而确定研究方向。最后做界面的设计时，充分考虑旅游这一设计元素。研究方法主要采用：文献法、用户访谈等。通过搜集大量网络信息和书籍文献，了解国内外对于旅游类产品的的分析报告和研究情况。再通过近距离接触我们产品的实际目标用户确定研究方向，充分论证产品

22、的实际价值和意义，明确产品的方向，做出最贴合用户需求的产品。最后我们需要针对用户在移动过程中使用移动设备的状态进行调研，更好的将调研结果和手机移动端结合起来，最大限度的方便旅行中的人们使用手机游记11。2.2.2 研究技术我们主要采用文献法、跟踪调查法、用户访谈法和人物画像等方法。文献法的使用，我们主要针对喜爱旅行者的特点进行收集和归纳。在资料收集的全过程中，我们要秉承客观公正的态度，维持背景资料的全面性和真实性。针对于这部分用户，可以通过搜索查找关键词，来寻找目标信息，并将需要的重要信息进行摘录复制，便后期的整理归纳，此调查法的能够以最快的速度得到较为全面的用户资料，但是推送的信息可能不够精

23、准，不是通过专业的调查研究得到，结论也可能有所偏差，需要对其进行筛选和辨别12。用户访谈法主要采用面对面访谈的方法，现实观察用户的表情和肢体反应，能够较为真实的了解用户生活中的情景13。2.2.3 概念原型在前期调研的基础上，收集大量现有产品的模型原型，利用头脑风暴、思维导图等方法，提出几种可行性原型，再通过讨论和论证方案的优缺点，确定最终的概念原型。2.2.4 角色构建在概念原型产生后，我们就要考虑具体的用户定位、目标人群和使用场景等，在建立几个典型用户后，综合他们的特色与心理，创建出一个集合所有用户特点，能作为代表的用户角色14。2.2.5草图设计通过手绘形式，画出整体界面的框架布局，包括

24、整个操作的信息架构和流程规划，手绘效果方便快捷并且易于更改，尽量优化操作的各个流程，使其更加合理，符合用户操作习惯和人机交互。2.2.6低保真原型设计在纸面上手绘界面框架布局，从而确定最终交互流程后，用Axure绘制低保真原型，并继续推敲项目的各个功能，尽量简化操作步骤，设计的界面也应尽可能简洁，方便操作15。2.2.7高保真原型设计在确认交互流程合理正确后，要考虑将旅行的设计元素融入我们的色彩、布局等界面设计的各个环节中。最后运用Adobe Photoshop 和Adobe Illustrator进行界面效果的设计，设计好界面效果后，对图片进行切片处理，方便编译的使用方便，并使用Java D

25、evelopment Kit和MyEclipse进行编译开发，最后能够在Android平台运行。第三章 设计调查3.1 用户需求分析一个项目的基础与前提便是进行用户需求分析。正确的用户需求分析能够帮助设计师更准确快速的进行产品定位，明确产品主体目标。用户需求分析一般分为四个步骤，如图3-1。图3-1 用户需求分析的步骤如果用户需求不清楚的情况便盲目进行产品设计，等产品真正投入使用后，发现用户并不需要这样的设计，便会造成时间和人力成本的严重浪费，所以在产品研发初期，用户需求分析显得至关重要。我们访问了一些用户，普遍反应现有的游记APP操作流程繁复，增加学习的时间成本；展示出来的效果千篇一律，没有

26、自己的个性。3.1.1 用户群体用户群体可以按照用户成熟度进行划分，具体分为：非用户、潜在用户及成熟用户。非用户是指从来没使用过相关产品也不需要这类产品且不愿尝试的用户群体；潜在用户是指没有使用过相关产品，但愿意尝试，需要这款产品的功能并具有购买力的用户群体；成熟用户是指已经使用过相关产品的用户16。本文主要以潜在用户以及成熟用户为研究对象。通常，喜爱旅游的人士大多都是喜欢到一个地方的新鲜感与惊喜感，符合人“喜新厌旧”的本性，加上一些刺激、冒险的成分，更能吸引大批旅行者来体验。我们主要针对喜爱旅行的年轻人而设计，他们敢于尝试、热爱分享，可以来一场说走就走的旅行，也可以为了一次穷游，精心准备一个

27、月。年轻人也更乐于分享传播自己体验良好的产品，易于产品的推广。俗话说，年轻气盛，年轻人也更容易被周围人际影响，如微博、微信的推广发展，造成人际效应，周围人都在通过“漫游记”分享游记，目标用户也会不自觉的加入17。3.1.2 实地观察此方法是指在目标用户活动的场所，在不打扰用户活动甚至不告诉用户的情况下，在实际场景中观察、记录用户的行为表现，以此来判断用户真实的心理和行为18。主要针对年轻旅行者进行观察，通过行为及动作分析年轻人在旅行时的状态。我们的观察分为用户活动的场景，如图3-2和用户使用手机的场景，如图3-3。 图3-2 用户活动的场景 图3-3 用户使用手机的场景3.1.3 用户访谈用户

28、访谈首先要明确访谈目的，然后拟出访谈提纲，要详细考虑措辞和提问顺序，接着邀约用户，尽量保持氛围的轻松和节奏的把控19。本次访谈主要选择学校周边的一些景点和风景区，随机访问前来旅游的行人。主要围绕五个问题来进行：1） 是否喜爱旅行？一般会选择怎样的出行方式？ 2）是否会在每次旅行后将见闻记录下来？会和大家分享吗？3）是否使用过旅游类APP？哪款APP？4）在使用APP过程中有什么不合心意的地方吗？5）您希望拥有一款什么样的手机游记APP？ 针对以上问题，分别对20位20-35岁的年轻用户进行了访谈，访谈时间控制在10-15分钟，并通过访谈整理出下面几条信息：1）绝大多受访者都喜欢旅游，其中有一半

29、以上会选择自由行或半自由行节约成本，也可以玩的随性。2）全部受访用户都会在旅行中拍照留恋，绝大多数会选择一些照片分享在朋友圈、QQ空间等社交网站，并附上自己感闻。3）大多数受访者都用过诸如携程、去哪儿、途牛等大公司出产的旅游类APP，也有部分用过小众的面包旅行、蚂蚁团。4）绝大多数受访者都是用APP进行旅店、车票的预定，购买景点门票，也有部分受访者反应用美团和铁路预定也可以代替这些旅游类APP。5）热门旅游类APP大同小异，没有特色；在分享游记的时候也只能选择常见社交类软件的表现方式。3.1.4人物画像通过调研去了解用户，抽取其中的典型特征，赋予一个全新的名字和某些特定的场景描述，形成的一个用

30、户画像。所以说人物角色是真实用户的虚拟代表，是在深刻理解真实用户情况后得出的一个的虚拟用户20。通过对资料查询和用户访谈收集到的资料信息，我们融合了目标用户群体的明显特征，虚拟出了徐先生这个人物，如图3-5。图3-5 徐先生人物画像3.2 情景模拟此方法是将人物画像的生活细节再次详尽的描述。通过还原人物画像的生活场景，帮助我们更加准确的分析用户心理，包括思考的缘由、情绪反应、行为动机等。本研究以徐先生为模型，设计了以下情景。4月2日 星期四 晴 今天被领导批评了，真是烦躁，明明不是我的问题，却一个劲地怪我，同事遇到我也是绕着道儿走的，至于吗。这个心理坎实在过不去，我要休个年假好好放松放松，管他

31、什么工作升职加薪。来看看去哪玩呢，中国名山中这么险的黄山我竟然没去过，就去那吧，先百度搜搜攻略，把车票订了。不知道有没有和我一个地方志同道合的人，有的话能一起做伴就更好了。4月11日 星期六 晴 “黄山四千仞，三十二莲峰。丹崖夹石柱，菡萏金芙蓉。”这首李白的送温处士归黄山白鹅峰旧居，此时此刻我才真正领略其中关于黄山奇异景观的描绘，陡峭的峰峦、层层的云海，这一切的美丽奇妙、雄伟壮观必须用照片记录下来，等回去有wifi了再分享给朋友们。还有网上订的套票真划算，度假酒店1晚含2份早餐，还有黄山风景区门票、黄山醉温泉门票，一共才399元，时间、行程都很自由。 五岳归来不看山,黄山归来不看岳，当我站在鲫

32、鱼背上俯瞰云卷云舒的时候，真的感觉世界如此美好，我们实在没有必要为了一点点的小事伤神伤心，浪费时间不说，还气坏了身子。4月18日 星期六 阴天 今天下班后没什么事，来把我的黄山之行整理整理吧，先挑选出我觉得满意的照片，嗯，这张不错，光影效果恰到好处，这张也不错，构图清晰，结构明朗，这个美女怎么入镜了？传说中的背影杀手啊！那也保存下来吧，和后面的景色实在太搭了。这张照片构图不错，但色调不太好，用美图秀秀p吧。给我的旅行写一篇游记已经成为一种习惯，我的旅行笔记文件夹中已经有十几篇文章啦，真是一种自豪，以后可以向我的孙子炫耀当年的青葱岁月啦。只是今天有点累，在外面跑了一天，想躺床上写，可惜没有什么好

33、的手机游记APP，和我用QQ空间日志写没什么区别嘛，还是一样的排版方式，一样的一条条输入。如果能把我的行程自动排序生成一部分游记那该多好，省的再回忆了，哎，还是继续写吧。通过对上面几个生活片段的分析，能够清晰地找出徐先生对手机游记的诉求。片段一：希望同城能共游。由此看出徐先生对于相同爱好人士的结交之意。片段二：一条条输入旅游行程。游记编写流程繁琐，没有简便的方式自动生成。由此看出编写游记流程的繁琐影响了用户体验满意度。片段三：对图片色调不满意，用美图秀秀p图。由此看出徐先生对于照片质量是有追求的。片段四：游记展现方式单一，和用QQ空间日志没区别。由此看出徐先生对于游记展示的个性化需求。3.3

34、专家访谈为了更加全面的了解年轻用户心理并设计出更完善的产品，我们找到了学校的一位老教授进行了访谈。下面是这位教授的观点的整理内容。该项研究主攻年轻人对旅行的个性化需求，在很大程度上会引领着潮流。作为评测的我来说很期待该项设计的问世。我们现有的APP中，大多功能、交互都大同小异，对于个性化的设计并不多，该项设计以全新的视角发掘年轻人的旅游市场，观点新颖独特。该组的研究成员对待项目态度严谨，在用户需求分析时，对于方案不断的进行完善和论证，用客观的视角进行用户研究和方案的构思。3.4 竞争产品分析在移动手机爆炸的时代，移动产品的竞争更是如火如荼，同行业同类型的产品，究竟怎么做出想法和创意，在哪些方面

35、的优点可以汲取精华，哪些方面的风险可以提前规避，哪些方面的不足需要进行补充。竞争产品分析就是通过对相关产品的使用研究，分析出这些问题，并综合运用到自己的产品上21。本次竞品分析，我们选择了四款APP进行了比对分析，整理如下表3-3。表3-3 竞品分析表产品功能分析特色功能优点缺点蝉游记旅行记账本：可以记录旅行过程中的花销；画卷游记：很漂亮的游记展现方式。游记展现的方式别致；记录游记的方式多样。手机操作流程过于复杂；游记数量较少，不能满足多种需求。在路上团队游记模式：可以和一起玩的人共同编辑游记；积分得称号：鼓励用户使用APP，增加用户粘度。游记较多；定期举办有奖活动。操作起来略卡；编辑游记略复

36、杂。去哪儿照片智能分组：自动把照片按照景点和时间分组；视觉界面新颖，WIN8风格。照片整理的功能很好；定期举办有奖活动；发游记的流程简单明了。社交功能较弱对于没打开拍照定位功能的，就不能进行智能整理。面包旅行轨迹推荐：记录用户行程轨迹；视觉界面不错。能很详细的记录旅行：可以记录行程航班号、地图路线；当自己的路线自动在地图上画出来后，成就感很强；同时还能收集各旅行地的国旗；旅行中使用耗电；操作复杂，不易找到隐藏的功能；总是推送消息。对竞争产品的分析比对，对现有产品的优劣总结如下：1）强调企业目标忽视移动端APP的特殊性。现在大多移动旅游类APP只专注于打造品牌知名度和提升顾客忠诚度。然而，企业在

37、开发新产品时需要兼顾到企业自身的形象和发展，就会在原有网站的基础上，针对移动设备开发的wap端和原生移动 APP，使得在规划设计的开始就有很多限制，很难有突破，忽略了用户使用APP的体验，导致APP界面不友好、交互不流畅等问题，使原本的手机旅行体验该有的便捷性和简易性大打折扣。2）追求视觉感受，忽略用户体验。一味追求产品的迭代速度和视觉表现，对于用户的使用体验视而不见，不能很好的为用户着想，做出以用户为中心的产品，使得操作流程复杂，某些功能隐藏层级太深22。3）产品无特色引发价格战产品功能大同小异，没有特色，导致同质化程度越来越高，价格战成为最简单的竞争方式。商家不把资金投入到用户需求研究、操

38、作流程优化、界面升级美化方面，而选择以奖励的力度作为吸引用户、增加用户黏度的方法，必然会导致APP的恶性循环，使得服务品质下降23。综上所述，针对现有产品所产生的问题，我们应该切实的做到以青年旅行爱好者为目标群体，综合考虑青年用户的需求，加强人机交互，重视用户体验，做到真正的安心出游、个性分享。3.5 产品目标产品目标就是开发者对于产品完成后期望，能达到什么样的用户反应和商业目标。产品目标的制定是整个产品规划中的标杆，所有工作都是为了完成这一目标而制定。这个目标不能太过简单，无法为用户提供切实的帮助，也不能好高骛远，导致产品开发不能如期完成，影响项目进程，所以产品目标也是衡量最终产品好坏的重要

39、标准之一。一般产品目标分为三个部分：商业目标、用户目标和成功标准。1）商业目标在APP爆炸发展的当今，真正能够帮助青年用户的产品展现个性、发挥创造的却很少，所以制定一款切实帮助年轻人旅行爱好者展现自我的软件成为我们的产品目标。完成这个目标的同时，能够在消费者心目中建立起良好的品牌形象，迅速占领市场。而作为旅游类的移动软件，实现盈利也尤为重要。软件中的自动排序功能可以增加用户在预订团购中的使用频率，增加用户黏度24。2）用户目标用户目标是在综合了用户需求和市场调研后包括的短期目标和长期目标。制定的短期目标如下：良好的用户体验和营销策划吸引用户使用；图片的处理和个性化呈现方式鼓励用户分享游记，宣传

40、漫游记；通过漫友分享的个性化游记，吸引潜在用户。制定的长期目标如下：经常上APP欣赏他人的漫游经历，为漫友点赞评论；自由行或跟团游时首先想到漫游记；建立完善的积分荣誉制度，为忠实的漫友增添荣誉。3）成功标准手机游记APP的成功与否，在于用户体验，是否能够真正符合年轻人的心理和需求，首先要有个性和前瞻性，即使是未接触过游记的年轻人也能够很好的使用。第四章 产品设计4.1 设计定位我们将目标用户群体定义为20-35岁的青年群体，并且通过调研分析找到了用户需求点，同时通过竞品分析，了解同类产品的优缺点，从而在自己的产品中取长补短。4.1.1 产品理念现代社会竞争压力大，年轻人喜欢通过出去走走看看来舒

41、缓心中郁结，而年轻人热血、活力的特点也造就他们热爱个性、自由的表达。产品取名为“漫游记”，寓意在广阔天地间漫漫行走。漫游记通过GPS定位和大数据技术的结合，旨在为年轻旅行爱好者提供一个交流共进、个性分享的平台。我们的设计遵循一下几点简洁易用的设计理念：1） 简洁。简洁就是指设计应该容易理解，便于使用。简洁这一原则贯穿了整个设计史，各个时期的繁华修饰过后都会重归质朴与自然。然而真正的简洁并非易事，是在经历过浮华沧桑后凝炼，是了解不同人们生活、文化差异后的返璞归真。这需要我们真实从用户角度出发，多接触用户，多听取用户意见25。2） 可见性。指用户能够清晰感受到产品的使用方向，并能够流畅的做出相应的

42、操作，给出相应的反馈。比如用户需要进行个人中心的设定时，能够主动并较为快速的完成此项操作，不会因为找不到需要的按钮而放弃这款产品，或造成不良的反馈。3）一致性。要结合用户对现实世界的认知，使界面的透视、配色等方案整体保持一致，符合用户的日常认知26。4.1.2 功能设计通过上面的产品设计理念，针对于年轻用户的痛点和现有市场的短板，对现有功能进行了归纳整理，结果见表4-2。现状分析功能需求星级（1-5）用户痛点市场短板界面没有特点，没有视觉重点；无界面个性化3展现游记方式单一无多样化展现方式4用户分享游记偏少无建设性意见数量多、风格多的各地游记2手机端与PC端操作不统一过于注重PC端增强软件兼容

43、性1操作太过复杂操作复杂，层级过多简化操作流程5表4-2 功能分析总结上面的问题及功能，绘制的功能菜单树，如图4-1。图4-1 漫游记的功能树菜单由图可以看出，可将漫游记分为了五大块：发现、漫友、添加记录、消息、我的。五大功能相辅相成，共同完成任务。4.1.3 商业模式设计漫游记主要针对20到35岁的年轻人群体，旨在为年轻旅行爱好者提供一个交流共进、个性分享的平台。1）合作对象各大团购预订类网站。漫游记针对喜爱自由行的用户推出的根据团购内容的使用时间自动排序，需要导入商家的团购信息，也是增加了团购商家的盈利，实现共赢。各大旅游类网站。漫游记针对跟团游用户推出的根据跟团的行程安排直接导入游记的方

44、式，需要导入所订跟团游的路线，实现游记编辑的简洁化。2）关键业务漫游记关注年轻人的个性发展和情感宣泄。因此，我们的业务主要覆盖在以下几方面：添加记录。根据团购内容的使用时间或跟团游的行程安排自动排序；图片处理。对照片进行裁切、色调处理；个性展示。为广大漫友提供与众不同的游记展示方式；积分荣誉。鼓励漫友描述、分享自己的游历体验。3）成本说明APP的开发与更迭。互联网的成本就是人力成本，需要大量的专业人员共同协作完成，人与人之间的沟通时间成本、人才的费用是相当大的一部分支出。营销推广。推广渠道所需要广告费用和实物制作费用。平台管理费用。后期对于APP程序的维护也需要大量人力，以保证程序的正常运行。

45、4）收入说明团购、旅游类网站的宣传。旅游、团购类网站在漫游记宣传自己网站需要一定的费用。流量导入后的广告植入。流量即金钱，在用户量大了之后，在此平台做广告需要一定的费用。4.2 信息架构设计手机移动端的设计更需要遵循简洁的原则，信息架构设计样式有很多，包括层级式、辐射式、标签视图等27。遵循简易原则，绘制了信息架构图，如图4-2。图4-2 漫游记的信息架构图4.3 任务分析操作流程图是整个APP操作的先后逻辑表示图。操作流程图能够更加直观的显示操作的步骤，从而在操作的过程中发现潜在的问题与不足，有利于在规划过程中规避一些可见的风险。先手绘出总体流程图，如图4-3；再用Axure绘制主要部分的操

46、作流程图，如图4-4所示。图4-3 手绘流程图图4-4 漫游记的操作流程图4.4 低保真原型设计这种原型设计是将设计理念和设计意图通过线框图的方式表达，让用户可以通过看得见、摸得着的操作来对产品进行测试和评估。由于原型的可视性、可触摸性和可操作性，使得原型的评估更加公正合理，是交互设计中的重要一环28。先采用手绘的形式进行总体流程的绘制，方便大家交流修改，也减少因为后期不合理而更改所花的时间、劳力成本。如图4-5。图4-5 手绘流程图用Axure绘制线框图需要遵循的原则：1）不用过多细节。线框图主要表现的交互的流程和操作的步骤，不用太过苛求细节，也尽量避免显示出视觉设计的表现方式，影响后期视觉

47、的创造。2）清楚表现重要信息。将重要信息放在显眼的位置，次要信息进行简化和整合，明确主次关系。围绕以上两点，对功能进行整合分析，绘制线框图。1）初始页面。采取底部导航的方式，将各大功能分配在界面底部，最小程度的影响用户观看游记的视觉体验，默认进入页面为发现，推荐最高人气的漫友游记。如图4-6 图4-6 首页 图4-7 发现2）发现。点击喜欢的游记进入游记详情，可以收藏、评论、分享和下载漫友的游记，如果对漫友感兴趣，可以点击用户头像，详细了解漫友。见图4-73）漫友。点击漫友可以查看关注好友最近的动态，点击右上角可以添加新的漫友。见图4-8 图4-8 漫友 图4-9 消息4） 消息。可以查看收藏

48、、评论、关注、私信、系统通知。见图4-95） 添加记录。点击底部的加号添加记录，选择自助游或跟团游，根据自助游时使用团购的时间顺序或跟团游的行程路线自动生成游记序列；勾选自己需要的部分，填写基本信息，即可生成游记。见图4-10 图4-10 添加记录6）游记的编辑。点击添加记录，通过照片、文字、语音记录自己的感受、心情；点击游记设置，可以改写游记的基本信息；点击选择模式，改变游记的展示方式。见图4-11图4-11 游记的编辑6）我的。点击我的，进入我的专属页面，展示自己的积分和荣誉，将去过和想去的地方均标注出来；点击右上角，可以进行设置。见图4-12图4-12 我的4.5 交互流程设计此流程设计

49、是操作流程图的原型呈现，漫游记本的设计流程图,如下图4-13。图4-13 漫游记的交互流程图4.6 详细场景交互设计1）发现。默认进入页面为发现，推荐最高人气的漫友游记，同时可以点击喜欢的游记进入游记详情，可以收藏、评论、分享和下载漫友的游记，如果对漫友感兴趣，可以点击用户头像，详细了解漫友。如图4-14 图4-142）漫友。及时关注漫友动态，不错过漫友的精彩分享，也可以添加新的漫友。见图4-15 图4-153）添加记录。点击底部的加号添加记录，选择自助游或跟团游，根据自助游时使用团购的时间顺序或跟团游的行程路线自动生成游记序列；勾选自己需要的部分，填写基本信息，即可生成游记。见图4-16 图

50、4-16 添加记录4）消息。可以查看收藏、评论、关注、私信、系统通知。见图4-17图4-17 消息 5）我的。点击我的，进入专属页面，展示自己的积分和荣誉，将去过和想去的地方均标注出来；点击右上角，可以进行设置。见图4-18图4-18 我的4.7 视觉设计视觉设计是在原型的基础上利用色彩和图形进行的美化处理，是最终产品的理想效果图。设计师通常利用情绪版的方法找寻设计的灵感。“情绪版是将用户体验通过视觉化的方式表达的过程”29。情绪版能够启发和引导设计师进行视觉设计，一般分为四个步骤：1）收集描述形容词。描述形容词是在前期调研的基础上，用文字的词语表达用户的心理感受，尽量准确并具有代表性。2）选择方式，情绪版的呈现方式多种多样，这里使用图片墙的方式完成。3）搜集素材，进行归纳整理。根据收集到的描述形容词搜索素材，并制作成型。4）展示。分析感受情绪版的调性，提炼出基本元素，包括整体色彩、布局、字体等。最终绘制了年轻旅行爱好者的情绪版，如图4-19。图4-19 漫游记的情绪版软件名称为“漫游记”，寓意在广阔天地间漫漫行走，旨在为年轻旅行爱好者提供一个交流共进、个性分享的平台。针对主题，运用浓缩后的元素进行了软件图标的设计，体现了当代竞争压力大的年轻人渴望漫游的心态。如图4-20图4-20 图标设计通过迭代产品进行不断的完善，绘制出APP的视觉界面。实时测量的功