TGideas

《ideas》第六期

In ideas

on 2012-07-24 16:08:08

by ideas

本期《ideas》主要就怎样让我们的做的工作，更有价值，进行了一些流程与例子上的思考，希望能给你启发。

本期作者：jasongao、Ggao、vaultyang

1.市场角度看设计--浅谈如何让设计更有价值 by jasongao

网页设计师最痛苦的事情莫过于自己精心设计的作品屡遭需求方（客户）“强暴”（这个按钮大点吧，那个文字明显点吧，在下面再加一行图片吧，那个版块放到最上面吧）。面对这种种“强暴”，设计师或是力争辩护，告诉需求方什么才是最美的；或是妥协，“那你说怎么改吧！”然后痛苦的做着执行；或是抱怨，“某某根本就不懂啥是设计”，等等！问题根源何在？

一个貌似相互抵触的纠结点，其实只是个角度问题。作为设计师，对设计稿的评判角度更多的可能是从视觉效果，关注的重点往往是页面的形式感、主题氛围、色彩、视觉冲击力等；而做为市场或项目负责人的需求方，侧重点是页面的功效，考虑的是页面设计能否更好的、更直观的体现项目信息，能否给项目、产品带来市场效益。

作为一名商业设计师，追求作品的视觉完美，固然没错，而且是必须的。但是仅仅外表华丽超凡、却不注重市场价值的设计作品，可以看做是艺术品，被行业内同仁们所欣赏，但却往往不会被市场所接受。所以商业设计需要在保证艺术表现的同时，体现出市场价值。

我们设计师需要换位思考！从市场角度、客户角度、需求角度去分析种种引导元素，再加入自己的创作思维，就会做出既符合市场需求，又炫丽多彩的作品。

> 如何让设计更有价值呢？从市场角度出发，我们可以尝试以下几个方面（个人经验）：

1、建立产品形象
在目标用户群的心中建立独特的产品形象。游戏官网是游戏产品在玩家心中建立的第一印象，也是市场定位的重要体现。设计师需要在设计前充分了解产品所处的市场环境及发展趋势，收集市场分析及各类调研资料，提炼出能代表产品特性的视觉元素通过设计手段组合包装后展现出一个鲜活的产品形象！

上图是《QQ西游》的官网，设计师用妩媚的蓝紫色、精致的玻璃质感、妖娆的角色形象等视觉元素成功诠释了“娶个妖精做老婆”的市场定位，妖文化体现得淋漓尽致，令人赞叹！

2.明确营销目标

（1）首先，应该重视目标。设计师的工作就如同在一个“陷阱”周围布置鲜花来吸引用户进入。不能只插画，不挖阱，不然就会鲜花被人摘了，人却没掉进陷阱去，情何以堪。

（2）找到真正的目标。当人们说：“我要一匹更快的马”，很多人听到这个“需求”后冲进马场去选马配种，而福特却造出了一辆汽车。其实用户的真正需求是：更快的到达目的地！很多时候设计师迷失在执行上而忽略了真相。需要慎密的思考和分析，去发掘隐藏信息，了解真正的目的。  

上图中是丰田的一个活动页面，很漂亮，但也仅仅是漂亮，没有清晰的导航和引导，连个清晰的logo都没有，很不明显的灰色logo被丢在了左下角的角落，用户看到的只是个岛，且有些不知所措。很难想象这样设计的目的何在。作为商业设计，这样显然很难实现其市场价值。

3、突出产品特色

侧重体现产品的特色或优于其他产品的性能，使之与竞争产品区别开来，争取竞争优势，避免同质化。

上面两图分别是战锤的欧美官网和韩国官网，欧美官网延续了一贯的RPG网游的暗黑重质感风格，与其他RPG游戏官网没有太大区别。而韩国官网选择了将人物素材去色处理，加上喷溅的墨迹修饰，更加体现出狂放气势，且与众不同，产品特色体现得淋漓尽致。

4、展现核心信息

一个网站的核心是它的功能和内容，而设计则决定了这些功能、内容如何被组织和展现出来。让用户更容易、更方便快捷地找到需要的信息。

上图是指环王的一个道具专题，为了突出核心内容(戒指)，将页面中的人物和背景元素做了弱化处理，衬托出戒指更醒目，核心信息得到充分展示。

上图中为了突出标题和勋章，将人物脸部隐藏，避免视觉分散，成功引导用户关注标题和勋章，很巧妙的突出了核心内容。

5、注重用户体验

网页用户体验是目标用户在完成该页面的特定目标时所产生的一系列主观感受。不仅是用户习惯、视觉体验，还包括信息架构、交互体验、操作流程等一系列因素。需要在保证页面能用、好用的基础上，使用户爱用，产生情感。

很漂亮的形式，但是过于大面积的氛围渲染，主要内容未能在第一屏展示，为追求形式感而将主要内容信息压缩并倾斜角度，还在文字内容中添加了各种装饰物，这样的处理干扰了用户获取信息。这样苦费心思的形式感设计并没有带来价值，反而造成了体验问题。

上图非常巧妙的将信息版块安置到了冰淇淋盒子上，既在第一屏内清晰直观的展示了信息内容，又美观且有乐趣。这样不仅能让用户快速的获取信息而且还能同时体验乐趣，产生好感，设计价值得到体现。

6、控制制作成本

 作为商业设计，制作维护成本是个不可回避的话题，以最低的成本创造出最大的价值，是商业活动的追求。

