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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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