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

1、逼真的图书预览? 其中购物者可能会放弃在网上购买机会的一个原因是，他们无法评估产品质量。? 但是，一个近距离预览的产品，这也是实际地比较手中持有的产品。将有助于消除一些，虽然不是全部疑虑。? “查找内部”功能? 书是在亚马逊最常被购买的产品之一，所以毋庸置疑亚马逊的开发小组已经建立了一个关于“查找内部”内容的功能。? “查找内部”的功能可以让购物者观看到书籍的某些部分：通常的封面，目录，第一页，索引和封底。? 这可能会非常有用，因为消费者能够一目了然，通过一个内容表或目录就知道一本书是否适合他们。 * 在“今天为您推荐”的下面,针对购物者亚马逊个人网页上列出的产品清单可以进行编辑。? 点击“修改这一建议”链接，将显示一个窗口，正好说明为什么推荐这个产品，并提供购物者去选择改变它的机会。? 通常一个被推荐的产品是以记录事先购买行为并跟踪购物习惯为基础的。这里购物者是可以告诉亚马逊不要推荐以那些因素为基础的产品。? 另一个可定制的功能是购物者已经浏览的所有产品历史记录。这个选项总是不容易被找到，但它会出现在该用户的个人页面的顶部。下面是一个用户的浏览历史的例子。 * * 对“商店所有分类”

2、按钮悬停（1）触发一个下拉菜单，显示了所有主要产品类别，让消费者轻松访问其他产品。导航元素的位置，恰恰是用户期望它被放在屏幕左上角LOGO下面的位置。? 在LOGO的旁边（2）有少数几个同样重要的链接，如登出的，个性化的推荐和用户的亚马逊个人页面。这一部分并不是非常突出，但出现的地方却是在顶部或上面与LOGO视觉平行的位置。? 下一个元素（3）部分有“购物车”和“愿望清单”。购物车功能的位置几乎没有什么变化,总是位于电子商务网站布局的右上角。? 每当用户浏览产品页面时，邀请他们加入自己的产品购物车或希望清单（4）。恰好这个位置是在亚马逊产品及产品细节的右边，用户可以很自然地找到此功能。? 最后，亚马逊邀请用户在亚马逊市场查看同一产品的”二手和新品”版本（5）。在其集市上销售的产品显然在短期内不能增加亚马逊的收入，但它可能获得长期的回报，因为仅知道此选项，可让许多购物者选择亚马逊作为其主要目标，甚至二手商品也是如此。? 亚马逊这样做是因为它很清楚的认识到：把用户的利益放在首位这对长远大有裨益。? 您还会注意到的这样的一个元素是其他五个中最为突出的一个，它具有艳丽的色彩，梯度和微妙的三维效

3、果。? 这当然不是巧合：亚马逊希望在重要的地方引起用户的注意。 任何网站的成功关键点是导航元素的位置。就这一点而言，亚马逊竖立了很好的榜样，做到像用户期望的那样：确保在任何时间需要时，最重要的内容均可找到。? * 用词组+pin码的方式来对应信用卡与送货地址，实际上就是将用户的个人信息和支付信息用一组“虚拟”账户来替代，这样做的好处就在于避免了用户敏感信息在网上的泄露。 由于目前中国对个人信息的保护制度尚不完善，而国家相关监管部门在金融创新上的态度等特殊因素，PayPhrase这样新的支付模式短时间内还不能在国内市场实现。但是这样的模式是值得第三方支付企业借鉴的，是今后发展的趋势。 * 上面的截图比较两种对立的客户评级和评论（所示两边“VS”图形）。用户还可以按等级过滤客户评论。为什么这样做会使他们感到舒服？因为用户将要花费自己辛苦赚得的美元，并应该让用户感到更舒适，能够方便地访问正面和负面评论 。? 通过获得有好有坏透彻的客户评论，使他们更加安心购买，并帮助他们做出明智的决定。? 用户不是迫于压力才购买商品的，而是认为是否购买产品的决策权是否完全掌握在自己手中。? * 如上所述，在购

4、物车页面包括一些选项，可以让用户感到舒适。首先，如果对于一次特定购买行为用户改变了主意，他们有权选择从购物车里删除它们。? 但删除 Delete 宁愿是最后一个行为，所以他们选择用先保存下来以后处理 Saving it for later 替代了去执行删除 Delete 。你可以称之为“软删除”：它会从购物车的产品中移出，但会保存在用户购物车页面上的物品清单里。在任何时候用户都可以很容易的再添加回购物车中。? 在运送 航运 页面更改或删除产品 在随后的购买步骤中，用户可以继续控制。看一看下一张图片。? 当选择运送选项时候，用户将看到该页面，这可能意味着他们已经承诺或接近承诺，购买该产品了。? * 一个电子商务的网站的焦点， 应是产品搜索和在线购买。 只要有可能，应该为每个用户提供个性化内容。 给予“为什么我们购物”的提醒创建销售奖励。 让用户尽可能多的接触到产品。 不要让用户感到有些产品/服务正在强迫他们购买。 在适当的时候可轻松地访问重要部分。 在任何时候让顾客感到舒服和可控。 * * * * * 战略层网站目标和用户需求 成功的用户体验，其基础是一个被明确表达的“战略”。知道企业与

