TEL:400-8793-956
当前位置:网站讲堂

网页设计中的简单性——真的是越少越好吗?

提问者: 近期获赞: 浏览人数: 发布时间:2021-12-20 10:22:56

 大多数人都听说过 KISS。古老的“保持简单,愚蠢”的建议。为什么简单的网页设计如此受欢迎?简单并不一定意味着易于创建,并且在大多数情况下,简单的网页设计很难实现,但仍然可以获得很好的效果。在大多数情况下,简单的设计功能和布局可以迅速将访问者的注意力吸引到网站最有价值的内容上,从而改善用户体验并在您拥有的短暂注意力范围内实现投资回报。这个概念植根于极简主义,起源于 1950 年代的艺术。在 专业网页设计中,它在 2000 年代初开始流行,其核心理念是减少复杂性和混乱(Nielsen Norman Group)。你们中的许多人可能还记得 90 年代和 2000 年代初期的一些早期网站是多么混乱。今天,极简主义的网页设计不仅仅是在网页上显示一定比例的空白区域和一个号召性用语按钮。让我们深入研究一些例子。

 
简单网页设计的原因
在 UserTesting.com的 UX 行业报告中,据报道,公司每年都将更多的设计预算分配  给用户体验 (UX) 研究,以捕捉用户反馈、测试新计划并随着时间的推移对他们的 UX 结果进行基准测试。随着客户体验成为许多品牌计划或更新背后的驱动力,搜索引擎将自然流量发送到网站是其中一个原因,因此提供一个整洁的网站对于积极的用户体验至关重要。
 
其他研究 表明,有用的、独特的和权威的内容是成功网站的首要因素,让优秀内容脱颖而出的最佳方式是展示突出的功能,这是任何极简设计的一个关键特征。
 
在您进行新网站或 重新设计项目之前,请牢记以下设计因素:
 
优化用户体验
主页
无论设计多么简单,您的主页都应该设计为立即为用户提供他们正在寻找的信息,然后将他们引导到您计划的渠道中,以便他们在您的网站上做一些事情。把它想象成一个漏斗,你想把用户的注意力引向哪里。在一项研究中,  86% 的网站访问者希望查看有关产品和服务的信息 在主页上。虽然极简主义的主页看起来很酷,但未能提供正确的内容或正确突出您的号召性用语选项会提高您的跳出率。尝试考虑与您的网站角色产生共鸣的一条消息,然后是您想要引导访问者的路径。如果让用户注册到您的电子邮件列表是最重要的事情,那么您必须清楚明确地说明注册的好处是什么,您将如何处理他们的联系信息,然后简单地引导他们完成注册过程,以便您尽量减少任何下降。
 
页面布局
选择页面布局时使用 80/20 规则。也称为 帕累托原则,只需要 20% 的空间来推动对网站其他 80% 的操作。在规划页面内容、布局和标题时,请在列表、图形或图表中写下所有内容。将 20% 的内容确定为“功能”内容,并确保这些项目在您的极简设计中占据显着位置。此外,还要考虑“折叠”之上的内容。“折叠”是可以在设备上看到的网页底部。因此,这可能是您的手机或台式计算机的底部,您看不到下面的内容。最后,大多数用户以“F”的形式扫描页面,这意味着他们扫描最上面一行,然后将眼睛向下滚动一半,然后再向后移动并向下滚动到顶部“折叠。
 
无障碍
最受欢迎的问题或主题是否难以在主页上的几个主要要点中组织起来?考虑创建更多页面或添加常见问题解答页面,以便为有问题的网站访问者提供一个明确的去处。使常见问题页面具有丰富的内部链接,以保持访问者的参与度。您拥有的特定于一个类别和几个关键字的页面和内容越多,这对搜索引擎优化就越好。
 
导航和内容组织
如果您有一个相对较小的网站或只有几个服务/产品页面,则网站结构很容易实现。当网站页面等于数百个 URL 时,组织内容会变得有点棘手,尤其是当您要进行简单的网站设计时。首先,尝试考虑如果您的网站是文件柜,您将如何理想地对网站上的内容进行编目。
 
