网站的导航有效地表明用户有两种方式在网络上获取信息:搜索或浏览。浏览 - 通过多方面的内容结构 - 是一种直观的导航层次结构,现在对于信息架构师来说更容易。本文讨论了两种

互域东莞网络公司,专业东莞网站设计,东莞网站建设行业里很有竞争力的团队之一。

位置:东莞互域 > 常见问题 > >> 东莞网站制作:简述企业网站的导行合理演试

东莞网站制作:简述企业网站的导行合理演试

发布时间:2019-10-01 13:10   来源:互域
012019-10

网站的导航有效地表明用户有两种方式在网络上获取信息:搜索或浏览。浏览 - 通过多方面的内容结构 - 是一种直观的导航层次结构,现在对于信息架构师来说更容易。本文讨论了两种技术。 接下来我们东莞网站制作:解读企业网站的导行合理演试,不明白的就来认识一下呀。

企业网站的导行合理演试:

有一首很棒的邮政服务歌曲,这个地方是一座监狱,说:“如果每晚都这样,这不是派对。”虽然歌手特别提到了一个生活派对,但这是一个很好的提醒,任何事情都经常发生。这个概念在我们的导航中是正确的。作为人类,我们的大脑通知对比,事物从常态中脱颖而出。这就是复印机使用大型绿色启动按钮的原因。这也是我的智能手机提供彩色图标界面而不是文本链接的原因。当我在Yelp上寻找我的iPhone时,我没有扫描“Yelp”。我扫描了红场。这比比较详细地读取每个应用程序的名称更快。很明显,在这两种情况下,设计师都将优先级和视觉语言运用起来。

177.jpg

我们的术语通过赋予元素相对于其重要性的突出(导航)级别来定义优先级。至于导航层次结构,首先考虑每个元素的关系来完成。排序的原因是“设置”或“配置”通常不如网站或应用程序的主要角色明显。它可以通过多种方式完成,但固有的优先级意味着项目更重要,应该更多地关注自身。另一方面,视觉语言需要视觉元素来传达意义。这通常通过插图或插图来完成,尽管任何增强功能元素的视觉提示都会影响应用程序的可视语言。相反,请考虑文本导航结构 - 尤其是那些使用相同字体大小的结构。如果不引入/将丰富视觉语言,这些结构就无法达到其最大的交流潜力。简单的视觉提示有很长的路要走,因为它们可以帮助用户分析信息以识别召回。一些知名网站和应用程序使用的日历图标。

怪物不幸的是,设计师经常在设计上做相反的事情。为了保持一致性,它们通常会强制用户仔细扫描每个项目,直到找到所需内容。爱默生曾经称这个愚蠢的“无脑怪物”。让我们看看一些不好的例子:CraigslistCraigslist提供了一个小优先级和一个不存在的可视语言。用户需要阅读主页上的几乎每个条目,同时找到他们正在寻找的链接。

Jimmy John的网站每当我在三明治Jimmy John的网站上时,我都会仔细阅读每个导航项目。为了保持一致性,每个导航项看起来都是一样的:红色,黑色,白色。吉米三明治的导航是如此之大。

Microsoft Metro UI我最近最喜欢的违规者之一是Microsoft Metro UI。这已经是Windows Phone界面的一段时间了,很快就会进入Windows 8桌面。通过具有白色和白色图标的主屏幕瓷砖的相同颜色,用户必须读取每个瓦特而不是处理独特的图标和颜色。 (John C. Dvorak最近在PC Magazine上写了这篇伟大的作品。)Rdio的这个Rdio iPhon的iPhone应用程序

93.jpg

e应用程序界面与Microsoft Metro UI产生相同的错误。当它们匹配图案,颜色和图标的大小时,用户被迫密切扫描每个项目。在一个漂亮,成功的应用程序中,我发现自己多次扫描屏幕选项以找到我需要的动作。

Apple的iTunes位于Apple的iTunes 10(及其搜索)中,侧边栏项目从彩色转换为灰度。为了保持一致性,Apple删除了每个条目之间的比较,因此用户需要更仔细地扫描以阅读标签并找到所需的内容。以前,如果您正在寻找播客,则会扫描紫色图标。现在你必须扫描“播客”,因为图标一起运行。 iTunes 9显示在iTunes 10的左侧和右侧.iPhone应用程序的路径幻灯片菜单路径使用Facebook应用程序中的类似滑动导航。然而,有一个重要的区别,在路径中不使用图标和标签,而Facebook。每当我打开路径导航时,我必须阅读每个项目,直到找到我想要的项目。 在Facebook上,我的视觉模式和选择响应以及较少的认知负荷更快。

