项目空间设计实例介绍分享20110316.pptxVIP

项目空间设计实录分享K 互联网产品部2011.3.21 项目背景 团队成员起源1. 阶段一：用户调研 阶段二：交互设计 阶段三：视觉设计 阶段四：前端开发 阶段五：产品发布 阶段六：体验改进过程2. 遇到的问题 讨论总结3.内容概述团队成员产品设想?市场定位?谁是该产品的目标用户?产品的收入模式?产品发布计划?……一、起源 （项目背景）概述团队成员 产品经理（1） 需求分析师（1） 开发工程师（2+2） 用户体验设计（1）7人阶段一：用户调研阶段二：交互设计阶段三：视觉设计阶段四：前端开发阶段五：产品发布阶段六：体验改进二、过程用户访谈竞品研究/分析焦点小组 / 头脑风暴人物角色用户场景阶段一：用户调研市场布局状况；它们的数据情况如何（全还是不全，专业程度）；操作方面（刷新、页面跳转、查询、反馈、响应速度等）；界面方面（视觉、布局）；产品的详细功能点（常规功能、特色功能，实现程度如何）；关于竞品分析竞品研究/分析 （ MangoApps ）Comindwork 研究/分析关键字：讨论目的、时间控制、记录焦点小组何翠凤频繁录入数据的岗位“我不想知道系统的运行原理，我希望能快速录入数据少出错，万一出错了能很快恢复”是针对站点(产品)目标群体真实特征的勾勒是真实用户的综合原型个人背景何翠凤做仓库文员已经有2年多了，她对电脑不是很熟悉，对出现的问题一般是请求网路管理员的协助来解决的，她打字非常快，她平时主要的工作就是把公司的物品进行入库存档和核对，重复繁琐的工作令她经常郁闷，为此，她经常研究物品快速入库的处理方法，同时也经常留意能提升自己的相关信息。个人信息年龄段：18-25计算机和互联网使用情况电脑水平：中级网络水平：中级人物角色带来的好处？带来专注引起共鸣促成意见统一创造效率带来更好的决策动 机需 求数据录入及核算；成为该团队优秀成员；学习更多本行业相关知识，提升自我；在录入数据前，一切准备工作快速就绪；界面简洁、有效率、少错、容错；与手工材料协同的频率非常高；在空闲时间，与同事交流工作方法；对于业务异常的恢复，既要求授权人员参与，恢复时间要求也比较短；寻找相关知识提升自我；人物角色阶段一：挖掘用户需求阶段二：交互设计阶段三：视觉设计阶段四：前端开发阶段五：产品发布阶段六：体验改进二、过程设计原则应该是什么?基于设计研究基础之上；简短易懂；让人记忆深刻、难忘；始终贯穿整个设计过程；以“不容易使用”为目标；是每个人想法的集合；绝不自相矛盾。设计原则一致性；直接、易懂；高效；适时的提示和帮助；使用过渡；立即做出反应；简洁、美观。阶段二：交互设计960px VS 100%信息架构../../下一代应用平台/项目管理/项目管理代码原型/index.htmldemo阶段二：交互设计低保真原型（low-fidelity prototype）高保真原型（high-fidelity prototype）原型输出file:///C:\Users\weili_ma\Documents\My%20Axure%20RP%20Prototypes\金蝶在线项目管理_demo_1.1index.htmlDedmo1 ../../下一代应用平台/项目管理/在线项目管理/06%20Demo/金蝶在线项目管理_Demoindex.htmldemo2 file:///C:\Users\weili_ma\Documents\My%20Axure%20RP%20Prototypes\金蝶在线项目管理_demo_1.4index.htmldemo3用来评估用户界面和产品是否易用的质量参数，也是在设计过程中提升产品综合质量的方法。可用性测试1、根据企业VI手册或产品功能定义用色2、设计整体视觉风格3、设计产品Logo、icon4、输出视觉规范文档5、配合前端开发输出切片小图阶段三：视觉设计颜色：标志：风格定位版面布局首页效果版面布局版面布局根据原型输出html文档关键字：w3c标准、CSS、DIV、JS阶段四：前端开发关键字：发布周期、收集反馈、优化阶段五：产品发布1、完善/跟进../../下一代应用平台/项目管理/PMS问题修改详1.0.pdfPMS../../下一代应用平台/项目管理/PMS问题修改详1.0.pdf问题修改详细../../下一代应用平台/项目管理/PMS问题修改详1.0.pd1.02、用户满意度调查用户体验改进计划阶段六：体验改进项目中遇到的问题：设计思想、方法没有达成共识，所以想法不一致，产生争执和停滞；工程师没有按照确认的原型进行开发，导致界面、交互重新设计；原型代码化，由于团队没有前端开发人员，导致界面视觉