用户体验与交互设计及案例介绍

逼真的图书预览 其中购物者可能会放弃在网上购买机会的一 个原因是 他们无法评估产品质量 但是 一个近距离预览的产 品 这也是实际地比较手中持有的产品 将有助于消除一些 虽然 不是全部疑虑 查找内部 功能 书是在亚马逊最常被购买的 产品之一 所以毋庸置疑亚马逊的开发小组已经建立了一个关于 查找内部 内容的功能 查找内部 的功能可以让购物者观 看到书籍的某些部分 通常的封面 目录 第一页 索引和封底 这可能会非常有用 因为消费者能够一目了然 通过一个内容表或 目录就知道一本书是否适合他们 在 今天为您推荐 的下面 针对购物者亚马逊个人网页上列出的产品清单可以进行编辑 点 击 修改这一建议 链接 将显示一个窗口 正好说明为什么推荐 这个产品 并提供购物者去选择改变它的机会 通常一个被推荐 的产品是以记录事先购买行为并跟踪购物习惯为基础的 这里购物 者是可以告诉亚马逊不要推荐以那些因素为基础的产品 另一个 可定制的功能是购物者已经浏览的所有产品历史记录 这个选项总 是不容易被找到 但它会出现在该用户的个人页面的顶部 下面是 一个用户的浏览历史的例子 对 商店所有分类 按钮悬停 1 触发一个下拉菜单 显示了所有主要产品类别 让消费者轻 松访问其他产品 导航元素的位置 恰恰是用户期望它被放在屏幕 左上角 LOGO 下面的位置 在 LOGO 的旁边 2 有少数几个同样 重要的链接 如登出的 个性化的推荐和用户的亚马逊个人页面 这一部分并不是非常突出 但出现的地方却是在顶部或上面与 LOGO 视觉平行的位置 下一个元素 3 部分有 购物车 和 愿望 清单 购物车功能的位置几乎没有什么变化 总是位于电子商务网 站布局的右上角 每当用户浏览产品页面时 邀请他们加入自己 的产品购物车或希望清单 4 恰好这个位置是在亚马逊产品及 产品细节的右边 用户可以很自然地找到此功能 最后 亚马逊 邀请用户在亚马逊市场查看同一产品的 二手和新品 版本 5 在其集市上销售的产品显然在短期内不能增加亚马逊的收入 但它 可能获得长期的回报 因为仅知道此选项 可让许多购物者选择亚 马逊作为其主要目标 甚至二手商品也是如此 亚马逊这样做是 因为它很清楚的认识到 把用户的利益放在首位这对长远大有裨益 您还会注意到的这样的一个元素是其他五个中最为突出的一个 它具有艳丽的色彩 梯度和微妙的三维效果 这当然不是巧合 亚马逊希望在重要的地方引起用户的注意 任何网站的成功关键 点是导航元素的位置 就这一点而言 亚马逊竖立了很好的榜样 做到像用户期望的那样 确保在任何时间需要时 最重要的内容均 可找到 用词组 pin 码的方式来对应信用卡与送货地址 实 际上就是将用户的个人信息和支付信息用一组 虚拟 账户来替代 这样做的好处就在于避免了用户敏感信息在网上的泄露 由于目 前中国对个人信息的保护制度尚不完善 而国家相关监管部门在金 融创新上的态度等特殊因素 PayPhrase 这样新的支付模式短时间 内还不能在国内市场实现 但是这样的模式是值得第三方支付企业 借鉴的 是今后发展的趋势 上面的截图比较两种对立的客户 评级和评论 所示两边 VS 图形 用户还可以按等级过滤客户评 论 为什么这样做会使他们感到舒服 因为用户将要花费自己辛苦 赚得的美元 并应该让用户感到更舒适 能够方便地访问正面和负 面评论 通过获得有好有坏透彻的客户评论 使他们更加安心 购买 并帮助他们做出明智的决定 用户不是迫于压力才购买商 品的 而是认为是否购买产品的决策权是否完全掌握在自己手中 如上所述 在购物车页面包括一些选项 可以让用户感到舒适 首先 如果对于一次特定购买行为用户改变了主意 他们有权选择 从购物车里删除它们 但删除 Delete 宁愿是最后一个行为 所 以他们选择用先保存下来以后处理 Saving it for later 替代了去 执行删除 Delete 你可以称之为 软删除 它会从购物车的产 品中移出 但会保存在用户购物车页面上的物品清单里 在任何时 候用户都可以很容易的再添加回购物车中 在运送 航运 页面更 改或删除产品 在随后的购买步骤中 用户可以继续控制 看一看下 一张图片 当选择运送选项时候 用户将看到该页面 这可能意 味着他们已经承诺或接近承诺 购买该产品了 一个电子商务 的网站的焦点 应是产品搜索和在线购买 只要有可能 应该为 每个用户提供个性化内容 给予 为什么我们购物 的提醒创建销 售奖励 让用户尽可能多的接触到产品 不要让用户感到有些产 品 服务正在强迫他们购买 在适当的时候可轻松地访问重要部分 在任何时候让顾客感到舒服和可控 战略层 网站 目标和用户需求 成功的用户体验 其基础是一个被明确表达的 战 略 知道企业与用户双方对网站的期许和目标 有助于确立用户体 验各方面战略的制定 范围层 功能规格和内容需求 带着 我 们想要什么 我们的用户想要什么的 的明确认识 我们就能弄 清楚如何去满足所有这些战略的目标 当把用户需求和网站目标转 变成网站应该提供给用户什么样的内容和功能时 战略就变成了范 围 结构层 交互设计与信息架构 在收集完用户需求并将其排 列好优先级别之后 我们对于最终产品将会包括什么特性已经有了 清楚的了解 然而 这些需求并没有说明如何将这些分散的片段组 成一个整体 这就是范围层的上面一层 为网站创建一个概念结构 框架层 界面设计 导航设计和信息设计 在充满概念的结构层 中开始形成了大量的需求 这些需求都是来自我们的战略目标的需 求 在框架层 我们要更进一步地提炼这些结构 确定很详细的界 面外观 导航和信息设计 这能结构变得更实在 表现层 视觉 设计 在这个五层模型的顶端 我们把注意力转移到网站用户会先注 意到的那些方面 视觉设计 这里 内容 功能和美学汇集到一起 来产生一个最终设计 这将满足其他四个层面的所有目标 用户体验各要素的设计和交互设计 界面设计不同 它是一种比交 互设计和界面设计更上位的设计 界面设计和交互设计侧重于从功 能的实现出发 而用户体验设计则重点关注用户使用过程中的感受 是一种以用户为中心的 综合功能设计 交互设计 界面设计 导 航设计和视觉设计等 它要求设计者站在一个更宏观的高度 整体 把握用户与这些设计要素之间的关系 从而给产品的最终用户带来 良好的体验 土木工程师关心工程的实现 装修设计师则考虑 的是在现有空间中如何美化 建筑工程师则关心的是房屋居住者的 感受 心理模型 产生于用户头脑中的关于一个产品应该具有 的概念和行为的知识 这种知识可能源自于对产品的概念和行为的 一种期望 看电影 实现模型 是产品的内部结构和工作原理 他存在于设计人员的头脑中 放电影 表现模型 是指产品的最 终外观以及产品呈现给用户后 用户通过观看或使用后儿形成的关 于产品如何工作和使用的知识 例如 windows 桌面图 标的调整 当有些图标超过六十天没有使用时 将会弹出一个提示 气球 询问用户是否现在就开始清理 如果响应时间是 0 1 秒 用户感觉不到任何延迟 即 0 1 秒是让用户感觉到系统立即做出了 反应的时间上限 1 秒钟是让用户思维不被中断的上限 但大于 1 秒钟时用户将会感到延迟 10 秒钟时让用户的注意力保持在对话过 程中的上限 创立于 1995 年亚马逊公司总部位于美国华盛顿 州的西雅图 目前它己成为全球商品品种最多的网上零售商 亚马 逊及其它销售商为客户提供数百力 种独特的全新 翻新及二手商 品 如图书 影视 音乐 数码电子产品 家居园艺 用品 玩具 婴幼儿用品 食品 服饰 鞋类等产品 其规模和销售额都是全球 领先的 亚马逊致力于成为全球以客户为中心的公司 以使人们能 在网上找到与发掘任何他们想购买的商品 并力图提供最低的价格 除了销售产品外 亚马逊也提供网络服务 亚马逊网络服务 Amazon Web Services 为亚马逊的开发客户提供基于其自有的后端 技术平台 通过互联网提供的基础架构服务 利用该技术平台 开 发人员可以实现几乎所有类型的业务 亚马逊网络服务所 提供服务 的案例包括 亚马逊弹性计算网云 Amazon EC2 亚马逊简单队列 服务 Amazon Simple Queue Service 亚马逊灵活支付服务 Amazon FPS 等 任何 一个页面都以此为导航 当您浏览亚马逊主页 在上面的截图 突 出的是什么 永远是一片凌乱的布局 为数不多的简洁区块 有独 特的元素立即捕捉用户的眼睛 在导航搜索的左上角 和靠近顶端 的搜索 购物车控制器 正如亚马逊那样 一个好的电 子商务网站将跟踪客户端行为 在服务器端 以确保每个用户每次 访问越来越适合他们的口味和习惯 这增加用户将进行购买的可 能性 在某些情况下 将加快采购进程 更重要的是 它以更广 泛的产品和配合他们感兴趣领域的服务公开给用户 另一个 为什么我们购物 很好的例子 就是在上面提醒显示的图片 当 用户增加了一些产品到他们的购物车时 独特的黄色的大横幅在屏 幕上方出现 并告诉用户 他们现在有资格取得免费送货服务 帮助横幅还包括所有的他们可能应用的限制规定的链接 从逻辑 上讲 免