热门标签
网站导航的有效演示
A网站导航有效地证明了用户在网络上获取信息有两种方式：搜索或浏览。浏览ndash移动多面内容结构ndash；是一个直观的导航层次时信息架构师当前用户更容易。本文讨论了两种技术。
有一首邮政大歌说这个地方是监狱ldquo；如果每晚都是这样，那就不是派对了。rdquo；虽然这位歌手特别提到了一个有太多派对的生活，但这是一个很好的提醒，任何经常发生的事情都失去了意义。这个概念在我们的航行中是正确的。作为人类，我们的大脑会通知那些对比事物的准则，使它们脱颖而出。这就是复印机使用绿色大启动按钮的原因。这就是为什么我的智能手机在界面上提供了一组彩色图标，而不是文本链接。在Yelp上查找我的iPhone时，我没有扫描ldquoYelp；ldquo；我扫描了红场。这是一种比详细读取每个应用程序的名称更快的心算。显然，在这两种情况下，设计司把视觉语言工作放在首位。
我们的术语定义优先级是相对于元素在（导航）级别上的重要性来突出它。至于导航层次结构，首先考虑每个元素与用户目标的关系。排名原因如ldquo；将“0”设为“0”；或ldquo；配置rdquo；它通常不如网站或应用程序中的重要。它可以用多种方式来完成，但基本的优先权意味着项目更重要，应该更多地关注自身。
另一方面，视觉语言需要视觉元素来传达意义。这通常是通过插图或插图来完成的，尽管任何增强功能元素的视觉提示都有助于应用程序的视觉语言。相反，考虑文本导航结构ndash；尤其是那些使用相同字体大小的。如果不引入丰富的视觉语言，这些结构就无法发挥其**大的交际潜力。简单的视觉提示有很大的帮助，因为它们可以帮助用户分析信息来识别召回。一些著名的网站和应用程序使用日历图标。
不幸的是，设计除法通常在设计中做相反的事情。为了一致性，他们经常强迫用户仔细扫描每一个项目，直到他们找到他们想要的爱默生曾经被称为这种愚蠢的ldquo；一个无脑的怪物。rdquo；让我们看看一些不好的例子：CraigslistCraigslist提供了低优先级和不存在的视觉语言。用户需要找到他们正在寻找的链接并阅读主页上几乎所有的条目。
吉米约翰网站每次在三明治吉米约翰网站中，我都会仔细地重读每一个导航项目。为了统一起见，每个导航项看起来都一样：红、黑、白。导航在吉米约翰三明治，这么大。
微软Metro UI我**近**喜欢的罪犯之一是微软Metro UI。这对于Windows Phone界面已经有一段时间了，它很快就会出现在Windows8桌面上。通过主屏幕上白色字体和白色图标的瓷砖状颜色，用户必须阅读每个瓷砖，而不是响应独特的图标和颜色（johnc德沃夏克**近在pC杂志上写了这部伟大的作品rdio的iPhone应用程序接口出现了与微软Metro UI相同的错误。当他们把图案，颜色和图标放在同一个大小，迫使用户仔细扫描每个项目。在一个漂亮、成功的应用程序中，我发现自己多次扫描屏幕，以找到需要移动的选项。
iTunes在苹果iTunes10（及其搜索）中，侧边栏项从颜色转换为灰度。一致性苹果被删除并在每个项目之间进行比较，因此用户需要更仔细地扫描标签以找到所需的内容。以前，如果您正在查找播客，则扫描紫色图标。现在你要扫描ldquo播客rdquo；因为图标同时运行，iTunes9显示在左侧，iTunes10显示在右侧。路径幻灯片菜单路径iPhone应用程序使用Facebook应用程序中类似的幻灯片导航。但是，在不使用图标和标记的路径中，有一个重要的区别Facebook。每当我打开路径导航，我都会阅读每个条目，直到找到一个我想要的。在Facebook上，我的视觉模式和选择反应以及较少的认知负荷更快。
通过从例子中学习，现在我们已经看到了它们，我们能避免这些怪物的一致性并创建一个更有效的导航结构吗 让我们来看一些好的例子：peppermint一直被视为典型的用户体验，他们的一些领域使用高视觉导航效果良好ldquo；保留它；尤其是标签，它依赖于一种经过深思熟虑的方式来导航图标ESPNESPN和网站有各种不同的导航样式，但是我发现悬停状态作为主要的导航项对于照片的组合特别有效，视频和文字具有不同的权重美国大众汽车在浏览选择车型时，组合美国大众网站下拉导航菜单，优先ndash；敞篷车前部ndash；视觉语言ndash；推特中不同颜色推特Web应用程序Web应用程序的每款车的标志性版本，界面非常简单，只有几个链接，但都伴随着一个独特而有意义的图标，除了明亮中的蓝色之外，这个图标也是**重要的角色，构成了一个新的微博。
Instagram的iPhone应用程序与Instagram应用程序按钮有效地结合了优先级和视觉语言。每个按钮都由其相关图标定义，其中**重要的一个（快照）位于中间，表示蓝色背景。环保型光纤EPB和光纤网站在most高水平导航中充分利用了不同的优先级。主要导航项目为黑色，**重要的选项（ldquo）；“命令。”它是蓝色的。我们看到的例子包括好的和坏的。现在我们来总结一下。以下方法可以帮助我们创建优先级更高的视觉导航解决方案：
1关注用户目标和/或转换在尝试确定如何安排导航并为导航带来意义时，如果您想从用户的主要目标和/或网站转换率转移。使这些元素突出并易于理解。
2从复印机中获得灵感是不一致的：与其尝试给所有导航项目相同的大小和外观，不如利用设计中的不一致性，为**重要的项目获得**大的可见性。
3使用视觉语言，而不是在有意义的地方使用文字，使用图标和其他视觉线索，你不只是使用文本导航带来额外的意义。这将允许用户的大脑进程更快地依赖模式识别而不是阅读。
4大小（颜色）事项使用大小和颜色的差异来区分更重要的链接或按钮。
**后一个想法是导航时要考虑很多方面设计，因此它可以很容易地依赖约定并为用户创建更多的工作。尽管在某些情况下，使用这些技术是没有意义的，但请记住，差异化是一个强大的工具。
并非所有的导航都是平等的。通过在导航元素中使用优先级和视觉语言，您将帮助用户完全导航。
谢泼德设计
一SEO和联建如何再设计网站流量增长515%，2016网站设计方向的五个预测，你准备好了吗