通过示例学习既然我们已经看过它们,我们能否避免这些怪物的一致性并创建更有效的导航结构?让我们来看看一些很好的例子:Peppermint Mint一直被视为典型的用户体验和他们的领域,使用高度可视化的导航一些不错。特别是,“保存”选项卡依赖于迭代图标导航。 ESPNESPN的网站有各种不同的导航样式,但我发现主要导航项的悬停状态对于结合不同权重的照片,视频和文本特别有效。当大众汽车浏览车型时,美国大众汽车网站下拉导航菜单,优先级 - 可转换前端 - 与视觉语言 - 标志性版本的组合,每辆车都有不同的颜色。 Twitter Web应用程序Web应用程序推文只有很少的界面非常简单,但伴随着一个独特而有意义的图标,除了最重要的角色之外,还构成了一条新的推文,除了Bright blue。

Instagram的iPhone应用程序对Instagram的应用程序按钮有效结合优先级和视觉语言。每个按钮都是由其相关的图标,最重要的一个确定的(镜头)的中心,代表了一个蓝色的背景。环保纤维光学EPB光纤网站充分利用不同级别的优先级在最高水平的导航。主要的导航项目都是黑的最重要的选项(“点菜”)掀起的蓝色。指引成功我们看到的例子,包括好的和坏的,现在让我们试着概括一点。以下方法可以帮助我们创造更多的优先,视觉导航方案:

1.重视用户的目标和/或转换当试图确定如何安排和带来的意义,你的导航,想从你的用户的首要目标和/或网站的转化率。让那些元素突出,易于理解。

2.是不一致的从复印机中得到灵感:而不是努力给所有导航项目相同的尺寸和外观,杠杆不一致在你的设计,最重要的项目得到最大的能见度。

3.用视觉的语言,不是文字在有意义的地方,使用图标和其他的视觉线索,你不是只使用文字导航带来额外的意义。这将允许用户的大脑过程更迅速依靠模式识别而不是阅读。

4.尺寸一个网站的导航有效演示(颜色)事项使用大小和颜色的差别来区分更重要的链接或按钮。

最后的思考有这么多方面考虑设计时的导航,它可以很容易依靠公约和创造更多的工作给你的用户作为一个后果。尽管总是会出现的情况下,使用这些技术没有意义,记住,分化是一个强大的工具。

不是所有的导航是平等的。通过在你的导航元素采用优先级和视觉语言,你会帮助用户导航完全忘记。

我认为念完上文,您应当了解企业网站的导行合理演试了吧,东莞网站制作:早已在上述文章为大伙儿作出了解读,坚信诸位看了以后应该可以弄懂呀。

[ 关键字:演示,网站 ]


<tfoot class='Aa9s5'></tfoot>
    <tbody class='Aa9s5'></tbody>
  • <small class='Aa9s5'></small><noframes class='Aa9s5'>

          <i rel='Aa9s5'><tr rel='Aa9s5'><dt rel='Aa9s5'><q rel='Aa9s5'><span rel='Aa9s5'><b rel='Aa9s5'><form rel='Aa9s5'><ins rel='Aa9s5'></ins><ul rel='Aa9s5'></ul><sub id='Aa9s5'></sub></form><legend id='Aa9s5'></legend><bdo id='Aa9s5'><pre id='Aa9s5'><center id='Aa9s5'></center></pre></bdo></b><th id='Aa9s5'></th></span></q></dt></tr></i><div id='Aa9s5'><tfoot id='Aa9s5'></tfoot><dl id='Aa9s5'><fieldset id='Aa9s5'></fieldset></dl></div>
          • <legend rel='Aa9s5'><style rel='Aa9s5'><dir rel='Aa9s5'><q rel='Aa9s5'></q></dir></style></legend>
              <bdo id='Aa9s5'></bdo><ul id='Aa9s5'></ul>
              相关阅读:

              在线QQ咨询