
周末参加了J.S.阅微同学组织、泰山在线赞助的华南UE小组-深圳-第九次聚会,席间探讨了导航的讨论,并体验了泰山在线旗下的i-dong在线游戏。为泰山的领导和产品经理热诚及对UE重视所感动,写一篇i-dong的游戏中心原型优化,给大家分享。
先给大家看看i-dong的游戏中心原型,如下图:

为方便分析对原型做了区域标注,如下图:

A区: 游戏内容区,包含了分类类目和类下各游戏名称。
B区:游戏玩家区,包含玩家账户、社交 、及系统设置和退出
C区: 游戏状态区,包括硬件设备运行情况、网络状态以及玩家登录情况
问题:
1 很显然A区是原型设计者重点突出的核心区,一是摆明这里游戏丰富,二是希望玩家一上来就可以挑选游戏,迅速进入游戏状态。但将游戏分类和游戏同区全部展示,以及健身类和益智类游戏循环滚动(无限制的)无疑分化了玩家选择。因为i-dong的手柄感应控制不像电脑的鼠标可以随意、快速选择,这一物理属性就决定了i-dong游戏中心在设计交互时必须平衡如何快速让玩家决策、选定自己玩的游戏而同时保持自己游戏的丰富性。
而玩家在选择具体游戏时,游戏区块会弹出”?”号让人不可捉摸,在场的云天同学也表示了质疑,因为我的选择是明智的,为何还要给个问号质疑我的选择呢?虽然设计者的初衷是考虑问号相当于帮助中心,有啥不明白的点击问号,她会告诉你。
2 B区和C区有同质化倾向、对各自区域功能定位存在逻辑混乱。B区的注销本意是删除账户,但这里的功能实际是退出功能,在文案设计时可考虑用“退出”代替让人感觉更平实。“已登录”很明显是玩家的登录状态,似乎更应该放在B区。同时“已登录”为何采用按钮形式且不可点击切换(如隐身?退出?),更让人感觉困惑,还不如直接去掉。
优化方案:
1 对A区即游戏内容区采用Tab形式,隔开分类类目和类内容,信息可寻性得以加强;同时增大各游戏区块,更醒目,方便玩家识别。将选中状态的问号去掉,或者用其他icon或“查看详情”等字样代替
2 简化B区,强调用户中心;将“设置”和“退出”剥离出来,并放置C区底部,强调“系统”概念,和左侧“系统”状态保持信息平衡
优化效果:

以上是用Axure制作的原型,有兴趣的同学,可以点击这里,查看效果….
关于阿石