用户体验

揭秘:触动未来的腾讯QQ概念版设计(组图)

这个过程会出一些Blend或Flash交互原型概念模型,这些高仿真的原型在交互设计概念阶段讨论是非常有必要的,他可以最直观地感受到体验创新 带来的操作变化,也为后期的原型设计节省很多时间,不至于会大部分的返工和修改,这里以表情界面的一些最初的原型给大家简单展示下,也因为有这一步储备, 我们沉淀很多很有价值的创新demo:

C.视觉风格设定

在完成主要功能的定位和交互设计之后,开始视觉风格上的设计以及创新,在界面风格设定的时候,尽量去思考拟人以及拟物的场景运用,结合了Blend 平台优秀的动画展示及交互能力,在视觉上融入交互体验和创新的元素,让概念设计以及脑暴的创意点得到充分的发挥,早期的视觉风格对整个版本定下了基本格 调,这里推荐一款软件:Expression Design,这款软件绘制出的效果都是矢量图,并且可以直接运用到原型系统开发,她所绘制的矢量图将做为元素来使用,可以缩减很多不必要的设计流程,给 大家展示下我们最早的概念风格稿,在这其中我们能看到QQ概念版的雏形。

事实上视觉上的创新对用户的冲击力是非常大的,在设计过程中,我们也秉承“生命力、空间感、时间感”这几个关键词进行创新设计,例如:

1.全新的登录面板在面板上对动态的节日展示,提供了空间和时间上的切换,在设计之初我们规划了每天的多时段的实时天气展示提供了空间和时间上的切 换,这个后续版本可以敬请期待,这样就为用户从时间上感受到QQ概念版的魅力。

2.圆盘式的表情管理界面,通过颜色的视觉感应,激起用户对表情品牌的识别,也更加方便触摸操作,在底部灰色模块区域,用户近期使用的表情会自动保 存,方便用户使用。当然这里空间的分配以及面板的扩展性的设计也是我们下一阶段会去完善的,包括QQ概念版独有的QQ动态表情也会在下一版本做一个统一规 划。

3.桌面好友的拖曳拉出表现,对于男女的表现区分以及会员特性的表现和动态圆盘菜单的展示都体现了视觉创新对用户带来的愉悦以及尊贵感,最早桌面小 人如何让用户感受到好友的气息,但又能形成统一的品牌特色,在视觉风格之处也尝试了很多的方案,最终我们以桌面小人为原型展开一系列的创新设计,我们在创 新规划的过程中也考虑了如何与桌面好友互动,目前好友在听音乐,小人头像就会头戴耳机晃动,有动听悦耳的音符飘出,你可以快速跟好友快聊等等,后期我们会 做更多对与好友互动的沟通方式的尝试,包括游戏状态以及一些更深入的好友动态信息的挖掘。

4.好友管理是这次创新过程中用户界面革新变化最大的一个界面,在这里可视化的好友管理,以及便于触摸的操作体验得到了很好的融合。为了让用户有更 好的沉浸感,我们用了桌面以及卡片等真实的拟物化场景设计来让用户沉浸在这个控件中。但由于开发时间尚短,好友管理功能不是很完善,我们将使她更加完善。 在后续的版本中,更多的去挖掘用户的关系链以及如何去呈现她,通过更加可视的方式进行展示好友的沟通方式会是我们需要去推敲和发展的,好友管理将会更加便 捷,敬请期待!

动态背景,动态的图标展示以及动感相框,用户可以自定义去切换自己喜欢的皮肤风格,设计初衷也是希望让用户感受到我们的界面是有生命力的,很多的创 新设计,其实在视觉上融合交互会有更多的创新以及更有趣的设计,后续我们将不断去寻找切入点,对界面注入情感,使之更加富有生命力。

D.原型DEMO开发

之前已经有所介绍,QQ 概念版是在WPF Blend平台下开发的,这个平台下开发一个好处就是设计师设计的原型可以直接给到技术人员进行实际开发,目前QQ概念版界面上可视的交互以及视觉表现很 多都是有我们设计师提供原型开发模型给到技术人员,再由技术人员加以技术内容实现而生成的,当然这个过程就对设计师提出了更高的要求,给到技术人员的不能 只是静态图片,而是带有操作性的原型。在设计的过程中,需要规范化控件模块,使得研发更加便捷。一个很简单的button也是需要无数的事件以及状态的设 计,最终给到技术人员的就是一个控件和实体的界面原型,所以这个过程对我们设计师来说还是满煎熬的,我们除了为版本设计一些原型DEMO,还会尽量把之前 脑暴的一些概念沉淀下来做为下一波脑暴的应用点,将会作为我们设计的储备资源。

桌面好友示意:

这只是个简单的桌面好友的demo,但是事实上我们所有界面都是有这些有机分割的模块原型提供到技术人员那边开发的,技术人员会根据我们的设计原型 去结合技术因素,捆绑相关数据以及将最新的技术体验融合到原型中研发出最新的版本。

E.产品的研发设计

当我们提供给技术人员原型设计模型时,他们可以在此基础上去完善实际的操作数据捆绑以及实现这些模块直至运用。虽然我们设计的原型基本上可以直接使 用,但是实际开发的环境可能更为复杂,很多控件可能需要评估开发环境,设计师通过协助技术人员基于实际的控件对原型demo进行调整,使之能达到开发环境 的要求,技术人员在不断优化原型系统里面的代码及对一些仿真的特效进行真实环境的转化中,也不断去优化技术层面的探索,包括多点触摸以及内部逻辑的研发。

希望看到您的想法,请您发表评论x