Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a 设计好的用户体验 郑磊
Mais de 麦哥UE
设计好的用户体验 郑磊
- 3. 而实际上 • 接需求、画原型、写PRD； • 开会、开会、开会； • 被设计师喷； • 被前端喷； • 被RD喷； • 被测试喷； • 想去喷运营，结果想了想，妈蛋，需求是老 板给的，关运营P事； • 晚上9点半，抬着盒饭去工程师旁边蹲下来， 内心艹了他千百遍之后慢慢的说：哥，再给 加个功能呗~这次这个真的很简单~ 苦 逼
- 10. 成就感
- 11. 什么问题？ 沟通不畅
- 13. 1. 场景 2. 用户 3. 任务 功能 4. 逻辑策略 5. 文案 6. 目标
- 15. 需求文档样例
- 16. 版本体验走查表
- 17. 需求列表都不好使， 怎么办？
- 18. 需求可视
- 19. 需求可视
- 20. 白板文化
- 21. 系统性需求怎么照顾全面？
- 23. Feature List 1. 场景 2. 用户 3. 任务 功能 4. 逻辑策略 5. 文案 6. 量化目标 思维导图 1. 整体架构 2. 对比竞品 3. 把握优势 4. 确定机会 可视.白板 1. 形象 2. 直观 3. 发散 4. 同步
- 25. 交互设计Interaction Design, 缩写 IxD 或 IaD。 UCD UED 可用性 IDUR GUIHCI UE .org 职位 方法 理念 团队 用户体验 UED UX 交互设计师： HCI 或IxDer 也不要称呼视觉叫美工！ UI
- 27. Don’t make me think
- 28. Discover insight into •customers, •Competitors, •client brand, •key opportunities. Design a range of design approaches and concepts to more fully address the client’s challenge. The concepts are reviewed, tested, refined, and crafted into a focused design direction Deliver Ideas Become Reality In this phase we specify, document, and deliver project details to the client for implementation, or we get involved directly in the production process— both guarantee the accurate translation of ideas into reality
- 29. discover 望 observe 闻 notice 问 questionnaire 切 experience 论坛 微博 同事 后台反馈 数据分析 用户访谈
- 31. Design 基础知识 设计原则
- 32. 如何理解这两张图？ 信息.互动
- 33. 注意 知觉 记忆 信息的检测和加工 记忆结构和过程 知识 思维 言语 高级的认知 认知心理学 • 研究信息是如何获得、贮存、加工和 使用的，表现在注意、知觉、表象、 记忆、思维和语言阶段的试验研究。 1. 有限容量; 2. 信息加工学说; 3. 格式塔完型学说。
- 34. OK Cancel
- 36. • 动画 • 大字title • 图片 • 导航要素 • 筛选要素 Taobao 手机端 行为测量 注意
- 39. Law of Proximity 接近律
- 40. 电梯按钮
- 41. Law of Similarity 相似律
- 42. Law of Closure 封闭律
- 43. Law of Symmetry 对称律
- 44. Law of Common Fate 共同命运律 Law of Continuity 连续律 Law of Good Gestalt 秩序律
- 47. 图比字更容易被记住
- 48. 给关键任务加图标
- 49. 记忆 7±2 分组
- 51. Don’t make me think 注意：减少干扰、聚焦核心 知觉：整体性 记忆：减少信息、分组、加图 如何实现呢？
- 52. 9个关键词
- 56. 关闭 动作取消 交互行为统一 1
- 57. 浏览器4.x对话框 1
- 59. 一致 • 语言、图标，图形、整个产品的控件或组件保持一致 • 通用快捷键与系统保持一致 • 交互方式保持一致 If not •产品品质低下 •增加用户识别成本 •增加开发、维护成本 •增加运营成本
- 60. Why inconsistent • 模块分工，缺乏沟通 • 缺乏规划，临时凑合 • 项目周期太长，项目成员变更 多沟通 长规划 文档归档 solution 1
- 61. 就近反馈，已申请专利 2
- 62. 状态的反馈 2
- 63. 反馈 • 准确、及时、有意 • 符合预期 • 适宜动效 2
- 64. 响应式设计 3
- 65. 3
- 66. 3
- 67. 3 初级用户需求 高级用户需求
- 68. 通用 • 可定制、可选择、可扩展 • 可以灵活使用和控制 • 初级与高级需求 3
- 69. 4
- 70. 4
- 71. Android iPhone iPad WP7-8 Mac 多指手势，左侧关闭 返回键、action bar、 notification 、顶部tab、长按与滑动 左侧返回，滑动返回 避免大面积的动画转场 鼠标右键、快捷键、右侧关闭、metro 4
- 72. 习惯 • 用户操作习惯 • 系统习惯 • 视觉习惯 • 用语习惯 • 行业习惯 4
- 73. 5
- 74. 情景化菜单 5
- 77. • reduce • organize • time • learn • difference • context • emotion • trust • failure • the one 基础 中级 深度 总结 SHE Shrink Hide Embody 5
- 78. 精简 • 减少操作步骤 • 突出重要信息，弱化非必要信息 • 配置最佳默认项 • 结构化信息，实现理解清晰 • 情景化的菜单 5
- 79. 6
- 81. 导向 • 有效指引 • 避免误解 • 顺应认知 • 提高效率 6
- 82. The hero One One核心服务 应用 One核心功能 One in & One out 界面 流程
- 86. One核心功能
- 91. One in & One out Beyond equality
- 92. One in & One out
- 93. One in & One out
- 94. One in & One out
- 95. One in & One out
- 96. One in & One out Beyond equality
- 97. 别误用了导向！
- 98. 平等
- 100. 设计原则 一致 反馈 通用 习惯 精简 导向 智能 美的 卓越
- 101. 智能
- 103. 卓越 9 卓尔不群 神超形越
- 105. Deliver 模板 工具
- 109. 手机端Demo展示神器—POP（ Prototyping on Paper ）
- 110. maczheng 59943134
Notas do Editor
- 熟悉同学们，产品线，学校，专业，哪儿人？ 自我介绍。麦哥，兴趣，籍贯，经历。 如何理解产品岗位，
- 其实设计师也很苦逼
- 问题： 产品说404页面太单调了，我们做的好看点。 是不是太可爱了点，文案调整下 情景
- 找找问题
- 问题：产品沟通的不到位 正确的描述： 在用户访问页面意外状况下，缓解用户沮丧的情绪 要传达用户访问失败的现状 提供用户可操作的重新打开，和查看网页快照的需求 推荐用户访问类似的网页 最后是缓解用户沮丧情绪
- 听闻有32次修改的需求~
- 问题 结论 看看需求都有什么样的？来个现实的例子。 传说还有改了30多次的需求。
- 设计师角度 最大的问题 需求怎么写的？大家举例
- 问题 避免展现具体方案， 比如关闭 是需求，按钮是形式，关闭的形式可以是按钮，可以是点击框外区域等，可确定需求但不必确定形式。 避免重复描述模式化的元素：比如弹窗元素，设计有规范不用赘述。 模块：整体需求，细分为避免崩溃，处理崩溃。
- Why what when where how 共建需求的原因。
- 共建需求
- 脑补， 需求可视，表现场景感，流程更清晰， 问题暴露充分，需求更形象， 共做需求，参与强，成就感强
- 需求罗列，不遗漏，挑出重点 界面罗列，更好做统一
- 白板用于讨论，进程，to do list同步，项目进度，项目阻塞位置。 对设计师来说，是挥洒灵感，
- 竞品分析。
- 希望大家能有个好的项目合作体验。
- 得出的结论就是：提升体验的手段都是各种细节。后面我们就来系统的了解这些细节。
- 为什么不要称呼视觉为美工呢？
- 美工不会给你考虑开发难度，产品价值。
- 问题 没有打开和打开了的，放在桌上没人动，没人知道，打开后一会儿就没了。 不要让用户思考 Don’t make me think
- Frog design， 由开到收 从找问题到传递解决方案
- 用户和需求之间的隔阂。 不要把自己的需求当成用户的需求。片面。用户有很多类，需求有很多情景。
- 问题 信息，information， 重点，过程 组织信息消费信息反馈信息
- 认知心理学放在最后作为保证可用性的知识点 达到高级认知就不是体验设计的事儿了，比如作词作曲，信息创作此类
- 问题 注意右下角按钮的位置，sogou浏览器或其它浏览器的问题，注定被忽略的。解决办法，按钮往上放置。避免底部被莫名的忽略
- 特异:特异依赖于秩序而存在 ，注意的唯一性 横向不如纵向好。
- 特异:特异依赖于秩序而存在 热区
- 问题
- 靠近
- 相似律的一个特例 1和2 2和3
- 一个界面来讲6个规律,目的是让界面更有整体感。 做个考题
- 如何快速记住 是人脑对感知过的事物，思考过的问题，体验过的情绪和做过的动作的反应。 记忆是个过程，它包括 信息的编码（识记）、储存（保持）和提取（回忆与再认）这三个环节。 按照信息加工学说的认知过程和保持时间的长短分为 感觉记忆、短时记忆、和长时记忆。 课堂中我们要分组的目的是什么？ 是为了好看吗，是为了更好的找到你，定位到你，你
- 图和文字那个更有用？
- 给关键任务加图标 注意和记忆的结合
- 7+2 ，分组
- 长时记忆分为图形等画面，文字等抽象理解的元素，位置 ：画面记忆能力比文字记忆能力强得多，斯丹丁(Anderson,1990)曾做过一个实验，人们可以记忆一万幅画面的73％； 感觉记忆：不到1s 感觉残像 为认知提供广泛的素材 短时记忆：不到20s 将重要的少数刺激提取来进行精细加工的准备期 长时记忆：超过1m
- 信息多了，就得有重点 人的理解是有限的，理解是需要过程的，所以我们要简单 完型心里告诉我们，信息设计是有规律可行的。 马桶阅读理论：不要给用户超过马桶上看不完的内容
- 举例揭晓
- 有什么问题？ 如何解决？提问 文案统一
- 问题？
- 交互方式统一 问题到提炼规律
- 组件统一 浏览器4.2时间都3年了，
- 最重要 的是？
- 腾讯可用性的42章经
- 比如，客户端的设计师和运营需求的设计师是两个team 开发分为web和native两个team 对通知体系的规划不足，浏览器4.2时间都3年了，
- 动作的反馈
- 状态的反馈，加上动效就更好了。
- 交互过程的重要一环就是要有反馈。
- 内容在不同界面上的通用展现。
- 窗口变化&横竖屏
- 三个按钮，明显没有按需求把用户区分
- 个性需求
- 问题 哪儿有问题
- 平台的差异。 用户习惯的差异 左右手差异
- 对于Android的建议 左右滑动切换tab是Android大屏手机上必要的快捷方式 Android中长按列表出现context menu它的一个特性 长按和滑动 Android早期适应PC windows 的界面，左确定右取消，3.0之后逐步借鉴ios，左取消，右确定
- 左右手的问题 系统平台的习惯问题 文案的问题 为什么北京出租车的配色会是那么多？五方五行五色四季 故宫有黄，红，绿，黑， 左舵车 打破惯例的收益
- More is less 谨慎加功能 加上去是很难拿下来的。 在众多功能中做好调查，凸显用户常用的功能。
- 不用第一时间展示全部功能和内容，情境下出现功能和菜单。
- 转移给系统，你能看到更多，更好做决策，省了我们在界面中的设计，开发和数据同步会出现的bug等坑。 Android系统比ios强一点的就是开放的众多接口能让一些模块相互调用，比如账号登录，内容分享，可以不再自建，而依赖别家，这种转移是中简化，保证可用缩短研发。
- 10条原则彼此独立，可叠加使用 简化 在界面体验中，包括 简化 reduce记得要through thoughtful reduction SHE shrink hide embody we tend to have a more forgiving attitude toward smaller ones another rule"fear the large, endear the small"
- 突出内容，弱化界面
- 第二个关键词 导向
- 前面讲到的流程中，有意图的引导用户操作，让用户减少思考的时间。 详解对话框按钮的设计。 首先我们看到一个 确定和取消的按钮，没有给出足够的引导
- 好的体验在于给用户引导。
- 电影和Android
- Android guide 中有 do one thing and do it well. 目前来说，做大而全的产品基本是不会有好下场的。 也是需要众多细节形成整体体验的。 QQ聊天
- ADS 网上有苹果的布道师会介绍个十字坐标讲解ads，比较难以实用，回归到app design guideline 中的要求，就是statement。 从若干任务中，我们筛选出来。比如复制网页文本，扫描二维码，
- 首要展示谁？ 设置很重要吗？ 最吸引你的是？ 设置tab 没有必要与前3个在同一层级，弱化C=强化A 换位号码展示，并直接提供标记陌生号码功能。
- 问题 不一致 无重点
- 底部方便，
- 核心功能，凸显 hero的强烈意义。
- Make first thing first and get done
- 引导用户操作更可能做的
- 修复工具
- 问题？
- 这些都是多任务的切换，或者浏览器多窗口的切换页面， 哪个更好，为什么？
- Focus：让功能更聚焦更单纯，就更便捷。收藏功能单纯，导航更单纯，menu更单纯 convenience ：常用的命令设计长按调出，收藏历史的入口长按收藏图标，长按tab切换按钮，调出新建tab。 No disabled：当前页面无效的功能不再灰色显示，直接不显示，首页没有返回，就不显示返回。 Delight：新想法放在home按钮上，切换分屏，色彩转圈，同时打开分屏循环
- 智能，想你所想，贴心置腹。 首次启动提示一键安装，排除已安装 安装一个后提示有更多推荐 Wifi自动离线 自动夜间模式
- 文字的大小， 行距的宽松 按钮的安排 动画的节奏 所有的细节决定了体验的成败。 跟设计师们讨论问题，多用这些词汇。
- Distinguished：我们搜狗的浏览器，跟pc浏览器的dna继承，圆，彩色。 印象深刻的细节 path 的“+” 微信的朋友圈评论只看到自己朋友的
- 拉灯和色板自定义
- semob iPhone2.0-阅读模块交互设计方案0515
- 精确传达设计意图，避免设计师，产品，视觉，开发等角色对细节的遗忘，误解
- Axure画手机界面尺寸建议：360x640