网页交互设计中常见的五种错误（下）

这篇文章继续给大家介绍网页交互设计中常见的五种错误，前面已经整理了两个，下面就看看另外的三个误区，大家一定要避雷哦！

3、杂乱无章

曾经有过一个阶段，设计师试图将所有的内容全都塞到一个页面当中去。虽然这个时代已经过去了，但是很多网站依然在犯这个错误，甚至在我们自己设计的时候，有时候也会身不由己地想这么做。看看这个在线商店的设计吧：
设计师试图使用简单的配色方案，但问题是页面中大大小小的框、复杂多变的字体破坏了整体的风格，用户也在大量繁复的信息中懵逼。搜索框中“那么你今天想得到什么呢？”文案还是挺时尚的，但是页面风格却完全是过时的设计。

反观EBay的设计，在设计上则更为克制，保持清爽而简单的设计，凸显用户关注的内容，并且明确地提示用户下一步该怎么做。
4、要有对比度

对比度是构建视觉层次最重要的手段之一，也是让视觉元素吸引用户的绝佳方式。在网页设计中，对比度不仅仅是通过色彩来呈现的，尺寸控制、形状设计、位置调整也都能表现出对比度。

最简单也是最生动的案例，就是下面的这个网站。设计师在网站的一致性上做的颇为不错，但是相对复杂的背景和文字内容、按钮等前景元素之间的对比不明显。
相比之下，这个网站也采用了深浅色（黑白）的对比来进行设计，但是结果却截然不同。另外，充满创意的滚动效果也引入了颇为不错的视觉效果，很酷吧？
5、忽视表单样式

表单设计其实是用户体验设计的基本组成部分之一。每个网站都有不同的设计目标，不论是销售产品、呈现信息还是提供沟通平台，然而许多设计漂亮的网站总会给你一个令人感到无聊到死的复杂表单，除了那些极其想加入会员或者想参与问卷调查的那些访客，许多用户（比如我）会直接关闭页面，离开网站。

有了JCF这样的跨浏览器解决方案之后，你就可以同丑陋的默认表单样式说再见了，你可以设计更优秀更人性化的表单那设计，来提升交互效率和用户体验。
另外一个恼人的情况是，表单要求太多，想法不成熟，或者并未经过良好的测试。比如sketchybusiness.io 这个网站中，表单突出了所有的空白字段，即使有些是不需要填写的。
反观mostlyserious.io的表单设计，你会喜欢表单中的鼠标悬停提示。另外，其中“Don’t be shy”的提醒为整个表单增添了人性化的元素。
最后

网站做好了并不是就万事大吉了，你还需要不断的进行测试，这样才能发现问题，因为有许多问题并不是在意料之中的。

以上就是“网页交互设计中常见的五种错误（下）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。