成都定制开发网站的设计标准

2022-07-06    分类: 网站建设

即使对于营销人员来说,设计标准也不是您想得太多的事情。但是对于网页设计师而言,它们至关重要。

“标准Web约定”是Web设计标准和实践。它们是网站设计师遵循的一组规则,知道它们符合访问者的期望。它们是清晰度和可用性的指南。

但实际上是什么标准?
为了回答这个问题,我们创建了一个包含10个Web设计标准的清单,然后查看了排名前50位的营销网站,以了解这些标准的真正标准。使用指南从早期NN组文章中,我们使用以下阈值:

标准:80%或更多的网站使用相同的设计方法
惯例:50 – 79%的网站使用相同的设计方法
困惑:49%或更少的网站符合标准,没有任何一种设计方法能成为主流
注意:本研究中包含的网站是Alexa上“业务营销与广告”类别中的顶级营销网站。在排除不具有常规潜在客户生成或电子商务目标的新闻,媒体和出版物网站之后,我们最终排名前50位的营销网站。

1.左上方的徽标
在所研究的网站中,有100%的网站每个页面的左上角都有一个可点击的徽标。这是一个标准!

2.右上角的联系方式
44%的联系人按钮或链接位于每个页面的右上角。尽管此放置非常普遍并且被认为是实践,但不能认为它是标准的。

设计标准博客发布-联系方式-小

3.顶部的主要导航
88%的网站的主导航位于每个页面顶部的标题中,从而使水平的顶级导航成为Web设计的标准。

设计标准博客-小

4.主页幻灯片
32%的网站都有主页幻灯片放映(也称为轮播),其中包含一系列旋转的图像和消息。

设计标准博客帖子小

这是Orbit设计师正在仔细观察的一个,因为越来越多的网站似乎更喜欢静态的特色图片,而不是旋转的图片系列。

关于每种选择的有效性的研究混杂在一起。结果各不相同!为您的网站,消息和访问者选择选项。

5.首页上的价值主张
80%的营销网站在首页上都有明确的价值主张。因此,大多数网站都“向折叠上方”说明了其价值。其余的根本没有明确的价值主张。

designstandardsblogpost-value-small

任何网页设计师都会告诉您,浏览器没有标准的像素高度。因此,没有折痕。但是,当然,某些设计元素会出现在页面的上方,并且大多数访问者通常无需滚动即可看到它们。

6.在首页上方的号召性用语
78%的网站在视觉上吸引了号召性用语。该百分比低于我们的标准阈值,这当然是惯例。

设计标准博客-cta-small

7.标头中的搜索功能
54%的网站的标题中都有搜索功能。大约一半的营销站点没有一个搜索功能,该功能以链接,图标或搜索框的形式在每个页面上“全局”显示。

designstandardsblogpost-search-small

这对我们来说并不奇怪。除非网站包含大量内容,否则不需要搜索工具。搜索工具通常是组织不良的网站的“拐杖”。

8.页脚中的注册框
24%的网站允许访问者在页脚中注册和订阅电子邮件更新。因此,这是收集电子邮件地址的常见位置,而不是约定或标准。

designstandardsblogpost注册小

页脚最常见的内容是版权,隐私,法律,站点地图和联系链接。访客希望在网站的右下角或底部中心找到联系信息。

想要一个更好的页脚吗?这是我们的页脚设计实践,您可以在页面底部添加27项内容。

9.页脚中的社交媒体图标
72%的网站的页脚中都包含社交媒体网站的图标。这几乎使这些成为标准设计元素。

设计标准博客博客-socialfooter-footer

26%的网站在标题中突出显示了社交媒体图标。

设计标准博客帖子-社会标头-小

就像在页脚中一样,单击任何这些图标会将访问者带到社交媒体网站。因此,这是一个设计元素,可能会浪费您的流量,增加跳出率并损害结果。

我们建议在页脚中添加社交媒体图标。为了进一步减少视觉冲击,只有在访问者将鼠标光标移到图标上之后,才可以显示全色版本。

10.响应式设计
68%的网站使用响应式网页设计对移动设备友好。无论使用哪种设备(手机,平板电脑或台式机),这都为游客带来了好的体验。

designstandardsblogpost响应式-小

它是设计和编程的结合,在站点构建后很难添加。通常,它是重新设计的一部分,这可以解释为什么它是惯例而不是标准。

响应式设计多年来一直是实践。我们很高兴看到这种情况变得越来越普遍,并且希望该功能最终成为标准。

关于数据的注释:本研究中包含的站点是知名的大品牌。他们有很多页面,并且业务多种多样。大型网站的某些设计方面(搜索工具,通用导航标签)可能与较小的营销网站无关。

我们来复习…
designstandardsblogpost-bar-small

定制设计占主导地位
显然,并不是所有的设计标准都是标准的。除了徽标的位置,主要导航和价值主张之外,没有用于网页设计的标准。

关于标准的好处是您有很多选择。–计算机科学家Andy S. Tanenbaum

Web设计约定包括醒目的号召性用语,页眉中的搜索工具,页脚中的社交媒体图标和响应式Web设计。

其他常见的设计功能仍然可以视为做法,但大多数网站可能不会使用。专门针对企业及其受众的自定义Web设计是一天的工作。

Web设计师的实用见解
符合标准是满足观众期望的简便方法。您的访客不是空白。您的网站是他们访问过的第百万个网站,因此,他们对所能找到的内容以及在何处可以找到深刻的想法。该网站是您数字营销基础知识的关键。

为什么要使您的网站与众不同?
如果在某个特定位置需要设计元素,则应该在该位置。

除了设计元素之外,所有优秀设计师还可以理解以下几种Web设计标准:

品牌标准
颜色,类型和色调特定于每项业务。您应该为自己的网站准备一份样式指南,并坚持使用。
编码标准
网站应使用W3C同意的编程标准来构建。这使它们更有可能在浏览器中显示和正常运行。
无障碍标准
获取信息是一项基本人权。联合国《残疾人权利公约》已经承认了这一点。遵循这些标准,使每个人都可以访问您的网站。
标准Web约定是良好设计的简写。如果您违反任何这些规则,则应有充分的理由有意地这样做。而且,您应该计划测量出乎意料的影响。

当前文章:成都定制开发网站的设计标准
文章分享:https://www.cdcxhl.com/news/174852.html

成都网站建设公司_创新互联,为您提供标签优化用户体验定制网站企业建站手机网站建设营销型网站建设

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

搜索引擎优化