5、用户双方对网站的期许和目标，有助于确立用户体验各方面战略的制定。 范围层功能规格和内容需求 带着“我们想要什么”、“我们的用户想要什么的”的明确认识，我们就能弄清楚如何去满足所有这些战略的目标。当把用户需求和网站目标转变成网站应该提供给用户什么样的内容和功能时，战略就变成了范围。 结构层交互设计与信息架构 在收集完用户需求并将其排列好优先级别之后，我们对于最终产品将会包括什么特性已经有了清楚的了解。然而，这些需求并没有说明如何将这些分散的片段组成一个整体。这就是范围层的上面一层：为网站创建一个概念结构。 框架层界面设计、导航设计和信息设计 在充满概念的结构层中开始形成了大量的需求，这些需求都是来自我们的战略目标的需求。在框架层，我们要更进一步地提炼这些结构，确定很详细的界面外观、导航和信息设计，这能结构变得更实在。 表现层视觉设计 在这个五层模型的顶端，我们把注意力转移到网站用户会先注意到的那些方面：视觉设计，这里，内容、功能和美学汇集到一起来产生一个最终设计，这将满足其他四个层面的所有目标。 * * 用户体验各要素的设计和交互设计、界面设计不同，它是一种比交互设计和界面设计更上位的设

6、计，界面设计和交互设计侧重于从功能的实现出发，而用户体验设计则重点关注用户使用过程中的感受，是一种以用户为中心的，综合功能设计、交互设计、界面设计、导航设计和视觉设计等、，它要求设计者站在一个更宏观的高度，整体把握用户与这些设计要素之间的关系。从而给产品的最终用户带来良好的体验。 * 土木工程师关心工程的实现。 装修设计师则考虑的是在现有空间中如何美化。 建筑工程师则关心的是房屋居住者的感受。 * 心理模型：产生于用户头脑中的关于一个产品应该具有的概念和行为的知识。这种知识可能源自于对产品的概念和行为的一种期望。（看电影） 实现模型：是产品的内部结构和工作原理，他存在于设计人员的头脑中。（放电影） 表现模型：是指产品的最终外观以及产品呈现给用户后，用户通过观看或使用后儿形成的关于产品如何工作和使用的知识。 * * * * 例如：windows桌面图标的调整，当有些图标超过六十天没有使用时，将会弹出一个提示气球，询问用户是否现在就开始清理 * * 如果响应时间是0.1秒，用户感觉不到任何延迟，即0.1秒是让用户感觉到系统立即做出了反应的时间上限，1秒钟是让用户思维不被中断的上限，但大于1

7、秒钟时用户将会感到延迟，10秒钟时让用户的注意力保持在对话过程中的上限。 * * 创立于1995年亚马逊公司总部位于美国华盛顿州的西雅图，目前它己成为全球商品品种最多的网上零售商。亚马逊及其它销售商为客户提供数百力种独特的全新、翻新及二手商品，如图书、影视、音乐、数码电子产品、家居园艺 用品、玩具、婴幼儿用品、食品、服饰、鞋类等产品，其规模和销售额都是全球领先的。亚马逊致力于成为全球以客户为中心的公司，以使人们能在网上找到与发掘任何他们想购买的商品，并力图提供最低的价格。除了销售产品外， 亚马逊也提供网络服务，亚马逊网络服务 Amazon Web Services 为亚马逊的开发客户提供基于其自有的后端技术平台、通过互联网提供的基础架构服务。利用该技术平台，开发人员可以实现几乎所有类型的业务。亚马逊网络服务所 提供服务的案例包括：亚马逊弹性计算网云 Amazon EC2 、亚马逊简单队列服务 Amazon Simple Queue Service 、亚马逊灵活支付服务 Amazon FPS 等。 * * * * * * * * * * * * * * * 任何一个页面都以此为导航 当您

8、浏览亚马逊主页（在上面的截图），突出的是什么？永远是一片凌乱的布局，为数不多的简洁区块，有独特的元素立即捕捉用户的眼睛： 在导航搜索的左上角，和靠近顶端的搜索/购物车控制器 。? * * * ? 正如亚马逊那样，一个好的电子商务网站将跟踪客户端行为（在服务器端），以确保每个用户每次访问越来越适合他们的口味和习惯。? 这增加用户将进行购买的可能性，在某些情况下，将加快采购进程。? 更重要的是，它以更广泛的产品和配合他们感兴趣领域的服务公开给用户。? * 另一个“为什么我们购物”很好的例子，就是在上面提醒显示的图片。当用户增加了一些产品到他们的购物车时，独特的黄色的大横幅在屏幕上方出现，并告诉用户：他们现在有资格取得免费送货服务。? 帮助横幅还包括所有的他们可能应用的限制规定的链接。? 从逻辑上讲，“免费送货通知”，应是在“航运选项一步”，但这一过程发生在该用户已经显示出了他们对购物篮中商品的购买承诺之后了。? 因此，一旦用户的购物车得到免费送货资格，就显示这种黄色横幅。同时他们将通过购买的可能性就会增加 。同样，实际上黄色横幅也说明了：“这是另一个从我们这里购物的很好理由”。? * 交互设计寻求最佳方案 争执： 腾讯QQ可以称得上及时通讯的老大，以前往往看到的是腾讯的界面是多么的文档加载中.广告还剩秒

《用户体验与交互设计及案例介绍》由会员ni****g分享，可在线阅读，更多相关《用户体验与交互设计及案例介绍》请在金锄头文库上搜索。