7个让人抓狂的网站设计错误
网址: www.voossi.com 微信:voossiwx
有时候网站会让我闷闷不乐。我带着期待点开，然后——简直是设计灾难。你得承认，你也曾经对着屏幕抱怨了好几次。
从糟糕的形式、消失的链接到可用性问题，我要分享一些会把我逼疯的网站错误。一定要注意了！直到某人偶然发现之前，这些东西会集中在你的网址上。
网站上的文字和图片需要具有可读性。实现这一点的最简单方法是进行对比。但是太多设计师忘了这个简单的事实。
最大的问题通常是文本和背景之间缺乏对照，使得呈现出文字无法阅读。（难道那不是整个内容的重点吗？）
确保每个版块包含足够多的对比，周围的元素巧妙隔开每个版块，各个元素也互不干扰，这非常重要。当你考虑对比时，要记住一些设计基本要素——颜色，空间和尺寸。好好利用这些元素会起到事半功倍的。
上图包含两段具有对比性的文字，背景上链接的颜色让文字相当难读。然后对比一下文字的尺寸与屏幕上图片比例，另外字太小和白色的文字放在浅色的背景上，容易造成文字难以辨识。
在用户登陆你的网站那一刻，设计师就应该清楚，你期望用户下一步做什么。因此导航图标应该相当明显。（这是导航和菜单通常在网页顶端的原因之一）
导航装饰和导航结果都应该清楚标注，直观地进行工作。这是为了让你尝试左右滚动或者其他特别的动画效果，给用户某种线索去了解网站运行。过分复杂的设计装饰会让用户沮丧，从而造成他们放弃你的网站。
没有什么事情比一张很棒的图片被其他元素弄得模糊不清更糟糕了。如果你正在花时间把好图片放在你的网站上，一定要精简地使用，忌用太多覆盖效果。加上一句简单的文字，其他就不要加了。（这就是受欢迎的幽灵按钮）
当然，还有很多方式会造成这个问题，当设计师试着做得“太前卫”，陷阱随之而来。创意图片很有趣。滑动版块很棒，但是当你把这些元素和文本结合在一起，那可就危险了。每个部分里的图片都要和文本一起出现，这样每个字才具有可读性，照片中重要文字才明显。
不要用文本或者按钮挡住了图片的重要部分。如果你觉得这个发生在你的设计里面了，或许，最好选择简单的背景以及把照片放在其他地方。
看第一眼，上面的图片就会吸引住你，因为它采用了合适的素描的风格。但是，看仔细一点，你会发现人物的脸被文字模糊了，使用了与图片内容不匹配的文字，整个图片变得有些混乱。
这个网页设计里有相当多令人发笑的混乱细节，不对称就是其中之一，但缺少格子却不是。
使用网格是区分设计好坏的专业美化技能之一。网格可以增加清晰度、提高组织性，帮助你在内容之间创造充足的、一致的空间，并且让你清楚在哪里以及怎样摆放这些内容。网格能够促进你决定元素所占的尺寸、文本大小和空间以及在合理的设计比例分布。
看在上帝的份上，请你一定要让你的网站使用响应式框架。你的网站需要在移动手机端运行。反过来，它也需要在我的电脑上运行良好。
我一直遇到一些网站，呈现在我的手机上是完整的网页。网站不是响应式的，或者至少没有手机的版本，这样的网站每天都会错失流量和转换。（当然比较不常见的是，只提供手机版本的网站同样让人沮丧）
如果我尝试从手机登陆的你的网站，但却行不通，我不会再回来或者在电脑上尝试，这一点许多其他用户大概和我一样。
链接失效是网页最令人挫败的问题之一。一定要养成每年给你的网站检查链接的习惯。这是你可以亲手操作的事情，或者也可以借助工具的帮助比如网站链接检查软件。
其他让我心烦的事情？那就是网站标识不是从浏览页面返回主页的链接。一定要有一个返回“主页”的功能键。（当你在设计时，不要让返回键失效）
谈到链接时，考虑一下可用性。要确保链接，尤其是文本里的链接，既要清楚，也要设计得足够大让人点击中，不至于点错挨着的链接。
你的网站上有声音会很有趣。但是没有提示的响起声音可就不了。
你要给用户设置一个声音开关触发选项功能以及默认值为关闭。对用户来说，声音可能会很让人吃惊，但对工作环境来说不安全，一般是很烦人的。大多数用户想要感觉自主掌控网页浏览，自动播放声音却会剥夺一部分这种控制权。如果我被给予了选择权，我更有可能接受声音。自动播放声音会让我直接离开网站，不去找哪里可以让它安静。
有的地方会动播放声音会耍一些花招，举个例子——广告。如果你有一内容必须播放声音，考虑用静噪键做一个弹出式的窗口。用户被“训练得“更加能够接受观看几秒的广告来浏览内容。这仍然不是一个理想的情景，但可能是一个更好的解决方法。
看看这张从网站上截取的图片。它会自动播放声音——这应该是自然的——但看看你是否可以一眼就看到声音选项。这个按键相当小，尤其是和其他元素的比例比。
令人伤心的是，浏览网站时，还有很多其他的会让我发疯的小东西。千万不要成为这些无心之失的牺牲品。
语法或拼写错误。
没有回应行动。
太多重复的链接。
带有连字符的文本。
超级小的按键。
糟糕的排版与可读性。
掉进一些设计陷阱太容易了，每个人都会经历。（你甚至会发现在一些设计很棒的网站上也隐藏着一部分这样的错误）
所以，在设计过程中以及运行后，当心和注意这些细节部分，这样你才可以避免许多问题。你也不想让我发疯，是吧？
好文推荐
十大设计师必备网站：http://www.ui.cn/detail/85933.html
四个字体设计网站推荐：http://www.ui.cn/detail/87245.html
本文是悟思翻译，如需转载或版权问题请联系我们。
译者：Gina 校对：Elena 原文作者：Carrie Cousins
0
作品
0
粉丝
0
关注
大牛，别默默的看了，快登录帮我点评一下吧！:)
登录 立即注册