设计思维与方法.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次以内成功 创新，也就水到渠成了... 深入用户 变成用户 跳出用户 观察 接触 沉浸 设计技法 移情 设计思考的方法 分析问题的切入点 一定是背后的本质，千万不要纠缠表象 回归本源 Return to Origin 理论联系实践 课程卡片 可点击区域为什么不是整张卡片？ 项目经理： 整张卡片可点 目前的点击区域不够大 可点击区域的感知不明显 用户不会去点击整张卡片 用户只会点击他预期可点的部分 合理的可点区域应该是哪部分？ 标题、图片、描述以及其周边的区域 整张可点的目的是什么? 整张可点可行吗？有弊端吗？ 问题的表象 封面 标题 机构名称 价格 服务承诺 课程简介 卡片设计准则 1.卡片组成的列表中，卡片的hover态： 明确当前焦点的位置； 展示更多隐藏的信息； 更鲜明的指引用户点击； 2.卡片点击触发区： 卡片上若有其他链接，触发区要区分明确，整张可点会造成误点； 卡片上可点的部分要有明确的hover反馈； 卡片可点区域并不是越大越好，而是要符合用户点击行为的预期； 好的思考者一定善于从原点开始思考 拆解问题 重构问题 1 2 这个问题是如何产生的？ 它隐含了哪些前提假设？ 它和其它问题的关联是什么？ 为什么它是一个重要的问题？ 正确的定义问题，就相当于完成了50%的问题解决的工作。 目标导向 首先明确目标 拆解成子目标，然后转化为设计要点 理论联系实践 百度图片 图片WebAPP分类浏览页改版 用户行为 快速定位具体类别 随便看看都有哪些类别 有明确目的 没有明确目的 用户目标 （高效性） 分类一目了然， 可以快速切换和到达 设计目标 浏览型 低效型 效率型 楼层 左侧导航 16% PV PV=Page View(页面浏览量） 用户目标 Touchpoint 设计目标 拆解 转化 产品目标 目标导向的思考方法 化无形为有形 一图胜千言 视觉化思考 Return to Origin 在思考时一定要敢于用笔去 画图，不关注到底画成什么样，但是首要得 画图 结构化问题 易于修改 提升参与度 发现思想鸿沟 尽早指出错误 门槛低 不拘泥形式、载体 边画边说 比例真实 抛弃任何辅助工具 不是绘画 是交流工具 除了界面，你还可以画： 流程图 工作排期计划 产品概念图 项目局势图 Anything 高保真交互稿优势 直观感受更具有冲击力（美感） 表意更接近最终产品的真实状态 显著降低沟通成本 更好的提早验证产品 注意：高保真交互稿不等于视觉稿 高保真交互稿 - 技巧 确定主色调-产品主色（常用色系黑、蓝、橙） 1 “养成”自己的控件和图标库（黑白灰） 2 最真实的排版-真实比例的图片、字体大小、行距 3 记得使用半透明和圆角矩形 4 你需要一只万能的手 5 高保真交互稿 - 适用场景 线上成熟产品 向大boss汇报 概念型新产品 视觉表现占比高 交互方式新颖 每个角色应在各自专注的领域做到尽量高保真 设计师的思维 该文档的版权为百度UE讲堂所有，如需转载请注明出处。 THX!