以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://wsd.tencent.com/20......riphon-2.html

iPhone中国象棋的五星之路

作者:junzhang  |   发布: (编辑)kent.zhu   |   时间:2010-12-26 22:46:47 文字大小:- +

经过团队3个月的努力,QQ中国象棋于12月7日正式登陆app store,上线后收到不少用户的好评,截至到目前也是腾讯在iphone平台唯一一个获得五星级评价的产品。回顾这3个月的努力,究竟是什么让iphone象棋获得如此评价?

这里分享下该产品主要的几点经验:

■优秀项目经验的传承

Iphone象棋充分学习了iphone斗地主成功的经验,以及借鉴了连连看和欢乐斗地主项目经验。所有这些成功经验给了iphone象棋很多帮助,这个贯穿了产品开发的整个过程。

我们在需求开始前就沿用iphone斗地主的项目方式,产品组内先对用户的定位,使用场景进行调研和讨论。得出iphone象棋的用户及使用场景有如下特点:
   ●Iphone用户较为时尚
   ●有相对完整的片段时间
   ●喜欢下象棋,男性居多
   ●手机网络不稳定随时可能中端
   ●快速开始,但也希望找到好对手
   ●下棋需要专注、安静的环境z
……

而根据这些特点我们也确定了我们项目的核心:快速开始+专注下棋。总结了斗地主的经验,因此我们后续所有的工作及需求PK都围绕在我们的核心定位上进行,任何与核心不符合的需求都可以砍,而在核心功能上一定要多花时间。而这个核心的明确,让产品、设计、开发、测试等成员的协作更加明确而简单。

■艺术or无休止的设计

每个设计师都是艺术家,但在很多产品设计领域,有时候没有艺术家这种东西,只有设计而已。艺术是灵感,而设计可以无休止的打磨。就像iphone象棋其实是基于android象棋艺术下的设计打磨。

设计点一:棋盘的反复雕刻

之前的产品核心定位很清晰,下棋中是用户停留最多的场景,如何让用户下棋专注感觉很舒服很上流,一直是我们讨论的焦点。因此我们收集了很多象棋设计以及研究了很多木头的材质和纹理,这块修改了几十遍最终敲定了这套黄花梨木质的棋盘棋子。

如下为棋盘的设计进化图:

设计点二:隐藏的菜单

还是游戏中场景。还是为了用户专注下棋,避免用户点击误操作,所以在android象棋基础上将菜单改成隐藏式。但这个在之前iphone项目都没尝试过,所以如何交互表现成了难题:用向上箭头还是直白的文字?最终我们设计了两套方案找了北京20多位同事一个个咨询两者的优缺点,最后综合成了现在版本。

(如上为调研前的两版,如下是最终修改版)

设计点三:拉开画面层次与点缀

还是为了让用户下棋舒服,画面的层次上色彩上如何让iphone用户感觉更舒服呢?这点上设计师也是绞尽脑汁,首先将色调从暗色调调成清绿色,然后棋盘,水拉开层次,让用户感觉更清爽。才有了现在的竹林风的感觉。

同时加入人物情景带入,沿用了卡通的刘邦项羽头像,并随着下棋的过程有点缀的动画,让设计亲和度加强。

技术也能出效果

在我们传统项目技术的职责一直是实现功能点,保证产品的稳定性。但其实技术也能出很炫的效果,重点是技术要积极参与到产品的最终表现上来。技术是最终实现的操刀人,很多产品在技术实现侧会打折扣,是因为技术没有充分参与进来,如果技术如果真能充分参与进来,有时候产品表现会超过预期哦。

效果一:拖拽棋子的残影表现

在下棋过程中,我们一直寻找走棋,拖拽棋子的设计表现,团队一起也设计了很多版本效果,但最终都没达到预期。也就是在这个团队参与的讨论,结果评估过程中,技术提出用两个坐标点,设定一定的速率移动,尝试下表现,最终才有了目前iphone象棋称赞最多的点。

效果二:隐藏菜单的拖拽效果

这块看其他公司的一些产品有这种表现,产品一直也觉得不难,但其实技术侧因为之前我们的产品都没做过,再加上我们的菜单拉取距离又短,如何平滑滑动?这块着实改了很多次。初期过程中都很卡,中途放开又不能回原地等问题很多。最终技术侧通过算法的精研和设计的点缀才到了如今的效果。

效果三:为什么是0.4秒?

0.4秒是点击棋子,在0.4秒内多次点击只默认为选中棋子,而不出棋。这点是因为iphone触屏操作很敏感,我们发现用户经常手一抖就点错了,为了解决这个问题而加的限制,但又不希望用户感知到使得游戏操作感有断裂。这个0.4秒的时间标准是技术经过10多次尝试更改,然后出版本,让我们一起体验而得出的。就这么一个小的点,也值得去精研。

更多
打印  |  相关话题:iPhone UED团队设计分享   |  类别:设计之外  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买