腾讯体验中心
背景
腾讯EXP(腾讯体验中心)是面向普通用户在产品正式发布前提供试用版本的平台。 通过活动和奖励,EXP希望尽可能多的争取用户来为开发团队提供宝贵的反馈。 成都CDC设计团队的任务是重新设计EXP的网站并为iPhone用户设计一款专属应用。整个流程的跨度为3个月,但由于中间穿插了新年和春节等假期,实际留给设计团队的工作时间只有3周左右,总体节奏非常紧张。
角色
交互设计师
团队
UI设计、产品经理、项目经理、开发团队
时长
3个月
挑战
需要在有限的时间内完成设计任务。
网站和手机应用间需要保持一致性。
在设计流程开始前没有足够的用户研究和数据支撑。
流程
需求和用户调查 > 交互设计 > UI设计 > 开发迭代
需求和用户调查
我和另外一位视觉设计师组成了这个项目的设计团队,其他的工作都必须与开发和产品团队远程协作完成。项目开始时资源极其有限,由于时间紧张设计团队没有进行用户研究或竞品分析工作。为了完成这个挑战,我们根据现有资料整理出了更系统的需求。
EXP网站结构图
最初的产品需求点
定性用户研究及结论表格
定量用户研究和结论柱状图
交互设计
交互设计阶段我先从现有网站的流程入手整理了“创建体验”,“发布体验”,“查看体验详情”和“分享体验”等核心用户旅程。然后在移动端梳理了’浏览’和’参加体验’的流程,由于创建体验过程的复杂性,移动应用的前期只提供参加试用和反馈功能。
手机端参加体验活动流程和错误提示
手机端参加体验并选择版本流程
手机端切换平台和类型,体验反馈流程
手机端其他界面
网站创建体验流程和标注
网站创建体验流程和例外情况
创建新体验-编辑详情流程
因为交互流程需要考虑平台的多样性、体验版本、语言、发布地址等信息。加上安装方式不像iOS平台那样一致,开发者还需要管理不用版本Demo所对应的用户反馈等问题。如何简化用户需要填写的信息和自然引导是交互设计时考虑的重点。
UI设计
在这一阶段视觉设计师根据之前的交互稿和讨论产出视觉文档并交付项目组评审。有亮点的视觉稿更容易取得项目组的认可和推动。
EXP应用登录界面
EXP应用主界面
应用分为4个部分,可通过顶部的菜单选取
切换体验类型和体验平台
在配图的体验列表和文字列表间切换
下滑至主页的底部, 有订阅、反馈和返回顶部的快捷方式
体验的详情页面,动态时间突出结束时间
滚动体验详情页面会顶置‘立即参加’按钮
开发迭代
在开发迭代阶段,设计团队的主要工作便是进行下一个版本前期工作。除非流程或设计上出现重大的问题,技术障碍和开发进度是项目组主要关注的问题。往往是在这个阶段,我们会把一些比较大胆的主意制作成原型图和产品进行沟通。