用户体验的个层面.ppt

用户体验的5个层面 产品部：许庭钰 2010.11.12 聘 生 汐 升 炭 闽 验 岳 垣 蹭 蔑 墩 悍 歉 群 煞 旁 合 佯 岸 豌 犁 辕 魄 筐 培 殆 涉 畅 淘 牌 臼 用 户 体 验 的 个 层 面 用 户 体 验 的 个 层 面 什么是用户体验 产品如何与外界发生联系并发挥作用，也就是人们如何“接触”和“使用”它 以用户为中心的设计： 创建吸引人的、高效的用户体验的方法。 认识用户体验 烁 炯 娜 抹 答 诅 狼 瑟 拾 议 忘 第 匝 跨 堤 肆 近 策 匣 欲 教 乒 逐 坚 临 用 咆 蹄 寸 峻 扮 哲 用 户 体 验 的 个 层 面 用 户 体 验 的 个 层 面 范围层 战略层 结构层 框架层 表现层 交互设计 界面设计 功能规格 用户需求 网站目标 信息设计 导航设计 信息架构 具体 时间 视觉设计 抽象 完成 概念 内容需要 任务流信息流 五个层面相互约 束和影响，一般来 说，下一层决定上 一层。 认识这5个层面 盾 潦 近 寄 祸 阑 框 狮 搞 加 强 需 郝 钮 贼 肇 砒 纯 矿 教 幌 驰 渡 脊 辰 辖 僚 诧 嗅 俘 凉 屡 用 户 体 验 的 个 层 面 用 户 体 验 的 个 层 面 自身目标与用户需求 战略层定义： 战略不仅包括经营者向从产品中得到什么，还包括了用户想从产品中得到什么。 战略是设计用户体验的起点，战略可以演变和改变，但一定是系统的修改与校正。 成功标准： 理解你的目标的其中一个重要的部分，要怎样才能知道“什么时候到达了终点”。 用户需求： 我们是为其他人设计的，我们必须了解他们是谁以及他们的需求是什么？ 战略层(strategy) 诸 翁 慰 丝 撅 龚 钩 丘 被 遮 齿 淡 雍 你 搪 保 便 世 损 瞄 韧 遮 蝶 勤 忱 织 简 豢 粟 窍 宣 伞 用 户 体 验 的 个 层 面 用 户 体 验 的 个 层 面 范围层（scope） 对需求的整合 范围层定义： 带着“我们想要什么”、“我们的用户想要什么”的明确认识，我们就能弄清楚如 何去满足所有这些战略的目标。当你把用户需求和产品目标转变成产品应该提供给 用户什么样的内容和功能时，战略就变成了范围，是战略层形象化的第一步 。 内容和功能 内容需求和功能需求是密不可分的，内容需求往往会决定功能需求的。 械 灿 殴 恫 媳 棕 擞 昨 琐 让 荔 贪 揽 师 湖 洲 样 绪 驭 差 惰 井 舆 僧 冗 絮 焦 区 孽 吹 泉 噪 用 户 体 验 的 个 层 面 用 户 体 验 的 个 层 面 结构层（structure） 交互。如何、可以、应该 结构层定义： 在收集完用户需求并将其排列好优先级别之后，我们对于最终产品将会包括 什么特性已经有了清楚的图像。然而，这些需求并没有说明如何将这些分散的片段 组成一个整体。即：为网站创建一个概念结构，包括交互设计和信息框架 。 交互设计和信息框架： 交互设计可以提高用户的积极性，让用户处于主动的状态，而信息框架的设计就 是合理展现用户所需的信息。 咐 乡 艇 佰 央 篙 闹 昏 诵 临 乏 甲 掘 馈 震 甫 颜 赵 芋 涝 食 舱 产 砾 嚷 墨 示 券 俺 框 漱 漱 用 户 体 验 的 个 层 面 用 户 体 验 的 个 层 面 框架层（skeleton ） 布局 框架层定义： 在充满概念的结构层中开始形成了大量的需求。在框架层，我们要更进一步地提 炼这些结构，确定很详细的界面外观、导航和信息设计，包括界面设计，导航设计和 信息设计。在这里晦涩的结构变得更实在具体。 界面设计，导航设计和信息设计： 主要包括按钮、表格、照片、和文本区域的位置 ；导航设计的合理性直接影响网 站的层次结构！全局导航，局部导航，辅助导航，上下文导航和友好导航 。信息设计 可能与数据库的设计有更大的关系 。 飘 消 慑 禹 初 正 卒 牌 峦 控 极 酪 贞 培 迷 舆 魔 昨 端 剪 勉 扮 寇 豆 漱 啦 醛 侍 凸 榜 赋 接 用 户 体 验 的 个 层 面 用 户 体 验 的 个 层 面 表现层（surface） 视觉呈现 表现层定义： 在这个五层模型的顶端，我们把注意力转移到网站用户会首先注意到的方面：视 觉设计。内容、功能和美学汇集导一起来产生一个最终设计这将满足其他四个层面的 所有目标。 视觉设计： 表现层涉及页面排版，配色和风格形象等，由一系列的网页，由图片和文字组成 。 昂 馒 钨 耿 缎 篡 齿 毒 晒 跋 碘 彩 垦 肤 了 撕 课 酮 兜 莽 推 蔼 抓 京 粹 郭 凤 靠 福 鸥 缆 卿 用 户 体 验 的 个 层 面 用 户 体 验 的 个 层 面 总结 大部分时候，关于用户体验的决策总会体现在以下这些场景之中： 现状决定的设计（design by default）。 模仿决定的设计（design by mimicty）。 领导决定的设计（design by fiat）。 很多时候，你必须在不同的做法之间作出妥协并评估利弊以及进行取舍。 有意识、有目的地做出每一个决定。 并在执行时将每一个决定都建立在对其背后的议题的理解之上。 酗 冠 驭 灯 矽 顽 他 铝 氮 湘 哥 秤 城 赢 朔 膳 薪 划 需 鼎 蓬 豆 侈 筛 撇 纯 丘 魔 毋 畔 丁 桃 用 户 体 验 的 个 层 面 用 户 体 验 的 个 层 面