慧色用户体验与交互设计.pptVIP

自动完成提高用户效率 特殊人群 设计价值 * * Q2总收入111.4万，Q3总收入205.8万，+84.7% 航意险 -- Q3数据 * Q2日均为28%，Q3日均为37%，+9% 机票组新人送保险大促活动 结合提价33%的因素，总共多收入约88万 航意险 -- Q3数据 给设计师的9句话 用户体验是商业、技术、用户三方面交集 设计不仅是为了视觉美观 抓住产品的关键点 要解决问题 数据、用户的反馈是启示而非驱动 尊重用户的习惯 设计允许犯错 ，快速迭代的设计 做减法设计，更多的功能并不是用户所期待的 简单很难，所以我们更要坚持简单 About Face 2.0 Don’t make me think 2本书 THX 作者：慧色 huise@ * * * * 当我们UED在想如何创建真正成功的产品用户体验时，我们期待商业、技术与用户的交集。我们努力了解每个元素去完善设计。 1、从商业角度来论证产品的可行性，对用户是否真有价值。 2、技术为商业和对用户体验提供基础保障，技术与设计共同工作去完成商业目标。 3、产品对用户来讲是否非常吸引人，是否成为一种习惯，当我不仅成为忠实的客户，也许我把它推荐给身边的人（口碑效应）。 我们再来看三个部分的重叠，这是三方集思广益，合作的成果。当这三个学科的人走到一起，这个成果会产生神奇的效果。 * * * * * * * * * * * * What is Interaction Design? 定义： 交互设计试图提高产品或系统的可用性和用户体验。它首先研究、了解某类用户的需求，然后再通过设计来满足甚至超出用户的需求。 随着产品和操作变得越来越复杂，越需要用户掌握更多新技能，因此设计师面临更大的挑战如何能帮助用户提高效率。 通常，新技术对于目标用户来讲都很复杂。交互设计试图在保证产品功能的同时又能缩短用户的学习曲线，提高任务完成的准确性和效率。这能让用户遇到更少的阻碍，从而能有更高的效率，并感到更加满意。  ? ! 更少 聚焦 设计 多 探索 少 评估 产品瀑布流程 概念 头脑风暴市场研究 情境调查  定义 人物角色模型 用户场景 故事板 概念导图 设计 流程图 原型（纸、线框、高保、设计说明） 视觉 内容清单 可用性测试 检查 验收清单 MRD PRD评审 设计评审 UC评审 测试用例 检查 任务分析 导航设计 页面布局 原型设计 交互说明 交互设计方法 任务分析 与产品经理、运营方会议沟通并阅读理解PRD，转化产品需求为产品交互任务分析。 任务流程（思维导图、流程图） 任务列表（树形结构） 思维导图 流程图 描述用户特定任务的操作步骤,理清用户的操作步骤，对整个任务的全面了解,与其他部门沟通的有效工具，方便对工作量的预估 任务列表 1、卖家申请加入淘宝虚拟大额交易平台 a、申请条件不具备 （3条分支:B卖家 非C卖家 1个月内退出过平台） b、符合申请符合 签署淘宝虚拟大额交易协议 查看平台宝贝价格 签署支付宝代扣协议，提交平台预缴金 入住平台成功 2、话费直冲 a、搜索商品 （单一结果、多结果） b、商品价格设置 c、 选择供应商 d、 发布商品 …….. 常见导航有： 全局导航 辅助导航 面包屑  导航设计 导航设计是交互设计中的关键, 导航设计目的是把复的信息和页面经过组织清晰的展现给用户。 要让用户清楚自己处在的位置，自己可以访问那里。 导航设计决定了整个产品操作逻辑与页面关系。 常用的布局： 两列 三列 页面布局 根据前面的任务分析与导航设计，选则适合当前产品的页面 布局，把细碎的功能与导航粗略的排放进页面内。 页面布局范例 原型设计 原型设计是交互设计中比较重要的产出物，在确认的布局中添加功能模块细节的交互的形式。原型设计是交互设计师与产品经理、开发工程师、QA沟 通的最好工具。 原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。 原型分为高保原型、低保原型（线框图）  常用 低保原型（线框图）  设计说明 标明页面里操作的各种交互状态说明，让视觉设计师、开发 工程师可对照交互产出物更好的理解开发产品。 交互设计指南 任务可被完成 符合用户习惯 适时帮助提醒、反馈 操作一致 ……….. 特殊人群