《设计思维与方法》PPT课件.pptx

设计思维 Design Thinking 哪一个是好设计 ？ 在常规工作中如何创新？ 评判设计 好坏的依据从何而来？ 怎么能做出好的设计 ？ 射击湿日常 洞察用户设计 思考制作原型效果评估+ 设计 思维的工作方法 洞察用户的重要方法 移 情 观察 把用户的行为作为他的生活的一部分来观察 接触沉浸 移 情 除了要知道用户都做了什么，都怎么去做的，还要知道为什么，他的目的是什么 要知道他这个行为所产生的连带效应 理论联 系实践 联系人详情 页 北京南站 各种背景 各种年龄龄 实实地观观察、访谈访谈 测试测试 任务务 1.大部分用户户的大部分联联系人只有一个电话电话 号码码 2.大部分用户户的大部分联联系人是没有头头像的 3.打电话给联电话给联 系人是第一诉诉求 4.只有很少的用户户会给给小部分联联系人设设置备备注等其他联联系方式 5.操作环环境往往是在行进进中，单单手操作 给联 系人打电话 删除联系人 添加新联系人 将联系人添加到群组中 给联 系人发短信 查找联系人 0.59 0.43 0.23 0.13 0.13 0.05 任务失败率 任务失败率 = 1 - 任务得分总和 实测 人数 1 表示任务成功完成 0 表示失败或放弃 0.5 表示提示后成功，或尝试 3次以内成功 创新，也就水到渠成了. 深入用户 变成用 户 跳出用户 观察 接触 沉浸设计 技法 移情 设计 思考的方法 视觉 化思考 Visual Thinking 目标导向 回归本源 Return to Origin 分析问题 的切入点 一定是背后的本质，千万不要纠缠 表象 回归本源 Return to Origin 理论联 系实践 课程卡片 封面 标题 机构名称 价格 服务承诺 课程简介 可点击区域为什么不是整张卡片？ 项目经理： 整张卡片可点 目前的点击区域不够大 可点击区域的感知不明显 用户不会去点击整张卡片 用户只会点击他预期可点的部分 合理的可点区域应该 是哪部分？ 标题、图片、描述以及其周边的区 域 整张可点的目的是什么? 整张可点可行吗？有弊端吗？ 问题 的本质 问题 的表象 封面 标题 机构名称 价格 服务承诺 课程简介 卡片设计 准则 1.卡片组成的列表中，卡片的hover态： 明确当前焦点的位置； 展示更多隐藏的信息； 更鲜明的指引用户点击； 2.卡片点击触发区： 卡片上若有其他链接，触发区要区分明确，整张可点会造成误点； 卡片上可点的部分要有明确的hover反馈； 卡片可点区域并不是越大越好，而是要符合用户点击行为的预期； 好的思考者一定善于从原点开始思考 拆解问题重构问题12 这个问题 是如何产生的？ 它隐含了哪些前提假设？ 它和其它问题 的关联是什么？ 为什么它是一个重要的问题 ？ 正确的定义问题 ，就相当于完成了50% 的问题 解决的工作。 目标导向 首先明确目标 拆解成子目标，然后转化为设计 要点 理论联 系实践 百度图片 图片WebAPP分类浏览页 改版 用户行为 快速定位具体类别 随便看看都有哪些类别 有明确目的 没有明确目的 用户目标 （高效性） 分类一目了然， 可以快速切换和到达 设计 目标 浏览型 低效型 效率型 楼层 左侧导航 16% PV PV=Page View(页面浏览 量） 用户目标 Touchpoint设计目标 拆解转化 产品目标 目标导 向的思考方法 化无形为有形 一图胜 千言 视觉 化思考 Return to Origin 在思考时一定要敢于用笔去 画图，不关注到底画成什么样，但是首要得 画图 结构化问题 易于修改 提升参与度 发现 思想鸿沟 尽早指出错误 门槛 低 手绘草图 不拘泥形式、载体 边画边说 比例真实 抛弃任何辅助工具 不是绘画 是交流工具 除了界面，你还可以画： 流程图 工作排期计划 产品概念图 项目局势图 Anything 高保真交互稿优势 直观感受更具有冲击力（美感） 表意更接近最终产 品的真实状态 显著降低沟通成本 更好的提早验证产 品 注意：高保真交互稿不等于视觉 稿 高保真交互稿 - 技巧 确定主色调-产品主色（常用色系黑、蓝、橙） 1 “养成”自己的控件和图标库 （黑白灰） 2 最真实的排版-真实比例的图片、字体大小、行距 3 记得使用半透明和圆角矩形 4 你需要一只万能的手 5 高保真交互稿 - 适用场景 线上成熟产品 向大boss汇报 概念型新产品 视觉表现占比高 交互方式新颖