开源字体的用法(澎湃TPUX首发澎湃填字)

澎湃新闻UX设计师 宋一宁

今天是六一国际儿童节,也是上海进入全面恢复正常生产生活秩序阶段的首日。无论接受疫情考验的人们需要多么坚强,我们也需要够柔软、够有趣、够创意,足够游戏人生。

在这具有特殊意义的一天,澎湃新闻UX用户体验团队“TPUX”(The Paper UX),将跟大家分享澎湃新闻第一款小游戏“澎湃填字”的创意思考与实战经验。

序言

2022年元旦,澎湃推出一款移动端小游戏“澎湃填字”,本文从需求背景、定位及功能、视觉风格、交互与用户体验四个方面来讲述“澎湃填字”这一项目如何打造的。

Part1. 需求背景

作为一款以原创新闻为主的全媒体新闻资讯平台,澎湃并没有局限于通过文字来吸引用户,而是想到了通过游戏化结合内容的形式,探索多元发展的可能性,以此来促进用户活跃,留存,增长。

项目团队将填字游戏划分为两期来开发,一期为产品MVP版本(Minimum Viable Product,最小可行产品)。跑通参加游戏和游戏激励等这些核心流程,是这一版本的关键,重点验证澎湃用户是否对游戏化的场景感兴趣。二期则为用户体验优化版本,在一期的基础上我们收获了很多宝贵的用户反馈,正是因为如此我们才能够针对这些反馈对产品进行优化。其中反馈最多的两点为——希望能游玩历史关卡游玩,以及能够在某一区域进行答案交流,这两点也是我们二期优化的重点。这也使得用户留存、使用时长及游戏的社交互动性明显改观,也能及时让运营编辑第一时间获得用户需求及建议。

开源字体的用法(澎湃TPUX首发澎湃填字)(1)

“澎湃填字”入口—首页—要闻频道—推荐区下方

Part2. 产品定位及功能

填字游戏是从纸媒时代就有的一种益智类小游戏。单词迷宫的历史最早可以追溯到公元一世纪的庞贝城。而纵横字谜游戏则最早出现在1913年12月21日的《纽约世界》上。1924年Simon & Schuster出版公司出版了该类游戏的第一本书籍,填字游戏从此得到了爆炸性的发展。

在中国纸媒流行的年代,中文填字同样掀起了一个追捧热潮。在互联网并不发达的年代,报纸上的填字游戏为读者提供了一种知识性的休闲娱乐方式,它能够在阅读的过程中启发读者的思维,锻炼读者的思考能力。这一娱乐形式产生的影响就促成了填字游戏飞速的发展——几乎每份报纸都会有一个填字游戏专栏。

开源字体的用法(澎湃TPUX首发澎湃填字)(2)

纸媒上的填字游戏风靡全球

开源字体的用法(澎湃TPUX首发澎湃填字)(3)

那么如何延续时代的生命力,让如此有正向作用的游戏,在数字媒体时代发挥价值?外媒开发数字填字游戏早已有之,进入21世纪后《纽约时报》就将报纸填字游戏开发为网页、手机端的数字填字游戏。截至2021年底,《纽约时报》游戏付费订阅用户已达百万,而订阅填字游戏(Crosswords)的用户已近40万,是人气第二高的订阅业务。与此同时,在中国,媒体布局数字游戏还处于萌芽阶段,澎湃由此开始思考打造一款跨屏转型的互动填字游戏。

开源字体的用法(澎湃TPUX首发澎湃填字)(4)

crosswords已成为《纽约时报》一大订阅收费来源

考虑到填字游戏是一款更偏向于教育类的游戏,所以需要在做到教育性和游戏性的同时,兼顾有趣、协调以及竞技性。这就意味着我们在设计界面时需要确保简单有趣的同时具备游戏本身应有的紧迫感。内容方面,结合新闻、文化属性,一类题目主要紧跟新闻热点,另一类题目以思想文化类知识点为主。同时也要强化游戏的社交属性,如定制成绩单,以裂变式传播,形成玩家圈扩散式的传播和分享,建立社群用户的认同感。

Part3. 产品视觉风格

一款小游戏是由很多个逻辑相通的界面组成的,这些页面之间有着很强的关联,在视觉风格上必须统一。不仅如此,版式设计依旧适用于电子设备也影响到产品的交互。

开源字体的用法(澎湃TPUX首发澎湃填字)(5)

“澎湃填字”宣传海报延续了游戏设计风格

开源字体的用法(澎湃TPUX首发澎湃填字)(6)

“澎湃填字”宣传海报与界面的统一性

开源字体的用法(澎湃TPUX首发澎湃填字)(7)

“澎湃填字”游戏封面

开源字体的用法(澎湃TPUX首发澎湃填字)(8)

“澎湃填字”主要操作界面

开源字体的用法(澎湃TPUX首发澎湃填字)(9)

“澎湃填字”操作弹窗的视觉整体性

想要帮助玩家在游戏当中进入沉浸感,就需要游戏的体验可以唤起玩家的情感共鸣。所以我们最终把思路落定在重点强调填字游戏的历史感这一方向,在此基础上发展与延伸。并且选择延续东方早报以来的调性,界面选用报纸的肌理,借鉴报纸有序的排版方式。在大体风格确定后,我们继续完善了设计上的细节,在传统的报纸元素中添加了一些蒸汽波的元素,带着时代的情怀,又体现出复古朋克的感觉。这样一来,视觉创新产生陌生感,同时是对这一经典游戏的致敬。

“澎湃填字”实战设计思路与方法,分为两篇。本文分享至此,下一期我们继续,感谢关注,敬请期待。

责任编辑:赵冠群

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页