沃尔玛网站制作（沃尔玛网站特点）

沃尔玛官方网站

名

称：

沃尔玛（中国）投资有限公司

地

址：

深圳市福田区农林路69号深国投广场二号楼2-5层及三号楼1-12层

电

话：

(86-755)21512288

传

真：

(86-755)21511076

21511077

邮

编：

518040

网

站：

沃尔玛网站设计的特点

译者注：搜索的关键是让用户更加容易的找到所需的信息，我发现该文精心的为用户创造了一个灵活的解决方法，交互形式不在拘泥于固有的设计原则，更多是从实际情况出发，创造更适合的交互控件。翻译了这篇文章跟大家共享，若大家发现任何错误，欢迎随时给予纠正。原文地址：faceted-finding-with-super-powered-breadcrumbs如今的查找界面没有有效的支持一体化查找，用户的注意力经常被一些不同的搜索结果和浏览界面所混淆。在这篇文章中，我建议使用一体化分面(分面指事物多维度的属性)面包屑(IFB)设计，通过综合分面的力量，更加细化的为浏览者提供直观的查询扩展。尽管其他基于面包屑的查找界面依然存在，但他们都因忽略最佳的实践而未达到预期的结果。面包屑最好的方式是放在侧边的、占有最少空间而又更强大的查找控件相比之下，面包屑是IFB设计的超级英雄，处理了很多被可用性问题困扰的查找界面。为了证明这点，我尽全力测试了我的假设。12个评估者都发现了IFB更易用、更直观和灵活的解决复杂搜索任务，这是传统的搜索界面是很难做到的。一体化查找的挑战在petermorville最近的UIE网络研讨会上，他称赞了综合查找的优点：“浏览和搜索串联工作…查找界面很好的实现了平衡，让用户在浏览和搜索中流畅自如的移动。”不幸的是，如今很多网站没有有效的一体化分面查找和浏览。例如，walmart上搜索和分面查找的杂乱机制walmart采用一体化分面面包屑重新设计用户界面的线框图，如图2所示。图2采用一体化分面面包屑(IFB)再设计界面的线框图面包屑简单、直观、灵活、应变能力强。正如jacob Nielsen在她的2007年ALertbox中的陈述，面包屑导航越来越有用：“相对于更高层次的概念，面包屑显示了用户的当前位置，帮助用户理解与其他页面之间的位置关系。面包屑支持一键访问上一级目录，从而解救了那些通过搜索或深度链接，到达非目的地的用户。面包屑在用户测试中从未出现问题，用户不会误解面包屑，也不会出现操作问题。一体化分面面包屑的初步可用性评估一体化分面面包屑早起可用性测试结果显示，使用链接的HTML原型是非常有前景的。我用一个简单的8页HTML原型，测试了12个目前流行的电子商务界面和不同性别年龄背景用户的变化。被测用户能够迅速的掌握一系列可能的交互，并使用界面有效的解决了复杂的查找任务，现有的搜索界面是很难做到的。经过 1~2个简单的任务后，参与者精确预测系统行为的信息和能力也明显提高了，这表明用户对IFB设计的学习曲线是非常短的。尽管没有正式的研究对比使用 IFB的性能与现有的分面查找的问题，在进行某些种类的查找任务时，相比现有的沃尔玛针对特定分类的搜索任务使用的分面搜索设计，IFB 设计更被青睐早期可用性测试表明，IFB设计提供了许多好处超越了传统的分面搜索设计：1、学习成本低：熟悉的链接和下拉菜单使的这个控件相当直观。很少使用面包屑的用户也会很有效的操作IFB。2、效率：面包屑和分类结合成一个控件有效的利用了有限的屏幕空间，大大降低了重复控件造成的杂乱。3、无限通道：搜索和浏览的结合，允许无限制的访问任何页面与当前查询页面。4、一体化：充分的将落地页、品牌目录和类别页整合到分面搜索的架构中。在屏幕上方有突出的位置可以看到你的当前位置和用户所需要访问的所有导航工具。5、灵活性：在整个查找过程中，用户可以根据需要随时从浏览切换到搜索。6、应变性：为扩大搜索范围，访问与当前查询相关的产品和服务提供了机会。什么让IFB与众不同?Danniel Tunkelang在2009UIE网络研讨会(分面搜索：设计你的内容、导航和UI)上说，大部分基于面包屑的查找不直观也不易使用的。什么让IFB设计与众不同?我相信IFB的设计相对于其他的分面面包屑更加直观，应变性更强，根据多年设计和研究分面界面的经验得到以下关键设计建议：1、层级位置与面包屑特征结合2、利用变化而不是设置删除3、自动保留最近查询信息4、面包屑的分类标签5、清晰的表达如何开始一个新的搜索6、允许直接操作关键词在下面几节中，我将讨论这些设计建议，解释对比与现有的分面面包屑，IFB的解决方案是什么。1、分层的位置与面包屑特征结合在2002年，信息建筑师Keith instsone在他的第三次年度IA峰会海报上编目了面包屑的三种类型，以揭示标题：定位、路径和属性面包屑。在分面搜索界面中，属性面包屑通常传达应用方面的价值，如价格，类别，风格，品牌。一般属性面包屑就是路径面包屑，用户按照目前的搜索结果的顺序显示层级值，Ariba查找网络的属性路径面包屑 UI如图3所示。图3的左侧导航栏大多数人发现IFB面包屑结构简单直观，能够准确地预测复杂筛选任务的系统行为，只操作几分钟就可以应用、删除和改变筛选值。2、利用变化而不是设置删除图5实现了在面包屑中使用下拉框空间，如图6重新选择模型使，年份便重置为当前年，很简单的不再显示在面包屑上了。图7下拉分类可改变需要的查询信息我发现保留相关属性值的应变系统行为是适用于新的查询，这是一直都产生搜过结果的最好方式。图8展示了一体化分面面包屑设计把产品类型由digtial camera改成lenses后，保留了brand和keywords类别，同时去掉了相机的resolution类别(因为他不适用于lenses类别)图8不允许用户直接修改关键词查询在ben shneiderman的设计用户界面：有效的人机交互策略中描述：直接操控是人机交互的关键原则之一。IFB提供了直接操控关键词的动态编辑层级。如图12所示。图12.在IFB中直接操控关键词当开始一个查询任务时，搜索框就完全与页面同宽。当用户输入某些关键词时，它们保留在搜索框中便于编辑或添加关键词，如12-A所示。如果用户选择了一个或多个层面，他们经常会根据他们的层级加到搜索框前面，随着层级的增加，搜索框会的尺寸会不断变小，直到达到一个合理的最小尺寸。如图12-B所示。如果添加了更多的层级，在home项后面会立刻出现一个滚动箭头，允许用户用旋转木马控件滚动除home项和搜索框外的其他层级，如图12所示。动态编辑关键词的设计是非常成功的，因为我们的被测用户觉得他非常直观、灵活、易用。总结分面面包屑设计最近才刚刚走出他的专业用户(学者和电脑爱好者领域)，慢慢的被大众所接受。分面面包屑在我看来是下一代查找界面中最直观的关键控件，充分整合了分面搜索和浏览功能。我希望这篇文章能够协助大家设计分面搜索界面，也希望大家帮助宣传分面面包屑设计，帮助我们把灵活的一体化搜索普及到实践中。