互联网上有无数的网站,每天创建数百甚至数千个网站。 这是需要考虑的一件非常有趣的事情– 一个好的网站包含哪些元素?
建立网站可能令人生畏,但真正的挑战在于使网站变得可用。 问题是大多数网站设计师忘记了该网站不是为自己创建的,而是为了解决用户的需求。 他们将创造力置于实用性和可用性之上。
在本文中,我们将重点介绍Web开发人员和设计人员所犯的11个Web设计错误,以及一些如何轻松避免这些错误的建议。
1.搜索框在哪里?
网络就像一个信息档案。 无论是公司网站还是博客,搜索框都是必不可少的。 访问者可能正在寻找网站中隐藏的内容,通过搜索框,访问者很可能会得到他们想要的东西。
建议: Google自定义搜索是一种简洁,有效的入门方法。 它使访问者可以有效地搜索您的站点。 只需从控制面板中复制HTML代码并将其粘贴到您的网站上,然后在网站上即可找到搜索功能。
这是一个简单的表单代码,也可以在您的网站上显示Google的搜索引擎。 您要做的就是将网站名称更改为您的网站名称。 另外,您可以将提交值修改为您喜欢的任何内容。
<form action="http://www.google.com/search" method="get"> <fieldset> <input type="hidden" name="sitesearch" value="https://www.hongkiat.com/blog/" /> <input type="text" name="q" size="25" maxlength="255" value="" /> <input type="submit" value="Search Hongkiat" /> </fieldset> </form>
2.可读性和可读性差。
这是网页设计的关键要素。 当然,良好的界面设计将吸引用户的注意力,但用户必须阅读文本才能掌握所需的信息。 一些网站使用最奇怪的字体样式和大小来使阅读感到痛苦。
- 比较大多数主要站点的配色方案,并注意颜色如何提高可读性。 尝试使用不同配色方案的好地方是Adobe Kuler 。
- 使用Sans Serif字体,因为它可以轻松在网络上阅读。
3.无组织的内容布局。
网站的内容是驱动网站访问量的因素。 内容的结构是成功或失败的原因。 除非绝对必要,否则用户不会阅读,而是会浏览信息并在网页上挑选出兴趣点。 一些设计师只是在网页上放了一段文字,而完全忽略了标题,副标题,项目符号,关键字,段落等。
为每个网页使用适当的页面标题,以便用户确切知道他们的位置。 一些设计师甚至忘记为网页命名。
总体而言,此类别中最糟糕的情况是在您的网站上放置了不准确,无法访问,无关紧要或过时的内容。 内容必须与网站的整体主题一致并且有用。 如果正在构建页面,为什么还要打扰呢? 如果设计师确实必须这样做,那么这只是暂时的,不再需要3个星期。
- 通过使用边距在文本和图像之间创建足够的空格。
- 更新并保持一致 。 更新的目的不仅是添加新内容,而且是发现并纠正过去的错误。 Jakob Nielsen建议您租用一个网络“花园”。
预算聘请网络园丁作为您团队的一部分。 您需要有人清除杂草,并在网站更改时重新种花,但大多数人宁愿花时间创建新内容,也不愿维护。 实际上,维护是一种增强网站内容的廉价方法,因为许多旧页面保持了相关性,因此应该链接到新页面中。 当然,最好将某些页面在到期后从服务器上完全删除 – Jakob Nielsen
4.导航错误。
网站内的导航应该是无缝的。 用户应该能够轻松找到自己的出路。 尽管网站内没有导航标准,尤其是随着越来越多的新Web开发技术出现,但必须了解导航必须直观且一致。
如果将文本用作导航,则应该简明扼要。 视觉隐喻不应该被重新发明。 如果使用了超链接,则它们应从文本正文中脱颖而出。 无效链接不应在任何网页上放置任何位置。 这增加了用户的困惑并浪费了时间。 更糟糕的是,主页上有一个链接到该主页。
- 通过对所有链接使用文本描述来使导航更加流畅。 提供图片的替代文字。 对Flash或Javascript链接使用替代文本描述技术。
- 与网站主题一道组织和组织导航。 个人网站可以承担更多的创意,但又可以访问,但是商业网站需要更高的效率和清晰度。
请记住,如果用户在少于3次单击中找不到他们想要的东西,则大多数会立即离开。
5.界面设计不一致。
过度的创造力就可以了。 过多! 一些设计师通过为网站中的每个网页创建不同的设计,在创建网站时将其提升到另一个层次。 这绝不会使用户感到困惑。 和完全烦人。 无论网站多么出色和吸引人,如果总体外观不一致,用户将无法与之建立联系并感到控制不足。 因此,他们一到达就离开。
- 对每个页面使用标准的一致模板,该模板具有指向网站主要部分的链接。
- 关键字很简单。 创建美观简单的设计,用户永远不会在您的网站上感到困惑。
6.不友好的屏幕分辨率。
我敢肯定,我们已经访问了您必须水平滚动的网站。 这是现代网页设计中的绝对禁忌。 优秀的设计师将开发适合大多数屏幕尺寸的网站。 当前针对网站的当前优化布局是1024 x 768像素。
- 查看统计信息 – Google Analytics(分析)之类的分析服务可为您提供有关其使用的显示器分辨率的信息。 这些是您在开始下一次改版之前应了解的有用信息。
- W3学校浏览器统计信息 – W3学校提供了网民使用的最受欢迎浏览器的清晰列表,并根据受欢迎程度对其进行了排序。 还有其他有趣且重要的统计数据。
7.复杂的注册表。
注册表很棘手。 您需要用户提供多少信息? 用户必须输入大量详细信息才能注册到您的网站的日子已经一去不复返了。 一些网站将大多数注册字段都设为必填字段,并在尝试几次后使用户感到沮丧的程度来验证该字段。 请记住,用户访问网站以获取信息。 并非相反。
8.不当地使用图像/动画。
网页上的图像过多会导致关闭。 图像可以用来吸引用户的注意力,但也可以分散注意力或只是加重效果。 图片应在适当的地方用于说明和指导用户。
动画很棒而且功能强大。 特别是当正确使用时。 当一个周期或网页上的内容过多时,它就会引起用户的注意。 用户没有足够的耐心,时间或资源,因此设计人员必须提供替代方法或更好的选择,如果是全页动画,则为“跳过”按钮。
更多: Flash:99%不良 -正确使用Flash。 自Jakob Nielsen发布本文以来已经快10年了,但它在Flash可用性方面仍然很重要,尤其是Breaks Web Fundamentals 。
9.整齐的页面,更多空白。
太多的设计师忘记了空格及其重要性。 他们被自己的设计创造力所吞噬,以至于他们忘记了这与他们无关。 因此,他们尝试将尽可能多的内容塞入单个页面。 最终结果? 繁忙,混乱且无法阅读的页面。
以下几篇文章可以使您对空白在Web设计中的重要性有个很好的了解:
10.请没有背景音乐!
用户不想酷,他们追求效率。 是的,有99%的人不关心您网站上的音乐。 一些设计师通过在每个网页上放置不同的背景音乐来使情况更糟。
建议: 不要使用背景音乐 ,但如果需要,请为代码和用户控件创建框架。 这样,音乐会不断循环播放,而不是每次在网站上加载新页面时都进行更改。 用户可以随时停止或暂停。
11.测试,测试和测试。
这不能过分强调。 我们访问过只能在特定浏览器上查看的网页有多少次了? 测试网站时,Web开发人员必须具有各种清单。
- 可以在不同的环境中浏览网站吗?
- 设计布局在所有浏览器中是否一致?
- 可以在不同的设置(例如关闭图片,关闭JavaScript等)中查看网站吗?
建议: W3C提供用于质量保证测试的工具。 查看W3C质量保证工具箱和网页验证 。
结论:
保持简单,愚蠢 (KISS)。 如果很简单,就可以使用。 总而言之,出色的网站使其简单易用。 做好功课,轻松自然。
编者注:这篇文章是由Brujo Owoh为Hongkiat.com撰写的。 Brujo Owoh是一名多媒体系统本科生,专门研究Web设计和2D动画。 他喜欢阅读小说,与同伴一起玩,并喜欢Twitter上的设计趋势。 访问Brujo的博客 。
翻译自: https://www.hongkiat.com/blog/11-common-mistakes-blunders-in-web-design/