测测你的奥运角色H5:腾讯新闻陪你一起看东京奥运会

原创 3 收藏 评论
举报 2021-08-02

近日,随着2020东京奥运会的正式拉开序幕,各项奥运项目也都陆续展开紧张刺激的比赛环节。在这个国际大热点下,腾讯新闻的一款趣味产品在朋友圈掀起了一股五颜六色的运动浪潮。有不少人说,“要不是这些海报,我还不知道有这么多运动项目,涨知识了!”。

这款奥运H5的策划思路是,希望能够从视觉、交互、题目玩法、文案上让每一名在电视机前观看奥运比赛的用户产生代入感,尤其是进入H5后,能够从获得一张“奥运门票”开始沉浸在前往东京的旅途中,跟随题目和趣味奥运小游戏的流程,找到自己的“奥运角色”,为奥运加油。尤其是在疫情之前,大家无法前往东京参加观看奥运会的现实因素下,为用户模拟了参与场景,燃起用户的奥运热情。

IMG_7474.JPG

整个互动以东京之旅的故事线贯穿整个测试,以热血漫画绘本式分镜镜头推进剧情,通过互动和模拟情景交替进行的方式,引导用户参与互动。看似趣味的测试逻辑背后其实也经过了严密的设计,策划者参考了东京奥运会官方对各项运动的能力项介绍,对27个运动项目进行了标签处理,在测试互动中采用技巧、体能、智力、心理、反应力五个维度量化用户的核心运动能力,根据用户答题和玩游戏的分数来匹配对应的奥运会运动项目,最终用户将得到一张个性化、有情绪燃点的结果页分享海报。

IMG_7481.JPG

这款奥运H5的趣味玩法分为两个部分:情景选择题和互动游戏题。H5全程将用户作为第一视角,展现了“我”将要前往东京参加奥运会路途中出现的不同情景,包括在飞机上选择不同类型的窗外景色,来到东京后选择游玩的日本著名景点,口渴了选择哪一款自动贩卖机里的饮料...情节真实有连贯性,作为用户有着极强的交互体验和代入感,并体现了樱花火炬、奥运主会场等奥运元素,激发了用户的认同感和分享欲。视觉上,选用了红,蓝,黄,绿为主的颜色搭配,一方面和奥运五环色彩对应,且色彩鲜艳,明亮也和运动主题相搭配。H5使用了许多日本相关的元素,如樱花、秋日祭、东京街道……交互上,每一个页面转场之间像翻动日本漫画书一般,伴随用户的手势滑动,转场动画设计得很有仪式感,同时在各场景的音效上也做了细节设计,让用户更有代入感。

因为H5的交互时间较长,对于习惯了碎片化获取信息的用户来说,良好的交互体验成为增强用户粘性、维持用户注意力、提高交互完成率从而到达分享环节的必备条件。这款H5 UI从页面设计上非常用心,采用日本漫画的经典手绘,风格简约清新。路途中的景点,地点,语言也都贴近日本真实情况。在交互上采用长按快滑的方式,为用户提供更好的体验。

IMG_7475.JPG

最后生成的奥运角色海报也十分有趣,文案个性十足且贴近用户想被“夸夸”的心理,分为三部分:“运动角色”“我的行事风格”“我的本质属性”,每张海报用一句slogan来描述自己的属性,例如“逆境中的冒险家”“隐藏的能力者”,每一条文案都经过策划团队的反复测试打磨。此次一共准备了27个不同奥运比赛的项目,全部做了男女两版设计,并且根据用户选项可能有几百种不同文案的排列组合。一方面让用户在看到结果页的人格天赋时不仅止于认同文字的描述,更能感受到情感上与奥运会的共鸣,有了自我展示的机会,也能够让更多的人了解到奥运会的不同项目,了解不同运动员需要的天赋和能力:比如敏捷力,速度感和精准度,让每个用户能够融入东京奥运会。

WechatIMG1131.jpeg

(扫码参与H5)

2021东京奥运会举行之际,腾讯新闻矮地鹅工作室出品的这款奥运H5给用户带来了不同的奥运参与体验。作为一个聚焦创意idea的工作室,矮地鹅将持续给大家带来新鲜好玩的内容。

最后,不如你也来测测是什么运动员吧!我们朋友圈见!

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)

    作者
    腾讯新闻

    腾讯新闻

    北京 海淀区

    西北旺东路10号院西区9号楼

    行业:互联网

    官网:https://newsapp.qq.com