最近要做个比较系统的改版作为内部的课题,包含PC端到移动端,以及体验、交互、视觉的分析和调整,让大家更好的认识体验和交互的项目流程和思路是什么样的,最后在落地和输出时要添加什么内容。 重的内容和复杂的分析我会后面再分享,今天先从一个简单的主题入手——Steam的APP主页设计改版。 建议尽量先自己用一用 Steam 的 APP,会对后面的分析点有更好的认识,下面是首页的部分截图,先看下目前版本的样式,自己思考下如何优化:

image.png


改版的说明

本次主题作为小型的改版,重点针对新手作品集应该放什么界面,怎么优化的难点出发的。不管是你自己过去做的项目,还是做的练习改版,在界面的都要满足最起码的设计要求 —— 能看。

而很多原先项目的界面做的非常奇怪、不合理,在放进作品集前,都有必要进行重新优化。 虽然部分奇怪的设计可能由业务、领导、历史引发,但对于看的人来讲是不会想去理解背后原因的(尤其是初级设计市场),只会在意最终表现的效果低于平均值,认为设计师的水平不行。 回到上面的界面中来,官方的设计是绝对称不上合理的(不接受任何反驳),存在的问题很多,下面就做个简单的分析说明:

问题1

顶部的栏目非常浪费空间,菜单展开是用于筛选首页显示内容的,这个名字就没办法理解功能的意义,且钱包的放置位置很突兀,以一个 Steam 充值超过 2w 的重度用户来讲,看到移动端展示余额一头雾水,毕竟这不是一个资产管理应用。

image.png

问题2

首屏会有主题特卖活动,但是结合得非常不好,既不能营造活动的氛围,又不能很好解释关联游戏商品是什么。且首屏游戏卡片只有一张封面图片,要点击后才能看见对应信息是非常不合理的,尤其是在国区,看不懂英文标题,而且不熟悉的游戏也不知道是什么类型,根本不会感兴趣。

image.png

问题3:

下方信息流的展示过于混乱,样式的应用过于死板,没有展示形式上的变化,是没有向下浏览的动力的,因为感觉看起来都是一样的。

image.png