懂点网站交互(3):广告牌设计101法则

xiaoxiao2021-02-28  114

在上篇文章 懂点网站交互(2):我们实际上是如何使用web的 我们可以了解到实际上用户浏览网站时并不会按我们假定的方式,而是飞快的扫视而过,那么我们如何让用户了解我们的网站呢?

1.尽量利用习惯用法 2.建立有效的视觉层次 3.把页面划分为明确定义的区域 4.明显标识可以点击的地方 5.最小化干扰 6.为内容创建清楚的格式,以便扫描

习惯用法是你的帮手 我们要明确,任何东西,要让人能瞬间理解,一种最好的办法就是遵循习惯和惯例——那些已经广为采纳或已经标准化了的设计模式。 举个例子:停止标志。鉴于它至关重要,司机们苏姚快速看到和识别这个标记。那么让所有的停止标识一模一样是一件好事。

再比如页面上的什么内容在什么位置。例如用户通常会期望标志性的站点图标出现在左上角,网站的主导航横跨在页面顶部或者纵向防治在页面的左边。

不同的网站也演化出了不同的习惯用法——电子商务、大学、博客、餐饮、电影等等,因为这些相同类别的网站要解决相同的问题。

我们要知道的是这些习惯用法并非凭空而生的:他们都是从某个人灵光一现的想法开始,如果这个想法相当不错,其他站点就会模仿他,最终由足够的在足够多的地方见到它,让它变得不言而喻。

如果应用良好,web习惯用法会给用户带来很大的方便,因为他们在访问不同的网站时,不需要付出额外的努力来得出背后的运行原理。

建立有效的视觉层次 让一个页面在瞬间明白易懂的方法是确保页面上的所有内容的外观能准确的表述内容之间的关系:哪些是最重要的,哪些是类似的,哪些是另一些的组成部分。也就是说,每个页面都应该有清楚地视觉层次。

为此我们需要做到。 1.越重要的部分越突出。例如最重要的部分要么字体更大、更粗,颜色更特别,旁边留有更多的空白,要么页面更接近页面的顶部。 2.逻辑上相关的部分也在视觉上相关。例如,可以把相近的内容分成一组,放在同一个标题下,采用类似的显示样式。 3.逻辑上包含的部分在视觉上进行嵌套。例如一个分类的标题(“计算机书籍”)出现在某本数据标题的上面,在视觉上包括书籍区域。

好的可视层次通过预先处理页面,用一种我们能快速理解的方式对页面的内容进行组织和区分优先级,减少了我们的工作。

把页面划分成明确定义的区域 把页面划分成明确定义的区域很重要,因为这可以让用户很快决定关注页面的哪些区域,或者放心的跳过哪些区域。对网页的扫描所进行的几项初始眼动研究表明:用户很快就会确定页面哪些部分包含有用信息,然后对其他部分看都不看。

明确标识可以点击的地方 因为人们在网络上所做的大多数事情都是找到一个下一个地方点击,那么明确的标识哪些地方可以点击,哪些地方不能点击,这很重要。 总体来说,如果能坚持只用一种字体颜色来表示文字链接,或者能确定他们的外观和位置可以识别他们是可以点击的,那就没事了。

降低视觉噪声 让页面不易理解的一个最大原因是页面噪声。 实际上有三类视觉噪声: 1.眼花缭乱。大量促销信息,大量不同的字体和颜色,自动播放的幻灯片等等各种吸引用户注意力,这些往往没法把用户吸引到最重要的地方去。 2.组织不当。页面排版不规整,让整个页面看起来乱七八糟的。 3.太过密集。一个页面上有太多的内容。 因此我们在设计页面时,可以先假定所有的内容都是视觉噪声,然后一点点去除对页面没有帮助的内容。

为文本设置格式,以便扫描 绝大部分时间,用户都在我们的网页上扫描文本,想要找到一些东西,设置合理的文本格式可以帮助他们,让他们扫描起来更容易。 可以采取以下几点方法。 1.充分使用标题。精心制作的标题往往让人一目了然,了解文章大意,吸引兴趣。 2.保持段落简短。段落篇幅过长,往往会让读者失去阅读下去的勇气。 3.使用符号列表。几乎可以变成符号列表的内容都应该变成符号列表。 4.突出关键词语。大部分的页面扫描动作都是在寻找关键字和关键词语,所以可以把那些最重要的关键词在文本中第一次出现的地方加粗,让他们容易找到。

转载请注明原文地址: https://www.6miu.com/read-60333.html

最新回复(0)