《基于H5的交互应用案例分析》
调研报告
一、引言
新媒体是指当下任何产品都可作为媒介的环境，简单说：新媒体就是一种环境。它包括了所有数字化的媒体形式。包括数字化的传统媒体、网络媒体、移动端媒体、数字报刊杂志、数字电视等。新媒体亦是一个宽泛的概念，利用数字技术与网络技术，通过互联网、宽带局域网、无线通信网、卫星等渠道，以及电脑、手机、数字电视机等终端，向用户提供信息和娱乐服务的传播形态。严格地说，新媒体应该称为数字化新媒体。而超媒体集合了新媒体的特点，却能通过“非线性”将所有已知媒体形式进行解刨分解，再将其整合形成一个全新的个体。超媒体具有多样性的人机交互、多种媒介的融合、互联网领域的无线传播的特征。90 年代至今 ，随着消费者个性化的需求日益突出 ，网络平台企业为争夺顾客 ，积累访问量 ，企业之间的竞争中心转化为以顾客为中心，强调顾客需求 、用户体验（Lauteborn，1990）。用户体验首先由 Norman 提出 ，指出成功的用户体验首先必须做到能够满足顾客的需求；其次 ，他强调顾客愉悦地拥有产品；此外如果能带来惊喜则更优。新奇性、统一性、艺术性、
可操作性等都会影响用户体验，用户体验已经成为网络经济中新的研究热点。而当前大多数设计以及产品广告视频已经趋向同质性，缺乏新意以及吸引点，所以有了互动广告的出现。现如今，人们越来越喜爱用移动产品进行交流互动，其中则占了主要的地位。手机智能开放平台正式启动，从一个通讯工具变成营销工具并且逐渐演变成一个庞大的生态系统，集社交、商业、娱乐为一体。自 2008 年 HTML5诞生以来已经过去了 10 年的时间，作为新一代的网页标准，它自问世以来就受到各个层面的强烈关注，也引起了许多争议。而交互式广告随着 HTML5 的发展逐渐出现在人们的视野之中，交互式广告（interactive advertisement）是指任何能让用户被允许或者自行做出互动的广告，是由产品设计者利用可即时参与和修改的、可以包括执行交易和支付功能的数字交互媒介，促使使用者对其所传递的产品信息、用户服务或观点进行反馈，从而增加产品销售和品牌资产的双向循环交流行为。主流移动浏览器的支持让 HTML5 的平台更加普及，同时对 HTML5 的良好支持也让这些浏览器获得了更多用户的选择，这样同时使交互式广告更普遍的进入到我们的生活。不知不觉中，HTML5 正在大量进入我们的实际生活。这种方式，正是很好的适应了新媒体时代的互利化。其中一种应用方式是传统桌面网站的移动化，例如百度地图 WAP 版就使用了地理定位 API 和大量 HTML5 新特性，而在中，各种花式的 H5 交互程序更是赢得了大部
分用户的喜爱。比如网易的 H5 作品都能抓住用户对于分享的渴望需求以及情感体验，让用户参与到其中达到朋友圈刷屏的效果。。
在线制作h5页面二、调研简介
2.1调研背景
在数字媒体环境下，随着电子阅读器的日趋流行以及智能手机和电脑的普及，数字阅读己经融入了越来越多人的生活中。数字化阅读方式（网络在线阅读、手机阅读、电子阅读器阅读、光盘阅读、PDA/MP4/MP5阅读等）的接触率及成年国民人均阅读电子书数量近年来有了极大的提升。亚马逊发布的读书习惯调查报告显示，数字阅读渐成趋势，超过7成的受访者表示会尝试阅读更多的电子书，有29%的调查者表示＂购买越来越来的电子书。＂和阅读也是内容最多的正版图书汇聚平台，覆盖手机WAP、客户端、电子书、电脑等载体，手机号码动手机阅读确立了行业市场的领先地位，手机阅读CMWAP流量占比始终处于第一名，得益于其不断追求提升用户体验。
《2020年度中国数字阅读报告》指出，2020年中国数字阅读产业规模达351.6亿，增长率达
21.8%。数字阅读用户规模达到4.94亿，增长率5.56%。儿童也成为阅读的重要用户，2020年儿童数字阅读付费增长56.5%，日均数字阅读时长29分钟，每晚20-22点是儿童数字阅读的高峰。同时，由于疫情的爆发与5G商用的普及，进一步加速了阅读从数字化向数智化转型，数字阅读在科技发展驱动下逐渐向沉浸式延伸。
2.2调研时间
调研时间主要为2021年6月—8月
2.3调研内容
本报告根据相关理论依据，结合具体 H5 数字阅读产品进行分析研究。主要从书籍资料、实际案例、社会调查、具体实践四个方面入手，进行归类讨论，从而分析并总结出H5 数字阅读交互设计的具体框架。
文献研究法：对于各种关于用户体验设计、信息设计、H5 数字阅读设计、交互设计、超媒体以及体验经济相关文献资料进行理论研究，出与课题相关的理论依据。
问卷调查法：针对 H5 数字阅读在人们生活中的方式、特点、主题、内容等方向设计问卷进行调研。将调研数据进行统计分析来支持相关理论。
案例分析法：通过研究阅读、樊登读书、H5交互漫画、H5交互广告、H5交互小游戏等成功的H5 数字阅读产品进行逐一分析，并将案例进行归类。通过分析不同种类的 H5 数字阅读，研究交互设计的不同运用方式。
实证研究法：通过在 H5 设计课程中的实际制作，对于 H5 数字阅读产生基本的理解与看法，针对实际操作进行研究与探讨。
2.4调研意义
自＂全民阅读＂活动开展以来，数字阅读平台的建设在商业应用领域和公共服务领域都取得了一定的成果，为用户提供了大量的数字阅读资料和渠道，良好的阅读体验有利于增加用户粘性、加强用户持续使用意愿，推动全面阅读的进程，而现有研究多数集中于阅读表现和软件设计方面。因此探索数字阅读平台的用户体验的水平，分析影响用户体验的因素具有重要的理论意义和实际意义。
（1）理论意义：梳理国内外对数字阅读平台的相关研究，对其内涵和外延进行界定，有利于为今后的相关研究提供支持。此外研究H5技术接受模型为基础，引入需求理论、信息构建理论的相关变量构建数字阅读平台的用户体验模型，扩展了模型和理论的适用范围，同时丰富了数字阅读平台用户体验的实证研究。
（2）实际意义：对数字阅读平台的用户体验研究的实际意义主要体现在优化交互设计，増加商业价值和促进平台的持续发展几个方面。首先用户体验的影响要素能够指导数字阅读平台的设计，平台根据不同因素的影响关系（正向负向）、影响程度（显著程度）对相关要素的实施进行提高与改进，能更有效地提高用户体验水平。
三、分析H5产品
3.1 H5交互产品概述
H5是HTML5的简称，全称名为HyperTextMark-upLanguage，H5是指利用HTML5的编码技术来实现网页制作，特指运营在移动端某一种交互动态页面。就目前国内H5发展而言，H5主要在上流传，通过中的功能，能够使用户快速的打开H5程序网页，
通过其提供的搜索引擎整理，对移动端的使用起到促进作用。较多的H5都是用于移动端应用前台，这也使Web页面不易携带的问题得到改善，从而增加了其的用户体验感，其页面包括图纹、动效、音效等多种互动表现形式，一般用于活动推广、品牌宣传、产品互动和活动总结等。形式也具有多元化，例如游戏、视频互动、调查问答等类型。从2014年H5的初露锋芒到2019年的逐渐普及，H5在交互领域的发展虽然还不够成熟，但是传统的交互模式又无法满足不断扩张的设计产业链，同时移动端H5游戏的交互体感模式也因其自身的低成本与高效率在各个新兴产业中成为了移动端传媒的主要手段，并且有着超越传统平面媒体互动形式的趋势。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。