摘要：当前移动端游记应用层出不穷，同质化严重。如何完成高质量游记内容，提升浏览者阅读体验，同时推动游记平台的品牌知名度，是当前游记市场所面临的考验。基于沉浸式理论来探究移动端游记分享内容页设计策略，设计出更加个性化、体验良好的内容页。通过阐述沉浸式体验在移动界面中的设计原则，罗列现有移动端游记产品的游记形式，从中分析沉浸式方法的表现形式，最后提出沉浸式体验在游记内容页中的设计策略。最终从交互思维、视觉排版、用户体验、品牌传播等方面，提出了4个设计策略，即丰富视听增强情境感、注重页面的版面设计、讲故事引起情感共鸣、刺激用户分享传播。
关键词：沉浸式体验,游记应用,分享内容页,设计策略
引言
移动新媒体时代，人们获取、分享信息的方式不仅仅局限在网页端，而是可以通过移动智能设备随时随进行信息交换和输入输出，用户也从被动的角色渐渐转变为积极的传播者。游记应用的出现，使得更多旅游者开始利用移动设备分享旅游经历和攻略。游记应用的即时性、高效性和易传播性的特点，让用户在碎片化时间也能快速整理旅途中照片、视频和心得，并能一键生成游记，同时还能上传游记应用或分享到第三方社交平台。
由于分享后的游记页面属于长图文形式，信息框架窄而浅，内容丰富，所以易于聚焦化研究。因此，本文主要着眼于分享后的游记内容页。而基于沉浸式体验理论研究分享内容页，能更好地让用户沉浸内容之中，带来更高层次的浏览体验和愉悦感，从而提升页面的用户体验。
Csikszentmihalyi认为，沉浸是一种快乐和自我享受的心理状态和暂时性的主观体验，并且沉浸体验存在于人类生活的各各范畴中[1]，如阅读、科研、听音乐、发明等过程，对共享知识的态度和网络社会行为起正向引导作用[2]。所以，在此过程中，沉浸式体验的支持起着不容小觑的作用。
一、沉浸式体验在移动界面中的设计法则
沉浸就是让人专注在当前的目标情境下感到愉悦和满足，而忘记真实世界的情境。沉浸式体验除了包含人的感官体验，也包含认知体验[3]。感官体验是由于器官受到外界刺激形成的直觉反应，且不自觉地沉浸其中。但仅利用感官刺激很难达到心流状态，需要认知体验共同完成。认知体验就是用户的任务要匹配用户的一个心里预期，且符合心智模型易于理解认知。让页面的提示和线索变成可感知化，从而更准确高效地学习，提升用户的使用沉浸感和流畅感，促进心流的产生[4]。下面通过四个设计法则阐述沉浸式体验在APP案列中的应用，了解现有沉浸式界面理论的表达方式。
(一)用叙事性法则吸引你的“观众”：
叙事法是新媒体广告重要的营销策略，但同样也可以应用到移动端页面之中。利用场景、角色、氛围、情节、节律的方式让观众融入故事本身，这也是叙事表达的基本手法。例如，WALKUP是一款计步数+游戏化的地图旅行模式的运动健身运动软件。平台构建了一个虚拟的旅游地图，用户每天需要依靠运动的“步数”积攒能量解锁各个国家，这个以环游世界为背景的故事线，很容易将用户带入角色之中，形成互动进而产生用户黏性。
(二)用沉浸法则煽动“观众”情绪：
沉浸式体验的目的在于“尽量排除用户关注的所有干扰，抓住用户注意力，并执行其预期的行为”[5]这一说法，就是让用户排除一切视觉干扰，沉浸于界面场景，感受产品传达的调性。微信的漂流瓶界面是具有代表性的沉浸式界面，采用纯净模式，隐藏了顶部的导航栏和状态栏，并且通过手绘形式营造海洋漂流传递祝福的场景，模拟了捞瓶子和扔瓶子互动行为，沉浸式地完成了信息的沟通。
(三)用一致性法则打造完整的演出：
如何让用户欣赏一场完整的演出，并且不出戏呢?就是做到界面的一致性：设计目标的一致性、元素外观的一致性及交互行为的一致性。例如，支付宝主界面，在元素应用上，不管是Tab入口，还是功能入口，都采用线性图标，形成一致语言元素;在颜色上，主界面或子界面都保持蓝色的主色调，目的使用户形成统一的品牌认知和调性;在交互行为上，主界面相似功能的入口都会按模块划分，进而让用户保持操作的一致性。
二、沉浸式体验在现有游记产品中的运用与表达
(一)以时间轴为主的图文游记(氢气球旅游为代表)：
“氢气球旅行”(如图1)为代表的游记应用主要提供图文为主的游记制作，以时间轴的形式贯穿整个游记故事线。改变了以往游记传统的“图片+长文本”的固有形式，重构游记内容信息，并基于位置、时间、图片、文本完成了结构化数据的创建，从而简化了用户生产游记成本。(图1)的“氢气球旅行”内容页为了给用户第一眼呈现精美的风景，给予视觉冲击，将第三方的下载按钮置于页面底部位置变为浮层按钮，这样既不影响页面浏览，同时还能触发用户即时下载。从页面布局排版来看，将每个旅游景点详情内容隐藏起来只罗列标题，需要查看时只需点看标题即可展开。这种交互形式，既可以节约空间，又清晰罗列了景点，使页面整体直观简洁，但缺陷是无法第一时间发现兴趣点和有趣的风景点。
(二)基于LBS的地图轨迹的游记(面包旅行为代表)：
(如图2)的“面包旅行”区别于其他游记不同之处在于利用LBS(LocationBasedService)地理定位技术，手机会利用轨迹追踪技术自动给照片加上位置标签和时间点，即可快速地生成一篇完整的游记，减少了手动输入拍摄点操作成本。如今，LBS地理轨迹技术的日渐成熟使得游记平台越来越有竞争力，有效记录用户的旅游兴趣点，同时还会清晰地展示旅游流，如同站在旅游者的视角亲身体验一场非凡之旅。故以技术型驱动不断做出差异化的产品才能持续提升用户留存率，激发兴趣点。
(三)视频、影集为主的游记(以Totoo为代表)：
印象中，大多游记都是图文结合体的形式，虽然浏览时也能让人领略到异域的别样风情，却始终无法给人一种强烈的冲击感和记忆点。“Totoo”游记(如图3)挖掘了一种新颖的记录形式，就是将照片整合成短视频的形式轮播呈现给用户，并且编辑视频时还能选择个性化的主题风格和动效。由于视频的关注度要高于平面二维视觉效果，利用动画创造临时聚焦点，能瞬间吸引用户目光，相当于指示用户应该把目光投向哪里[6]，达到意识集中。其次，旅游视频与普通游记记录方式不同的是，视频更新速度更频繁更为连续，密切了播主与用户的关系，大大降低了输入成本，无需过多的修饰与设计，便可快速产出。
三、基于沉浸式体验的游记内容页设计分析
沉浸体验是一种正向的、积极的影响，它能瞬间让你精力专注，心智凝神，是一种自我意识的丢失和自发性行为;更是一种高层次的精神满足和内在需求，从中人们能获得自我尊重和个人成长[2]。以下提出了沉浸式体验对于游记分享内容页的策略研究，目的是提升界面的用户体验和用户分享的主动性。
(一)丰富视听增强情境感：
沉浸式体验是用户利用感官潜心于某种思维活动或精神境界的一种心理状态[7]，即丰富感官生理系统可以充分调动用户情绪。人机界面中，对于感官的应用，大多还停留在视觉这个层面，而忽视了替他感官的信息传达。利用听觉带动视觉，达到高峰状态，形成记忆点。比如在听觉上，若加入音乐效果可大大丰富用户的视听享受。
游记内容页可以设置迎合旅游地风格的背景音乐，但考虑到用户使用场景的多样性，在加入背景音乐时，尽量避免生硬式插入，要循序渐进，由浅入深地感染用户。例如，纪念碑谷解谜类游戏应用，除了精美的画风、巧妙的关卡，游戏音效也同样出彩。在不同的游戏关卡都能听到风声、雨声、海浪声、琴弦声，空灵且富有层次感，很容易将玩家带入这个梦境之中。加上立体式韵律的音效，与建筑师构建的具有矛盾空间的几何建筑风格相得益彰，完成一场别具一格的视听盛宴。
(二)注重页面的版面设计：
移动端由于受到屏幕大小的限制，所以版式设计时要注意“主题元素居中突出”[8]，形式辅助内容，因为处于信息碎片化时代，用户不会在一个页面停留过多，所以浏览者要第一眼抓住页面核心内容。
其次利用多元化的构图模式：平行构图法、不对称构图、三角形构图法、S形构图并加以装饰性元素装点页面，但切记元素不要复杂，不然会大大降低页面的可读性，失去页面重点。整体页面布局要做到文字尽量多而不乱、有大有小;色彩有冷有暖、有明有暗;排版有疏有密;文案精悍短小且有新意。
最后放置高质量的游记照片，切记要选择清晰、饱和度高且构图精美的照片，除了风景照也可以加入有故事有情感的人物照，从而达到精美的视觉效果的同时，给页面带了故事情节，从而引发浏览者情感共鸣。
(三)讲故事引起情感共鸣：
现有游记大多人都是流水账式记录，枯燥乏味，无法激起用户对目的地的渴望。所以掌握正确的写作方法至关重要。
首先要有一定的可读性，轻松、简单和易懂的行文方式总会比晦涩、枯燥的文字更能带来阅读的享受。其次，引人入胜的标题，总能唤起用户的好奇心和欲望。最后可以善用利用叙事法营造画面感，一个擅长讲故事的人，会通过故事串联整个场景，使之产生画面感，如同在读者脑子里播放了一场旅行微电影。例如《面包旅行》中有一篇优质游记叫《没有海的澳洲，竟然更美》，具有很高的收藏量和转载量。单从标题中就能看出笔者的心思，激发好奇心，忍不住想点进去想看看究竟。游记中，笔者最先放置了剪辑后的旅游视频增加代入感，接着开头用了联想法吸引读者“这趟旅行的开始是因为一个栏目《燃游》和两部电影《澳洲乱世情》《沙漠驼影》……”。
一下子让读者产生共鸣，制造了话题的同时激发阅读的兴趣。
(四)刺激用户分享传播：
社交网络的互动性使得用户分享信息更易受到各种赞赏和评论，用户享受于点赞和评论带来巨大满足，产生认同感和成就感，并沉浸于分享内容之中，促使再次分享的意愿[9]。仅仅以图文方式是无法打动读者的心，试图制造新颖的交互方式，让读者参与其中，激励他们参与、评论、分享、转发，从而在传播者和受众者之间形成全程对话[10]。
例如，婚礼纪是一个婚礼服务平台，它能制作精美动态的婚礼请帖。分享给好友，既可以欣赏甜蜜的新人结婚照，还能发弹幕送祝福，同时还能送红包、送礼物。这个互动方式也可以应用到游记分享内容页，如用户可要求打赏旅游经费、装备或寄出明信片，将熟知的行为转换为网络交互行为，用户也从被动阅读变为主动操控，同时刺激内容广泛传播，但这种交互行为前提是在有限时间范围内做出积极的反馈，这样才能形成良好的互动体验。
结语
沉浸式体验涵盖的范围较广，本文仅从在线游记分享内容页的角度对沉浸式设计给予阐述，借此论述了沉浸式体验设计在游记内容页中的设计策略：丰富视听增强情境感、注重页面的版面设计、讲故事引起情感共鸣、刺激用户分享传播。由于本文研究范围较为局限，对其相关要素只做了定性论述，缺少相关定量的研究。后续将在探究用户行为和兴趣点影响因素基础上，通过搜集相关资料，对其用户体验及反馈度等方面做更深一步的定量研究。
参考文献
[1]WebsterJ，TrevinoKL，RyanL.Thedimensionalityandcorrelatesofflowinhumancomputerinteractions[J].ComputersinHumanBehavior，1993，9：411-426.
[2]GroveJR，LewisM.Hypnoticsusceptibilityandtheattainmentofflow-likestatesduringexercise[J].JournalofSport&ExercisePsychology，1996，18(4)：380-391.
[3]许俊恒.老年人的握力测量软件沉浸式界面设计[D].浙江大学，2016.
[4]龙娟娟.心流体验视角下的运动健身类App交互设计研究[J].装饰，2016(8)：138-139.
[5]郝慧明.基于沉浸式体验的学习类应用设计[J].北方文学：中，2015(6)：173-173.
[6]艾米丽·布歇.匠心体验智能手机与平板电脑的用户体验设计[M].北京：人民邮电出版社，2016.
[7]周乐.浅析网络沉浸式体验的特点及形成模式[J].当代电视，2010(12)：17-19.
[8]蔡丽杰.基于用户体验的微信H5界面设计研究[J].艺术与设计：理论版，2016(7)：54-56.
[9]顾东晓，孙建军，张悦，等.基于计划行为理论的用户链接分享研究[J].运筹与管理，2016，25(2)：173-179.
[10]谭坤，吕悦宁.基于微信平台的H5广告设计策略分析[J].包装工程，2016(20)：198-202.
[11]陈佳丽.中职网页设计与制作课程中培养“学生自主创意网页”的应用研究[J].设计，2017，30(9)：90-91.
[12]刘寒韵.移动端界面设计趋势研究[J].设计，2017，30(12)：158-160.
