如何避免错误的网站设计
网页设计中有许多因素、元素和设计选择,不恰当的设计会让用户难导航、更难联系和更难信任。除非您想击退目标受众,否则请继续阅读以发现六个最大的网站设计错误, 以及如何避免它们。
1. 添加多余的元素
常见的网站设计错误之一:仅仅因为可用元素而添加多余的元素。
设计的基本原则是首先要了解您希望您的网站实现什么以及它将如何实现。这是因为如今,网页设计软件提供了种类繁多的工具和可用选项(弹出窗口、动画徽标和嵌入式视频),以至于业余设计师很快就会不知所措。
不要被繁忙的设计所困扰,这些设计会让用户感到不想要的弹出式广告、自动播放视频(复数)和繁忙的导航栏;请让您的网页设计保持整洁。把事情简单化。成功的网页设计需要将各个部分一点一点地拼接在一起。
避免过度拥挤的设计相对容易,因为它只需要您避免在网页中添加额外元素“看看会发生什么”的诱惑。除非您可以解释页面中特定元素的设计目的,否则它不应该存在。因此,请专注于构建一个坚实、简单的结构,尽可能为用户提供最积极、无缝的体验。
2. 直接在电脑上设计
大多数企业主(以及相当比例的业余网页设计师,就此而言)仍然认为网页设计是一个“在计算机上”发生的过程。
虽然您最终的创作会以这种方式被看到,但在它的设计方面,事实并非如此。相反,在开始使用网页设计程序或构建器之前,您会希望在开始设计网站时转向更传统的艺术方法。开始设计网页的最佳方式实际上是拿起铅笔和一张纸。首先为您的网站编写目标列表,然后设计一组专注于实现这一核心目标的页面。以这种方式进行设计将使您能够发现设计中的任何明显冗余,并极大地帮助简化您的网站。
为什么最好的网页设计师可以向他们的客户收取看似高昂的费用。这不是因为他们知道如何使用网站构建软件(今天,几乎任何人都可以),而是因为他们知道如何正确构建您的网站,并且可以帮助您确保您的愿景在你们接触计算机之前很久就可以工作。
3. 构建网站模板
构建网站模板,在页面设计方面,即使是最基本的网站建设者也带有用于设置网格、线条和列的工具。许多年轻的网页设计师忽视了这些工具,认为它们只适用于较旧的、“块状”的网站。
实际上,网格仍然是每个设计良好的网页的核心结构元素,并且应该始终用于排列页面的视觉元素。早在网页设计出现之前,网格和线条就构成了核心图形设计技能的基础,并且它们肯定会在未来几年继续成为基本工具。
无论您的网格和列的线条是否在您的网页上可见,它们仍然构成您网站的底层框架和元素之间的比例的基础。网格有助于水平和垂直拆分网页,从而决定不同设计元素之间的对齐方式。
也就是说,还可以将基于网格的设计与更现代的设计和消费者研究技术相结合。消费者与网络交互的各种方式在涉及到他们期望不同类型的网页的外观和感觉时产生了类似的期望范围。
4. 缺乏视觉层次
视觉层次被定义为元素的有序排列,根据它们的重要性。这意味着,如果您没有做到这一点,用户可能会被您设计的不同功能所轰炸,所有这些功能都在努力引起他们的注意。他们不会被有效地引导到您的 CTA,这意味着没有转换。
要创建强大的视觉层次结构,请仔细考虑访问者访问您网站的目的。进行用户体验研究并确保用户流程直观且无缝。布置您的网页设计通常感觉像是一种平衡行为
可访问性也是网页设计中一个非常重要的方面,忽视它会严重影响您的网站实现的结果。在过去几年中,许多公司已经认识到向具有广泛障碍和能力的访问者提供其网站的重要性。间距、对比度、视觉焦点和颜色是在设计中创造可访问性的最重要因素。
因此,在创建网页设计之前,请开始考虑如何在网页设计中使用文本、图像和声音。为图像添加 alt 标签,包括音频描述,并保持副本间距合理,并使用无衬线、清晰的字体。如果您要展示视频,请允许用户选择播放而不是让他们保持自动设置,并对您想要创建的用户体验进行研究。
将可访问性放在首位进行设计,可以创建更具创新性、创造性和智能设计的网站。您可以自由地尝试趋势,但可以确保它们有目的地实施到您的设计中。任何好的设计都不应该阻碍曝光,如果您的网站无法被某些人访问,这正是它正在做的。
6. 不是为移动设计
正如网页设计仍然被认为是“在计算机上”发生的事情一样,许多人仍然认为移动浏览是网站“主要体验”——桌面网站的“替代品”。现在已经不是这样了。事实上,移动浏览现在占互联网流量的大部分, 因此许多设计师实际上会在制作桌面网站之前制作移动网站。
这被称为“移动优先”策略,现在甚至在大公司中也是一种非常流行的方法。设计桌面优先可能是一个错误,因为您可能会使您的网站过于混乱或缓慢,因此它在移动设备上看起来对用户不友好。相反, 首先为移动设备设计您的网站,然后再扩展到网站的桌面版本。
当然,这一点还可以扩展到平板电脑、智能设备以及当今几乎所有其他类型的支持互联网的硬件。换句话说,您的网页设计需要可在不同设备上访问,并且响应速度足够快,以便能够自动调整以适应尽可能多的设备的外观和感觉。正如我们在别处指出的那样,实现这一点可能很困难,因为它涉及到广泛的因素,从页面布局到所使用图像的大小。