UI.

常用的常用错误以避免所有费用

Marc Schenker. 经过 Marc Schenker.  |  可能。 09,2013

作为Web设计器的盘子上最重要的任务之一是可用性的。可用性被定义为与您的网站交互时用户体验质量的仪表。您设计的任何网站应始终从用户的角度无缝。他们应该易于导航您的网站,而无需首先进行特殊培训。可用性通常基于几种不同的因素。

通过您的网站看的人希望他们的易于学习成为顶级档次。他们希望快速学习用户界面,以便他们可以跳转并完成基本的导航任务。使用效率是另一个因素:在他们之后’我们学会了导航你的网站,他们想要快速完成任务。即使用户之前使用了该网站,它们也需要容易地记住足够的过程,以便下次有效地使用该网站。这称为令人难忘。当他们’重新使用您的网站,他们可能会遇到一些错误,但这些错误频繁或严重?最后,在他们之后’与您的网站完成,用户的主观满意度高或低吗?他们应该喜欢使用你的网站。

当然,你不能一直取悦所有网站访问者,但有些标准很常见,以确保良好的可用性。 Mediocre Web设计师认为理所当然,你不应该。以下是Web设计人员应避免所有成本的前三个可用性错误的破录。

 

可点击太小的区域

您的网站将充满超链接的支架,这清楚地意味着被点击。因此,请确保它们很大,可以轻松单击。这很简单。否则,您的超链接将不会受到良好接收。鼠标上的任何用户的手动移动都不会精确开始,因此不要使可点击的区域如此之小,以便用户必须使用技巧和策略的组合只是在点击您的小型超链接时进行拍摄。

另一方面,更大,更容易的可点球区域使得将光标悬停在任何链接中更方便。要使点击区域更大,只需使整个链接更大或改善链接周围的填充。您可以通过利用CSS Padding属性来执行此操作。

看看这一点 例子 一个可怕的小点球区域。它来自一个名为Y Combinator的网站的“黑客新闻”页面,为初创公司提供种子资金。请注意,评论和用户链接是如何恶化的。幸运的是在练习几次后终于成功点击他们。

 

滥用分页

当它用于网页设计中的正确目的时,分页很大。正确使用时,Pagination是一个欢迎功能,因为它使网站的布局更方便,更容易吸收。它主要用于将内容划分为各种页面,它是通常在呈现长列表列表的网站上看到的功能。

但是,也可以滥用分页,这使得可用性不便的贡献因素。有些网站喜欢滥用分页,以便将基本内容页面分为几页,并且在此背后有一个难题的动机。这样做的网站最有可能试图增加他们的页面观点,简单而简单。许多在线杂志和博客通过广告获取他们的收入,因此收到更多页面浏览量增加了他们的观看统计数据,并让他们更多地收取广告的费用。

看看这个 虐待 分页,这来自我们的有线杂志。注意谷歌的彩色徽标上的文章如何分为八页,当所有八页都可以轻松组合成一个网页。即便如此,较长的文章也不会导致页面加载和处理较慢。另请注意刚刚单击几次以完成读取文章的加重程度。

此外,这种分页滥用可能有害于SEO;如果您将网站上的内容划分为几页,您将淡化您的内容。这具有减少关于每个网页上主题的相关关键字数量的效果,这意味着每个页面都缺少感觉。结果,搜索引擎可能无法正确地解释每个页面的约束,从而对文章的搜索引擎结果排名产生负面影响。

 

内容很难扫描

对于网站用户扫描的内容通常是遭受坏副本的内容。复制是您填充了您网站的文本内容,绝对必不可少的是使您的网站的可用性优异。虽然在您担心好副本之前,但您必须彻底了解网站用户的观看行为。网站用户倾向于从上到下阅读网页上的所有信息,如您所希望的那样。

实际上,网站用户通过从一块内容跳跃到下一个内容来吸收信息,基本上由网页上弹出的东西。您可以感谢互联网轰炸了人们的狂热网络观看行为的信息。用户的眼部基本上从任何给定网页的一个有趣部分到另一个有趣的部分,这意味着您作为您所处的完善的网络设计师,必须以满足这种疯狂行为的方式构建您的页面。

首先,确保您的网站只有一些清晰的重点点。这些将用作您的页面的部分,这些部分将捕获游客的注意力。您可以通过包括更大的字体以及高对比度来成功。对于添加的视觉吸引力,还包括右图旁边的图标。

其次,每个焦点都应该理想地具有描述性标题。在不继续阅读副本进一步读取副本,用户应该立即理解本部分内容将涵盖的内容。永远不要让你的标题很神秘或不清楚,以吸引读者。虽然精确,但仍然是短暂的。

最后,任何其他文本都必须简洁且易于吸收。仅提供基本面并排除其他任何东西。大部短时间,换句案文本包括澄清一个点实际减去所述文本的可读性的额外文本。许多人倾向于只阅读小片段的文字,同时避免更长的段落,所以修剪脂肪。

让我们快点看看 网页 这会很好地组织副本。这是培养的代码为Mac的应用程序应用程序。你会注意到,乍一看,焦点点,这是截图和巨型大小的“事情”标题,非常明显。应用程序的各种功能的副本,您可以通过滚动页面滚动的各种功能,也很短,而且到目前为止,只占用了一个简短的段落,以便简要说明每个相应的功能。

 

还有很多记忆 

良好的可用性涉及许多不同的因素,他们有时会有点难以跟踪。可用性是关于最终用户以及它们的感受’通过您的网站进行导航和扫描。当您设计您的网站时,将自己放在鞋子上。他们可以轻松解决您的网站吗?他们是否会轻松记住下次访问您的网站的行为以及在哪里去?他们最终会享受浏览网站的经验吗?所有这些问题都应该在您设计网站时在您的脑海中进行前置和中心。

良好的可用性也具有实用的好处。用户越可以高效地导航您的网站,所以他们就越回来。他们也会告诉他们的朋友,他们的妈妈,他们的同事......你得到了照片。他们会来看看你的网站。因此,您将获得更多页面浏览量,更多读者,并且希望,忠诚的遵循。这意味着您可以将您的网站货币化并为网站上的广告收取更多信息。照顾可用性,您将在许多方面获得奖励。

 

您会添加哪些可用性错误?什么’常用的最糟糕的可用性错误设计师常用吗?让我们在评论中了解您的想法。

特色图片/缩略图, 错误图像 via Shutterstock.