项目空间设计实例分享20110316

1、项目空间设计实录分享项目空间设计实录分享KK 互联网产品部互联网产品部2011.3.21内容内容1.2.3.u 项目背景u 团队成员u 阶段一：用户调研u 阶段二：交互设计u 阶段三：视觉设计u 阶段四：前端开发u 阶段五：产品发布u 阶段六：体验改进u 遇到的问题u 讨论一、起源一、起源 （项目背景）（项目背景）u概述概述u团队成员产品设想产品设想? ?市场定位市场定位? ?谁是该产品的目标用户谁是该产品的目标用户? ?产品的收入模式产品的收入模式? ?产品发布计划产品发布计划? ?u 产品经理（1）u 需求分析师（1）u 开发工程师（2+2）u 用户体验设计（1）7人u概述u团队成员团队成

2、员二、过程二、过程u阶段一：用户调研阶段一：用户调研u阶段二：交互设计u阶段三：视觉设计u阶段四：前端开发u阶段五：产品发布u阶段六：体验改进1. 用户访谈2. 竞品研究竞品研究/分析分析3. 焦点小组 / 头脑风暴4. 人物角色5. 用户场景阶段一：用户调研阶段一：用户调研关于竞品分析关于竞品分析1. 市场布局状况；市场布局状况；2. 它们的数据情况如何（全还是不全，它们的数据情况如何（全还是不全，专业程度）；专业程度）；3. 操作方面（刷新、页面跳转、查询、操作方面（刷新、页面跳转、查询、反馈、响应速度等）；反馈、响应速度等）；4. 界面方面（视觉、布局）；界面方面（视觉、布局）；5. 产

3、品的详细功能点（常规功能、特色产品的详细功能点（常规功能、特色功能，实现程度如何）；功能，实现程度如何）；竞品研究竞品研究/分析分析 （ MangoApps ）竞品研究竞品研究/分析分析 （ comindwork ）Comindwork 研究研究/分析分析焦点小组焦点小组关键字：讨论目的、时间控制、记录关键字：讨论目的、时间控制、记录个人背景个人背景何翠凤做仓库文员已经有2年多了，她对电脑不是很熟悉，对出现的问题一般是请求网路管理员的协助来解决的，她打字非常快，她平时主要的工作就是把公司的物品进行入库存档和核对，重复繁琐的工作令她经常郁闷，为此，她经常研究物品快速入库的处理方法，同时也经常留意

4、能提升自己的相关信息。l数据录入及核算；l成为该团队优秀成员；l学习更多本行业相关知识，提升自我；l在录入数据前，一切准备工作快速就绪；l界面简洁、有效率、少错、容错；l与手工材料协同的频率非常高；l在空闲时间，与同事交流工作方法；l对于业务异常的恢复，既要求授权人员参与，恢复时间要求也比较短；l寻找相关知识提升自我；个人信息个人信息年龄段：18-25计算机计算机和互联网使用情况和互联网使用情况电脑水平：中级网络水平：中级何翠凤何翠凤频繁录入数据的岗位“我不想知道系统的运行原理，我希望能快速录入数据少出错，万一出错了能很快恢复”动动 机机需需 求求人物角色人物角色是针对站点是针对站点(产品产品

5、)目标群体目标群体真实特征的勾勒真实特征的勾勒是真实用户的是真实用户的综合原型综合原型人物角色带来的好处？带来专注带来专注引起共鸣引起共鸣促成意见统一促成意见统一创造效率创造效率带来更好的决策带来更好的决策二、过程二、过程u阶段一：挖掘用户需求u阶段二：交互设计阶段二：交互设计u阶段三：视觉设计u阶段四：前端开发u阶段五：产品发布u阶段六：体验改进设计原则设计原则1.一致性；2.直接、易懂；3.高效；4.适时的提示和帮助；5.使用过渡；6.立即做出反应；7.简洁、美观。阶段二：交互设计阶段二：交互设计设计原则应该是什么设计原则应该是什么? ?1.基于设计研究基础之上；2.简短易懂；3.让人记忆

6、深刻、难忘；4.始终贯穿整个设计过程；5.以“不容易使用”为目标；6.是每个人想法的集合；7.绝不自相矛盾。960px VS 100%阶段二：交互设计阶段二：交互设计demo信息架构信息架构原型输出原型输出Dedmo1 & demo2 & demo3低保真原型（低保真原型（low-fidelity prototype）高保真原型（高保真原型（high-fidelity prototype）可用性测试可用性测试用来评估用户界面和产品是否易用的质量用来评估用户界面和产品是否易用的质量参数，也是在设计过程中提升产品综合质参数，也是在设计过程中提升产品综合质量的方法。量的方法。阶段三：

7、视觉设计阶段三：视觉设计1、根据企业、根据企业VI手册或产品功能定义用色手册或产品功能定义用色2、设计整体视觉风格、设计整体视觉风格3、设计产品、设计产品Logo、icon4、输出视觉规范文档、输出视觉规范文档5、配合前端开发输出切片小图、配合前端开发输出切片小图颜色：风格定位风格定位标志：版面布局版面布局首页效果首页效果版面布局版面布局版面布局版面布局阶段四：前端开发阶段四：前端开发根据原型输出根据原型输出html文档文档关键字：关键字：w3c标准、标准、CSS、DIV、JS阶段五：产品发布阶段五：产品发布关键字：关键字：发布周期、收集反馈、优化发布周期、收集反馈、优化1、完善、完善/跟进跟进PMS问题修改详细问题修改详细20100504v1.02、用户满意度调查、用户满意度调查阶段六：体验改进阶段六：体验改进用户体验改进计划用户体验改进计划三、总结三、总结项目中遇到的问题：项目中遇到的问题：1. 设计思想、方法没有达成共识，所以想法不一设计思想、方法没有达成共识，所以想法不一致，产生争执和停滞；致，产生争执和停滞；2. 工程师没有按照确认的原型进行开发，导致界工程师没有按照确认的原型进行开发，导致界面、交互重新设计；面、交互重新设计；3. 原型代码化，由