彭湃TPUX首发：“彭湃填字”实战设计思路与方法（二）

“澎湃填字”实战设计思路与方法（一）讲述了澎湃填字需求背景、定位及功能、视觉风格，此篇我们以澎湃填字的首页和嬉戏界面为例，从交互与用户体验的角度来分享我们的设计思考。

Part 4.交互与用户体验

4.1 首页

在澎湃填字游戏的所有页面中，首页决定了基调和格调，它影响用户是否乐意点击“开始游戏”。
亮眼且功能和层级清晰的首页是能够给产品加分的。

澎湃填字游戏的首页须要包含奖品信息、用户排名跑马灯以及游戏规则、开始游戏等按钮。
为确保该页面在能够清晰展示各个模块和功能的同时还要担保页面不凌乱，就须要在首页的布局排版上专精寻思。

我们首先对游戏首页进行告终构方案，中间为内容区（橘色底色标注部分），包括游戏标题、奖品信息以及排名跑马灯。
我们将这几个元素看作是一个整体来做设计，这样能够提升首页的整体性，如果每个部分都是分散的，会让界面显得凌乱无章。

“澎湃填字”首页

其次，界面的按钮布局也是有讲究的。
页面的上端为界面的返回和分享按钮，这符合用户的操作习气。
在用户最随意马虎触到的页面下端，分布了涉及游戏内容的四个紧张按钮——开始游戏、历史关卡、排行榜、谈论专区。
这四个按钮也是须要有层级区分的。

如果按钮大小颜色都一样会让用户感到困惑，为了更好的用户体验就须要弱化次要按钮，增加层次感和识别度。
以是我们将「开始游戏」按钮做了分外化处理，并置于底部，在它的上面均匀分布了剩下的三个紧张按钮。

按钮排布比拟

那么为什么选择「开始游戏」放置在底部最显眼的位置呢？「开始游戏」在该界面中的浸染相称于「下一步」或者「确认」，从统筹全局的角度来说，放在页面的底部会使得页面的布局更清晰，不同页面之间的整体性更加同等，符合设计的统一性原则，也更便于操作。

为了能够更加突出「开始游戏」，我们给按钮做一些形状和空间上的变革，并加以动效，就得到这样一个活泼的游戏化按钮。

游戏规则以及更新提醒按钮我们选择放在了首页的右上端，让它们和中间的内容区领悟在了一起。
这样做可以利用户不难把稳到这两个较为次要的按钮，也不会使得页面上按钮过多从而显得割裂。

首页顶部设计

4.2 嬉戏界面

填字游戏的核心嬉戏规则是玩家需在1010的纵横网格中，根据供应的信息来填写缺失落词或句，有些词或句还会共用某个字。
用户可以选择自己会的题目优先填写答案，末了留下的题目可以通过共用的字获取一些提示。

这些功能都和核心操作界面的设计息息相关。
也便是说操作界面要包含须要填写的格子，题目内容，以及基本的操作按钮，如提交、返回和提示。

除此之外，能够让用户在题目和答题网格上做双向的选择，是可以提升用户体验的加分项。
这些细节上的交互是决定游戏体验的关键。

题目和格子之间可双向互选

在竞品剖析的过程中我们创造，海内大多数填字游戏会把相称一部分精力放到填字格的样式设计上，如叠加背景，把填字格设计成拟物效果等。
这些设计虽然在对付提升产品视觉的都雅度有所帮助，但却不能称之为锦上添花。

一些填字游戏的界面设计

游戏交互设计的意义之一就在于，使体验上更靠近人们在现实天下中的交互感想熏染。
《暗影格斗》游戏中并没有采取华美的人物形象设计，反而弱化了人物美术表现，只用了剪影，但是在游戏中，添加了生动的打击音效，让全体战斗过程十分生动形象。

类比于填字游戏，丰富形象的背景和格子的设计就像是在《暗影格斗》利用华美的人物形象设计，会弱化用户对填字内容的关注；简洁的背景和清晰的交互就像是《暗影格斗》生动的打击音效，为游戏本身供应一种更真实的视觉体验。

《暗影格斗》游戏界面

其次，能否做到操作沉浸也是决定一个小游戏好不好的关键。
在操作层面要想让玩家形成沉浸感 ，界面层就不应随意打断玩家的操作。
比如倒计时的设计对付用户来说确实能够增加紧迫感，但却会影响用户的连贯操作。
试想一下，当用户在思考一个题目时溘然有一个弹窗提示还有10秒游戏就会结束，那么在接下来的10秒中，用户的思维就很可能被这一瞬间打断。
显然利用倒计时来比拼用户完成题目多少的设计并不适宜填字游戏。

以是“澎湃填字”界面的内容布局更强调帮助用户聚焦题目本身，减少滋扰，同时又具备便捷的“补救提示”，利用户更顺利的完成比赛。

“澎湃填字”作为有奖游戏，具备意见意义性和吸引力的同时必须担保其游戏功能的合理性，确保利用体验流畅丝滑，这是生命线。

澎湃填字的设计和制作对付澎湃是一次全新考试测验，数字时期的填字游戏，将更加密切关注用户实际体验，并将此反馈转化，反复优化，成为一款内容产品，与用户共匆匆发展进步。

任务编辑：赵冠群