用户体验体系和团队构建

如何成功构建用户体验体系和团队曹鑫TUYIDesign!!!!!!!!!!!2014-04CopyWrightofCAOXIN&TUYIdesign用户商业“任脉”“都脉”用户体验设计就是要打通用户和商业的“任督二脉”，构建更加健康和更加具有“精气神”的产品我很爽！发财啦！CopyWrightofCAOXIN&TUYIdesign用户体验设计体系的基本要素需求阶段竞品分析用户研究需求分析构建阶段原型设计／测试任务流分析信息架构设计视觉阶段符号系统／信息设计视觉风格视觉规范用户是谁？用户的需求和行为？产品的定位？基于需求，用户的最优任务是什么？基于任务流，产品的信息结构是什么？产品的基本布局和交互方式是什么？产品的怎样更易于认知？产品的视觉规则什么？产品的视觉感受什么？CopyWrightofCAOXIN&TUYIdesign用户体验设计体系：产品需求阶段用户研究需求分析竞品分析用户体验设计中的三种用户需求功能需求可用性需求体验需求实际需求优化需求情感需求用户使用产品的目的促近功能需求实现提升用户心理体验＋＋CopyWrightofCAOXIN&TUYIdesign需求解决什么问题？现有用户潜在用户竞品用户功能需求体验需求可用性需求用户CopyWrightofCAOXIN&TUYIdesign线下研究方法OfflineResearchMethod需求收集随行观察Shadowing!Observing!Sticker&QuickNoting!ObservingSticker&QuickNotingUserInterviewSticker&QuickNoting参与式观察小组访谈ProblemAnalysis体验地图定义用户用户画像Personas!用户情景Scinario!需求分析需求分析竞品分析CopyWrightofCAOXIN&TUYIdesign随行观察Shadowing!Observing!Sticker&QuickNoting!ObservingSticker&QuickNoting参与式观察方法：以如影随行的方式，观察目标人物在工作和生活中的体验，透过他显露出来的细节，搜集第一手洞见。用照片、笔记和录音设备详实记录。目的：了解目标人物的使用行为和习惯，建立基本的熟悉感。并对设计可以提出建议。方法：以自然观察者的身份融入环境中，与关键人物和他们觉得重要的事物形成深刻的连结及同理心，用和研究对象一样的方式体验活动事件。重点的点：系统性观察与记忆非常重要，记录下的不单是环境中显而易见的事物，也包括参与者的行为、互动、语言、动机与感知选择调研场所追踪目标人群制定行程计划CopyWrightofCAOXIN&TUYIdesign焦点小组方法：对每个关键人物的基本信息、行为、心里状态和需求几个方面，以电话访谈、焦点小组、一对一访谈的形式。基于预先设定的问卷结构的基础上，进行开放式的访谈。UserInterviewSticker&QuickNoting撰写调研问卷初步还原调研选择目标人群选择调查用户手机型号其他拍照设备拍照\美图应用常用应用 原因景物常用滤镜自拍常用滤镜自拍动机\情景不满意 原因修图后立刻删除大学生1iPhone 5s自拍神器美人相机 百度魔图美人相机（有自动瘦脸功能）lomo美颜—粉嫩出去玩\宿舍内角度不好大学生2galaxy s4单反line—cameraline—camera（1:1取景）清晰白猫为了照镜子多数都不满意大学生3iPhone 5数码相机 单反美颜相机 HelloCamera 相机360 美图秀秀美颜相机（拍下来自动美颜）电影一键美颜—红润出去玩\照镜子照的不好看大学生4iPhone 5sipadmini 单反MultiExpo 魔漫相机 Afterlight 相机360 美图秀秀Afterlight （AppStore中花钱购买，滤镜好看）glacier一键美颜—自然出去玩\吃饭的时候表情不自然大学生5NOKIA 610数码相机 单反美图秀秀美图秀秀（拼图方便）lomo复古换头像\出去玩脸上有痘痘中学生1iPhone 5ipad4美颜相机 美图秀秀 百度魔图美颜相机（功能多）无自动美颜和小伙伴们玩耍照的显脸大中学生2iPhone 5s自拍神器相机360 美图秀秀 相机360（功能多滤镜多）hdr一键美颜—可爱出去玩\买衣服时照的不好看中学生3galaxy s4数码相机 美人相机 美图秀秀美人相机（修图功能强大）Hudson美颜—清新出去玩\和朋友拍照照的不好看中年妈妈1galaxy note3ipad4美图秀秀 手机相机美图秀秀（没有下载其他应用）无美颜和女儿拍合照无上班年轻女性1iPhone 5sipadmini 数码相机美颜相机美颜相机（修图好看）柔光柔光心情好就自拍照的不好看大学生6HTC 502w没有相机360 玩图相机360！ 效果好！！优格甜美可人。。。要发图角度不好大学生7iPhone照相机相机360相机360 好看不用没有没事干了角度大学生8索尼ipad或其他手机poco相机poco相机 一直用觉得很自动或景色美肌 poco相机里美化图高兴脸上包 眼睛看的不对位CopyWrightofCAOXIN&TUYIdesign体验地图方法：透过观察、访谈中搜集到的大量数据，如何在发现的众多问题中理出思路？如何找到最关键的问题、用户最沮丧的点？ProblemAnalysisCopyWrightofCAOXIN&TUYIdesign通过体验地图可以从总体上把握用户的问题痛点，有助于发现问题痛点之间的关联性以及问题区域用户画像方法：通过用户画像来，找到典型用户，并且对其进行行为和需求定义PersonaCopyWrightofCAOXIN&TUYIdesign用户情景方法：对典型用户的典型行为情景进行归纳和概括，为行为需求分析做准备Scenario故事版StoryBoard/典型故事描述CopyWrightofCAOXIN&TUYIdesign需求分析Step1：将观点写在便利贴上每个人将自己的观点整理到便利贴上。每张便利贴写一条，尽可能多写便利贴。Step2：将便利贴贴在墙上随机贴放，可随时补充Step3：对便利贴分组当观点收集完毕，组长(主持人)请同组人员对墙上的便利贴进行分类，将便利贴移动、聚集成一个个组。与会者可以通过讨论达成一致Step4：为分组命名请与会者为每个组命名，并把组名写在另一个颜色的便利贴上，贴到每组上方。基本方法：卡片分类法CardSortingStep5：在维度内重新排列归纳维度分类，并整理用户在手机使用体验中的每个关键点，这些关键点及关键点下的标签内容，可直接为设计需求服务。CopyWrightofCAOXIN&TUYIdesignA.基于用户典型行为情景来对需求进行分类分析需求分析（行为分析法）B.基于设计方向（范畴）来对需求进行分类分析CopyWrightofCAOXIN&TUYIdesign竞品分析竞品分析的意义!针对相关的竞品产品，分析其主要和特色功能／UE／UI设计所隐含的关键的用户行为，并参考自身产品中同类用户行为，结合用户调研，借鉴其功能／设计中的优点，避免出现其功能／设计中的缺点，并对自身产品的定位和评价提供一定的依据。用户行为／信息架构对比主要／特色功能对比UE／UI设计对比CopyWrightofCAOXIN&TUYIdesign用户体验设计体系：构建阶段任务流分析信息架构／交互设计CopyWrightofCAOXIN&TUYIdesign产品原型解决什么问题？需求CopyWrightofCAOXIN&TUYIdesign设计方法DesignMethodTaskFlowDesign任务流设计InformationArchitecture信息架构PrototypeDesign/Test原型设计／测试CopyWrightofCAOXIN&TUYIdesign设计方法DesignMethodTaskFlowDesign任务流设计基于需求阶段的分析，定义产品的最优化用户任务流，为构建产品结构打下基础CopyWrightofCAOXIN&TUYIdesign设计方法DesignMethod基于任务流（最佳路线）构建产品的内在结构地图（最佳路线）InformationArchitecture信息架构CopyWrightofCAOXIN&TUYIdesign设计方法DesignMethod基于信息架构，设计原型布局和交互模式，同一个信息架构，可以有多种交互原型设计原型设计／测试PrototypeDesign/TestCopyWrightofCAOXIN&TUYIdesign设计方法DesignMethod根据需求我们会用低保真／高保真原型，通过典型用户进行原型测试，从中选出最佳的原型设计原型设计／测试PrototypeDesign/Test用户体验设计体系：视觉阶段视觉风格定义视觉语言规范语义符号系统信息图形化设计CopyWrightofCAOXIN&TUYIdesign设计方法DesignMethodUI设计视觉风格视觉规范信息图形语义符号CopyWrightofCAOXIN&TUYIdesign设计方法DesignMethodVisualStyleDefinition视觉风格定义通过产品的视觉风格定义，来设计产品外观上给人的视觉感受体验CopyWrightofCAOXIN&TUYIdesign设计方法DesignMethodIconSystem语义符号系统语义符号系统是界面的“视觉文字”，是构成UI系统的重要元素CopyWrightofCAOXIN&TUYIdesign设计方法DesignMethodVisualGuideline视觉规范视觉规范决定了界面的“视觉语法”，使得界面在视觉上更加统一且更加易于理解CopyWrightofCAOXIN&TUYIdesign设计方法DesignMethodVisualGuideline信息图形化设计随着当今的界面信息量越来越大，以及“大数据”时代的到来，如何使得信息或数据更加图形化且易于理解，已经成为UI设计的重要组成部分如何组织用户体验设计团队灵活构建小型用户体验团队用户体验设计团队UEDTeam⽤用户研究员产品经理交互设计师视觉设计师产品需求低保原型⾼高保原型用户体验设计团队UEDTeamUserResearcher用户研究员!!职责描述 !1. 组织和执行线上和线下用户研究活动，如随行观察，参与性观察，用户访谈等 !2. 定义用户角色，进行用户角色画像，收集三种需求 !3. 对调研数据数据整理和分析，评估需求，并撰写相关报告 !4. 组织对产品原型进行用户测试，并且对测试结果进行评估，给出分析报告组织调研用户测试收集／分析需求用户画像用户体验设计团队UEDTeamProductManager产品经理!!职责描述 !1. 产品功能需求调研，于用户研究员配合对产品进行策划，定义，和评估，撰写产品需求文档 !2.组织行业竞品分析，与市场和运营团队配合，制定产品商业策略 !3. 配合产品设计师进行原型设计，评估和讨论原型设计 !4. 协调技术团队开发，项目管理，日常进度跟踪 !整理功能需求协调开发产品策划／设计竞品分析用户体验设计团队UEDTeamInteractionDesigner交互设计师!!职责描述 !1. 与产品和用研配合，设计最佳的用户任务流，进行信息架构设计 !2. 配合产品经理进行产品的概念交互原型设计。 !3. 配合视觉设计师，对设计需求和交互原型进行有效的交流，确保视觉界面设计的正确实现。 !4. 针对原型设计，配合进行用户测试及分析。 交互原型设计协调UI／测试信息架构设计用户体验设计团队UEDTeamVisualDesigner视觉设计师!!!职责描述 !1. 配合交互设计师完成产品界面的UI设计（界面，内容物料，动态，信息可视化等）工作。 !2.