网站建设咨询
15605423535

2023-03-26 17:18:49

网页设计陷阱:您必须谨慎使用的4个元素

来源:东橙设计网站策划部

在改造您的网站时,很容易浏览一堆网站,抓住突出的设计点并将其用作参考。
在改造您的网站时,很容易浏览一堆网站,抓住突出的设计点并将其用作参考。然而,网页设计趋势的上升和下降。在您的网站中包含您喜欢的趋势是完全可以的。但在添加它们之前,请问自己:

1. 我们在这里想传达什么?
2. 它会帮助还是阻碍用户体验?
3. 它会对SEO产生积极还是消极的影响?

以下网页设计策略今年越来越受欢迎,但有几个很好的理由说明为什么你不应该盲目地应用它们。

汉堡菜单
汉堡菜单是一个按钮,其符号由三条平行的水平线组成。它通常放置在主页的右上角,并包含其他页面链接。网页设计师以前在移动设备上使用汉堡菜单,当桌面菜单太宽而无法容纳屏幕时,但近年来它已转移到桌面。

通过将链接移出导航栏,汉堡菜单可以提供干净的外观。但与标准菜单不同,汉堡菜单不能立即识别或发现。因此,我们不建议在电子商务或新闻网站中使用此元素,因为在这些网站上,发现项目很重要。

视差滚动
视差滚动起源于任天堂游戏。这是一种效果,其中背景内容/视觉对象在滚动时以与前景内容不同的速度移动。网站所有者和用户喜欢它,因为它的流畅感觉和使内容“流行”的方式。

但是,如果您想要一个在桌面和移动设备上运行的网站,最好不要使用视差,因为从 UX 和 SEO 的角度来看,它有缺点。

1)加载时间慢:网页设计师需要利用复杂的脚本来实现视差滚动。这会阻塞加载时间,并且会关闭移动用户。

2)减少SEO:为了弥补这一弱点,使用视差的网站往往是内容最少的单页网站。搜索引擎抓取的文本不多,这会对网站的排名产生负面影响。

3)可用性问题:除非你的网站是基于用户内容(如Twitter),否则填充你的单页网站来改善SEO是一个坏主意。这需要所谓的“无限滚动”,这可能会惹恼用户。如果您必须不断向下滚动页面以获取信息,您最终会放弃它。

正确完成视差的一个例子是汉堡王的McWhopper提案,它用它来讲述一个简单的故事,并传达一个非常明确的信息。

用视觉对象替换文本
营销智慧说,视觉效果比文字更有效。许多网站所有者更进一步,使用视频、图形、动画和图标代替文本来传达信息。从用户的角度来看,这些元素创造了一种充满活力的体验,让他们保持兴趣。

但是搜索引擎对网站的查看方式与人类不同。搜索引擎利用文本、替代文本和代码来确定内容的类型和有用性。最少的内容不仅意味着糟糕的 SEO;太少的文字和太多的视觉效果会掩盖您的品牌信息。始终使用足够的文本来详细说明您的主题以及您希望用户下一步执行的操作。

卡片式设计
什么是卡片式设计?它是一种由四四方方的容器组成的布局,其中包含文本、链接、视频、图像等内容。符合网站的整体主题。例如,查看Dribbble,Pinterest和Trello。

卡片式设计是向扁平化设计和更简单界面转变的一部分。由于其非分层的视觉结构,它与响应式框架提供了出色的兼容性,这确保了可以平等地感知所有内容。用户可以快速扫描内容并根据自己的兴趣决定点击什么。

缺点?内容层次结构有话要说;在基于卡片的设计中缺乏它会使用户难以找到信息。这就是为什么卡片式布局不适合企业和商业网站的原因,在这些网站上,必须在正确的位置向潜在客户传递正确的信息。

在投资网页设计时,请将您的目标放在首位,并且只选择符合您要求的设计策略。

通过使用最佳实践和网页设计的最新趋势的结合,我们可以创建一个完全适合您目的的出色网站。与GMI的网页设计专家联系以了解更多信息。
添加微信号

13805327355

点击拨打电话咨询