上图是QQ游戏欢乐赛活动页面创意演示稿，创意是将玩家上传的照片随机自动拼接出一个蓝钻图形，且图形会跟随鼠标做3D变形、展示玩家照片和留言等互动效果。寓意每个玩家都是QQ游戏的欢乐因子，大家共同创造并体验快乐。应该算个不错的创意，但这个创意需要强大的后台程序支持，对服务器有一定挑战，且活动过程中的各种细节不易把控，后期维护较困难等这些成本超出了活动预算。最终因创意执行成本过高等原因，而选择更改方案。

> 结束语
以上仅是个人的小结与理解，提升设计价值的方法还很多，需要我们在工作中多换角度，多点思考，不断积累！

记得《包益民在TED的演讲》中过说过：“一个产品要生存的必要条件和设计丝毫没有关系。 我们不得不认识到：我们做的设计是不重要的，我们要去做更重要的事情。”而我却觉得：并不是设计不重要了，而是我们没有做重要的、有价值的设计！因为某些设计没有产生必要的市场价值，所以我们认为它不重要了，但如果我们多个角度来思考，从市场角度出发，让设计体现它的市场价值，那设计不正是我们所想去做的、值得去做的更重要的事情吗？

多个角度，多份思考，设计更有价值！

2.游戏统计系统的发展 by ggao

网页设计就只是不停做页面？不停的做效果？网页其实更多的是个平台，你能做的远比效果来的更多。
功能性网站也在不断的为我们的游戏服务，下面我们简单介绍下几个游戏的网页平台统计系统的发展与趋势。

 什么是统计系统?

 这类基于网页平台的统计系统或成就系统，我都把它定义为统计系统。
可以包含成就搜集，可以融合玩法，级别，装备解锁，社区系统等等。

2.统计系统的起源

Helo并不是第一个有此系统的游戏。但内容都是差不多。这期间我都称为统计系统1.0时代。做的是标准的游戏数值的统计，浏览个人数值，和好友比较下数值之类。
下图是helo reach的一些截图

这是几年前光环的统计页面。当我和我的朋友发现，刚打完的战役，通过网页，就能立即查看到刚才我和我好友的详细战役数据，游戏视频回放，甚至能精确到用什么武器击杀了多少个怪物，你最喜爱的武器，命中率曲线，以及各种专业数据与统计出来的图表等。当时还是很震惊的，一个网页平台能如此无缝的和游戏结合。不过这是在facebook还没火起来，在社交大潮下，出现了一些新的功能和交互。

3.进化与发展

battlelog （http://battlelog.battlefield.com/) 是战地3的线上统计系统平台。这截图显然是统计系统标配。（具体可看顶部大图，篇幅有限不全展示）我看来看下几个新的发展趋势.

A.社交化

好友模块的强化 以battlefield3 为例子，他的好友系统，使你甚至可以像web wangwang一样和好友聊天.而且这个在线列表是始终在你页面之上。好友间的沟通被强化。你可以在页面上就组上队伍，进入同一服务器战斗。 

首页动态 登录后首页不是直接统计页，而是好友的最新动态，最新解锁的武器与成就，你还能给每条信息发表评论，+攒 ，浏览对应战报等操作。这更像是一个社交主页。方便你们获取最新动态，竞争与比较。这就像 QQ空间的主页 和 我的主页 的之间的关系。

多终端互通 及时，便捷，碎片时间查看资料就显的很重要。游戏主机，PC ，特别是手机，任意平台的浏览你的battlelog。

B.融合运营平台化

以上helo，bf3主要是以数据统计为核心，主要是以方便玩家的体验与交互出发。另一款游戏的统计系统更强调和产品活动与运营结合，当成一个大系统在运营 

 Elite（cod） 的统计页看上去也很酷。但这不是重点。 这里简单介绍下elite和helo与bf3的区别之处。

统计系统与运营平台结合

统计系统与运营平台结合 elite登录后的首页 图1，排在个人数据之前的是若干轮播广告位。这是明显区别与helo， 与bf3的地方。更像是在运营一个网游。
这点还体现在COMPETE菜单里，图2，这里面有个活动日历，里面罗列出了一些最新的活动与赛事，参与完成后,你能得到一些虚拟甚至实物真吉普车之类的奖励。就像我们的TGA赛事系统一样。

结合社区 这些是elite与其他几个产品的不同之处，当然它的互动功能一点也不弱，ELITE里有个elite tv视频平台，玩家可以在里面上传你的视频与发表评论，而且这一切都是和youtube联动。成为了一个大玩家社区。

总结
我把游戏统计页简单分为3个阶段。
最早就是一个纯数据统计页（成就页）用于玩家查看数据。
第二阶段融入社交理念，好友动态，沟通类。
第三阶段 整个log系统做的更大，加入产品运营，社区，内部分享，多终端互通等。
（阶段二与阶段三很多情况，不会分的很开，更多只是侧重的不同）

上面说的统计系统只是网页功能性开发的一个例子。
网站的功能性挖掘是一个研究方向，它也是我们网页设计师需要研究与思考的地方。没了PC的束缚，一个手机一个浏览器，无线的查看我们想要的信息。一个能改进你生活体验的设计 远比做一堆页面更有意义。

3.存在与屏幕另一遍的偶像们 by vanltyang

吉祥物的设计，比的不单是绘画技法，对企业精神与属性的理解也起着至关重要的作用。
如何使自己兜售的物什更使人群更容易接受、更形象地记起来？总结前人经验，使你的产品或品牌活起来，赋予其人性、躯体，使其开口为你说话，绝对是一种有利无害的做法。
更多详情：http://tgideas.qq.com/webplat/info/news_version3/804/808/812/m579/201204/62143.shtml