
文章插图
除开界面风格,图标的设计也融入了游戏中心的特色——保持基础型与手Q图标一致外,同时将一些图标通过游戏化语义表达出来,使其更具趣味性和游戏感 。

文章插图
(2)重构容器
① 优化内容消费体验:内容卡片结构化
游戏中心的消费内容来源丰富,包含问答站、小世界、频道等多处内容源,给用户带来海量内容的同时,也导致了信息容器的冗杂,增加用户的认知负担、降低浏览效率 。
在前期和产品的梳理中,发现游戏中心的feed类型可以分为4大类,总计有21种样式 。为解决用户的浏览体验问题,对feeds结构进行了结构化整理,以流式布局将所有样式整合为6个部分,基于不同消费内容去排列组合feed类型,简化产品逻辑,同时用户更聚焦内容阅读 。

文章插图
② 提升游戏分发效率
游戏tab作为游戏分发的主要场景,改版前主要以横向列表容器去承载游戏信息,用户探索新游的效率较低,同时雷同化的结构,容易浏览疲劳 。
针对以上情况,在页面设计上丰富了承载容器的样式,采用高效率的游戏图标排列或者游戏合集卡片,提高了浏览效率,也让用户更容易命中自己钟爱的游戏类型,不同的容器类型组合也让整个浏览更有节奏,减少疲劳感 。

文章插图
(3)提升设计效率
游戏中心在以往产品功能的快速迭代中,由于规范和组件的不完善以及和开发同学协作模式的不确定性,让产品界面的实现往往不尽满意,无论是开发效率还是还原程度都受到一定的影响,最终导致用户体验的不完满,所以本次的改版,提升设计的效率也是体验提升的重要一环
① 统一设计规范
界面的基础样式和控件,和手Q基本规范保持一致,包括颜色、图标风格、基础控件、圆角、栅格等 。同时基于业务的诉求,我们在手Q基础上拉出一条规范支线用于游戏中心的设计——主要在基础色、图标等拓展了更多样式 。

文章插图
② 提升协作效率
以往黑夜模式的适配,开发和设计需要同时输出和还原两次设计稿,导致适配成本较高 。在本次改版中,将新风格页面的组件token化,搭建起设计和开发之间界面样式的映射关系,开发和设计只需还原一次设计稿,即可完成黑夜模式的适配,达到高效设计、快速上线迭代目的 。

文章插图
黑夜模式的上线,也提升了游戏中心的浏览感受,让用户的体验更友好、更亲近用户,回归Q语言亲和自然的设计原则 。

文章插图
2. 打造品牌记忆点(1)打造品牌记忆符号
QQ围绕社交有效性、社交广度与深度、社交动力等维度,打造一个积极向上充满生命力的社交生态体系 。生机的理念承载乐观活力与积极延续,具备有序和精致的特点,也象征万物发展所蕴含的生命力 。——Q语言-设计理念在游戏的世界观中,“能量”经常作为源动力元素以推动游戏进展,QQ游戏中心承接Q语言“生机”的设计理念,提炼衍生“能量”概念,以能量元素将生机理念具像化,赋予产品积极快乐充满活力的品牌感知 。
推荐阅读
- 双子座男生和白羊座女生做夫妻好不好
- ps钢笔怎么画曲线描边,PS钢笔工具要如何画弧线
- 从哪里可以找到p图的素材 p图的素材哪里找
- ppt模板怎么设置文字环绕图片
- iPhone快捷指令设置
- 喝完酒腿麻怎么回事
- 为什么鸿蒙不显示停车位置
- 宝马的车标代表什么
- 戴口罩如何面容解锁iphone