专业设计师可以提出建议,但您可以首先将页面分为 买家旅程类别: 意识、考虑和决定。从那里,使用古老的树方法或自上而下的方法并按重要性顺序列出它们。如果您有出于 SEO 目的而存在的页面,但它们是更高价值转换页面的“导入”页面,则它们不需要出现在主导航中。尝试考虑定义网站结构的总体页面是什么,然后与这些主页面相关的子页面是什么。一个很好的技巧是写下或绘制您网站的“站点地图”,看看它是如何组织的。我们喜欢用白板和便利贴(每张便利贴是一个新的不同页面),然后画线连接便利贴。这是查看是否有任何死胡同以及可能需要设计多少页的好方法。
 
导航和内容组织是开始 A/B 测试的完美领域。
 
A/B 测试将识别最能促使网站访问者采取行动的内容。
 
标题、标题和段落
虽然干净的网站设计可能不像常规设计那样包含那么多的文字,但文字仍然很重要。搜索引擎使用单词和短语来抓取您的页面并将其编入索引,大量研究表明,冗长的博客文章(1,000 字或更多)会导致更好的排名。
 
您可以使用高字数页面实现简单的网页设计;只需使用一些布局指南来最小化单词的“忙碌”效果:
 
保持标题或标题 最多 5 个字
使用简短易读的段落,由副标题和双空格分隔。
对最重要的关键字使用 h1 标签
图形和图像
简单的网站利用 高质量、图形丰富的图像 来表达含义。现在不是搜索“免费网站图片”的时候;是时候投资高质量的图片,吸引网站访问者点击您的品牌并与您的品牌互动,甚至与专业摄影师或摄像师一起创建您自己的内容。如果您有预算并且可以创建自己的预算,那么您就会知道这对您的品牌来说是独一无二的。
 
主题和风格
虽然可以在任何 CMS 平台上设计具有极简主义设计的网站,但 WordPress 提供了建立在极简主义支柱上的主题和样式。如果您使用的是 WordPress,您可以查看这些“现成的极简主义”选项。
 
注意:所有这些都可以由设计师或前端工程师进行定制,因此如果您想要对其进行调整和更改,您也可以请工程师来帮助您。
 
准备好简单了吗?没那么快!
如果您准备跳上简单的网站设计火车,请谨慎行事。继续操作时请注意以下警告:
 
不要牺牲功能
在导航方面,请查看各种选项。标签、可折叠菜单和滚动点击图像可以提供清晰、干净的设计,而不会失去功能。谷歌和苹果都有关于如何设计产品的标准,使它们易于理解,同时仍然具有很多功能。这是 谷歌的材料设计指南。
 
对速度的需求
大量图片的网站会减慢网站页面的加载时间,疏远新访问者和搜索引擎等。WordPress 提供各种插件来优化和压缩图像,Google 提供 免费的网站速度性能报告, 其中包含提高网站速度的建议。您可以将这些建议提供给任何前端工程师,他们将能够帮助您优化图像。
 
小心中性排版
项目负责人和设计师都将极简主义与中性混为一谈,极简主义设计与中性配色方案没有任何“流行”,不会提供您所追求的参与度。查看您的品牌颜色,确定一些识别高转化颜色的研究。然后与您的设计师合作,确保字体和重要信息不会混入背景中。与您合作的设计师应该从一开始就知道您网站的主要信息应该是什么。
 
走向简单:以数据为指导
如果您要重新设计或更新网站,请尽快开始收集数据以指导您的内容组织工作。收集数据并不困难,您的网络团队通常可以在一天或更短的时间内完成设置:
 
谷歌分析。 确保  正确跟踪着陆页性能。确定表现最佳的着陆页对于网站重新设计和组织成功至关重要。
谷歌搜索控制台。将您的 Google Analytics 帐户与 Google Search Console 相关联。 您将可以访问着陆页展示次数、点击次数、排名、点击率、页面抓取率和关键字。使用此数据,您可以根据参与度和价值构建页面层次结构。
转化跟踪。 在Google Analytics 中设置目标跟踪、渠道和转化路径跟踪 。这些报告将为您提供有关用户陷入困境的位置、您可以优化销售/注册渠道的位置以及转化率的数据。
通过精心规划和数据驱动的策略,网页设计的简单性可以显着提高网站参与率。
 
在旧金山寻找网页设计机构?查看螺旋侦察机。我们将热切地帮助您从头开始制作一个极简主义的网站或应用程序,或者用新的外观刷新现有的网站或应用程序。我们的团队将与您密切合作,帮助您创建独特的品牌风格,并在此基础上构建一个看起来不漂亮但功能强大的解决方案。
上一篇: 如何选择合适的 CMS — Drupal、Joomla、WordPress 与自定义开发
下一篇: 建立一个网站需要多长时间?