新浪UED

全新面孔,全新体验 – SINA UTGame视觉改版设计工作

by zhanbin / 博客,视觉设计 / 2010-10-22
全新面孔,全新体验 – SINA UTGame视觉改版设计工作

沉寂了相当长一段时间的UTG终于整装待发,要重新启航啦!此次改版,希望主要通过对视觉设计的改善和信息架构的优化两项工作,来提升产品在使用层面上的用户体验。新老用户是否足够容易地理解并使用产品以及是否获得愉悦的视觉体验将是这次改版的一个重要衡量指标。

全新面孔,全新体验 <wbr>- <wbr>SINA <wbr>UTGame视觉改版设计工作

 

UTG是一款游戏语音即时通讯软件,目前主要用于玩家在玩游戏的时候可以用语音通话代替键盘敲字来交流。在初步了解了基本的产品特性之后,改进工作就这样默默地从标识和界面两个部分开始下手了~

全新面孔,全新体验 <wbr>- <wbr>SINA <wbr>UTGame视觉改版设计工作

先来说说标识的改进吧,上图是用了好几年的UTGame老标识。通过对互联网上同类或相似产品的标识设计对比分析,发现老标识存在几个方面的问题:

1:可扩展性不强,标识在保证其核心可识别元素不发生变化的情况下在不同的场合和时间因该有不同的“身份”,比如某次主题活动的现场宣传,比如节假日,比如在聊天时使用的表情等等。这样做可以让产品形象变得更加立体和生动。

2:表现形式在现在看来比较大众化,对人缺乏吸引力,不容易让人在短时间内产生印象,这一点对日后的品牌推广会带来麻烦。

3:给人感觉是冷冰冰的。似乎就像你存在你的,我干我的~,咱俩互相不干涉。在表现亲和力上不是那么主流~

同时经过调研分析以后,我们感性地认识到需要新标识是特别一点的,有一点亲和力,有一点游戏感觉的,有一点小抽像的(出于可扩展性的考虑)……等等。于是经过了“九九八十一难”新的标识就这么诞生啦~!

全新面孔,全新体验 <wbr>- <wbr>SINA <wbr>UTGame视觉改版设计工作

 

如上图所示,“对话气泡”“G字造型” “拟人或拟物的表现手法”把这三点作为标志识别的核心元素,无论今后适用在何处,这三点必须同时出现,而且尽量得保持造型表现的一致。这样做的目的也是为了让其识别性和可扩展性不互相冲突。(随着产品的上线推广以后等出来更多有意思的造型,一定会在第一时间在这和大家分享的哈~)

再来看看界面部分吧, UTG的目标用户群主要以游戏玩家为主,大部分的游戏玩家会比较注重产品的视觉/听觉体验,他们希望看到的有强烈质感和视觉冲击力的界面,并从中体验到快乐和刺激。而UTG的主要功能(语音服务)是辅助游戏玩家更好的享受游戏,对于这样的产品来说游戏玩家可能更加注重的是语音聊天是否通畅,界面信息展现是否明确清晰,功能操作是否简便易懂的产品体验。其次才会去关注纯视觉等其他体验。意思也就是说如游戏般华丽的外套并不适合UTG, 过多强烈的图形设计会的干扰用户使用产品和信息的获取,从而使得易用性大打折扣。

从以上的分析可以认识到我们需要做的这个界面是有着清新设计风格的,并且通过图形界面可以使得信息排布和展现是明了和有逻辑性的,功能是容易操作的。于是又经过了“九九八十一难”新的界面就这么诞生了~

全新面孔,全新体验 <wbr>- <wbr>SINA <wbr>UTGame视觉改版设计工作

全新面孔,全新体验 <wbr>- <wbr>SINA <wbr>UTGame视觉改版设计工作

全新面孔,全新体验 <wbr>- <wbr>SINA <wbr>UTGame视觉改版设计工作

好了,完稿~,期待与大家的交流和探讨。作品已于7月参加UI AWARD 2010大奖赛,并最终获得最具人气奖!

文章评论

  1. 枯の灵 说:

    图标很互动

    就是有点低龄化

  2. 焕焕 说:

    看上去设计得挺赞的,要是语音能更加流畅些就好了~~远离YY,珍惜生命!

  3. 匿名 说:

    图标有点像超人,啊哈,

枯の灵进行回复 取消回复

电子邮件地址不会被公开。 必填项已用*标注

* 验证图片 刷新验证码

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>