- 1、本文档共11页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
电子商务网站导航设计,设计电子商务网站,电子商务网站设计方案,电子商务网站设计报告,电子商务网站导航,电子商务网站设计论文,电子商务网站设计原理,电子商务网站架构设计,电子商务网站课程设计,b2b电子商务网站
导航模块的设计原则(1)——导航元素
在顾客扫描网站的导航之后,如果没有找到所需要的信息点,就会离开网站。本
系列将介绍如何设计一个有效的导航。作为开篇,将讨论导航模块的核心元素,
这是我们所能给予顾客最重要的帮助信息。
措辞
在开始基于需求来设计信息架构时,需要先定义好导航标签,通过这些
标签可以快速定位到具体的商品。
“商店定位”标签可以帮助顾客在移动应用程序中找到实体店。 “商品”
标签则展示电子商务网站上的所有商品标签。 而“开始”标签表示网站
首页。
这是一个很好的开始。
标签测试
有什么简便的方法来检查是否完整明智地传递信息?
1. 一种成熟的解决方案就是卡片分类。通过卡片分类,可以转化早期预测为
通用分类。卡片分类,不仅可以帮助我们创建一个明智的信息架构,也可
以让我们了解用户在购物的不同场景涉及的关键词。
2. 另一测试是一个文字关联的游戏。找出所有潜在的导航标签,让测试用户
说出他们的第一印象关键词,用户相信在这个标签下可以找到他想要的信
息。几十年来,市场研究人员一直在用这种技术,以确保向目标受众传达
正确的产品信息。在这个阶段,需要找到两个重要问题的答案。 (1)用户
是否可以将导航标签和具体的商品联系上?(2)标签措辞是否会引起混
淆?
也许这样意图更加明显。
缩短反应时间
在史蒂夫克鲁格的代表作《不要让我思考》中这样描述:“我看到的大部分网页,
有一点都让我感到震惊,就是网页上大部分的内容只是在占用空间,因为没有人
会去浏览。”导航标签越多,用户就越难选择不同的选项。
在1935 年,美国心理学家约翰·雷德利·斯特鲁普出版的关于串行口头反应中干
扰的研究现在越来越被关注。斯特鲁普发现,用户很容易认错用其他颜色写的颜
色单词。(如用红颜色来写“蓝”字)
我们可以从斯特鲁普的研究中学到,在浏览的过程中有一部分时间并不是在阅读
标签上的单词,而是在扫描标签的背景。快速浏览一下你的导航中的标签是否存
在可有可无的东西。
从简,去除掉“Our” 。
效仿
此时不能坐井观天,要探出头看看别人是怎么设计的。这个只会花费少量的时间,
却有助于得出有重要价值的思路。这是一个效率极高的方式来增加设计的实用性,
也是因为用户存在使用惯性。
参考用户使用惯性,改变“Reach Us”为“Contact” 。
符号象形图图标
符号,象形图和图标在数字化用户界面中已经从奢侈品变成了必需品,
这些设计元素有助于我们增强视觉效果(签名,个性,识别和抽象概念)。
此外有研究表明用户界面只依靠文字来表达的效果要逊于符号,象形图
和图标。
o 符号通常作为用户传统认识的一个抽象表示。这与地域文化存在直接的关
系,也会随着时间不断变化。
o 象形图通常被定义为简化图形。可以做到不言自明,同时又不要求任何专
业知识。就比如常见的路标。
o 图标的定义较含糊,其使用往往取决于上下文(所处环境)。
是否应该使用其中一个符号,象形图,图标或组合所有三个来传递信息,
这取决于信息的特性,以确保用户可以准确的接收信息。
图标测试
有各种各样的方法来测试图标的使用效果。这里推荐“标签指向图标”和“连接点”
两种,主要是因为它们快速的响应,以及可以给出深入的见解。
标签指向图标的两种实施方式,通常第二种更为有效。
(1)给测试用户几个图标,并请他们说出三分钟内想要的任何标签。
(2)在一天内不同时间点随机显示一张图标,并请测试用户在30 秒内说出每个图标相
关的标签。
连接点的实施方式是,找出一组图标和一组标签,然后做连接点测试。
至少我们可以肯定,这些都是关于标签“方向”的图标。
消除冗余
正如标签的设计,避免冗余信息的图标也是同样重要的。
我真的需要圆?不管哪个角度看都能保持一个清晰的意义!
图片——措辞
以图为例
已经没有更好的主意了,我想还需新一轮的导航设计测试。
导航模块的设计原则(2)——最佳实践
作为页面设计的重点,大家对导航栏肯定不陌生,如amazon 的Tab 式导航栏、
文档评论(0)