石家庄网站建设 > 我是展为 > 展为新闻 >

石家庄建设网站公司

发布时间:2020-11-01

石家庄建设网站公司研究支持的Web设计技巧:如何设计有效的网站
数字策略 | 网站设计和可用性 | 57条留言
分享这个 
    
访客总数。很容易看到。每个营销人员都知道他们获得了多少流量,因为它就在您的Google Analytics(分析)中。但是接下来发生的事情并不那么明显。
 
这就是为什么为驾车流量提供建议很容易,但是网站设计技巧却很难。有很多因素。即使经过1000多个成功的Web项目,我们也很难知道哪种方法最有效。
 
本文提供了27个Web设计技巧,可从每个访问者那里获取更多价值。这些技巧大多数都得到研究的支持。这些适用于小型企业和大型企业的初学者设计师和高级UX专业人士。
 
这是我们设计有效网站的最佳建议,想法和灵感。一个看起来漂亮,可以吸引访问者并从每次来之不易的访问中获得更多价值的网站。
 
石家庄建设网站公司最后引用了两个最重要的研究。如果您不耐烦,请跳下来!
 
网站的结构布局
网站是两件事:容器和内容。容器是两件事:结构和样式。让我们从第一个开始。这些技巧与页面的结构和布局有关。
 
1.利用视觉层次
每个页面都有视觉层次。如果您不熟悉该概念,则这是我们的定义:
 
视觉层次是指视觉元素的排列,大小,颜色和对比度。它确定了它们的相对突出度以及人眼看到它们的顺序。
 
Web设计人员使用视觉层次结构来首先引导访问者注意重要元素。网站布局包括位置(页面上的高或低),大小(大小),视觉效果(视频,图像,图标)和对比度(彩色和空白)。
 
 
 
结合方面会增加其效果。每个人都会在页面上方看到一个大视频。很少有人会看到低对比度的文字被图像包围。
 
视觉层次结构是为什么您的眼睛在互联网上访问的每个页面上都遵循特定路径的原因。故意使用时,它会通过一系列消息引导游客的注意力,以号召采取行动。
 
2石家庄建设网站公司.在首页上方使用描述性的,以关键词短语为重点的标题
主页(和每页)顶部的标题是否具有描述性。如果不是,则访客可能无法回答他们的第一个问题:“我在正确的位置吗?”
 
这也是使用目标关键字和表明相关性的机会。但是,许多营销人员却写了一些聪明或含糊的词。但是清晰胜于聪明。
 
不要写花哨但模糊的标题,而要写一些描述性的东西。确保在首屏上方解释公司的主要职责。
 
 
 
资料来源:Outreach Plus
 
等等,折还是一回事吗?
是的,有折痕。对于每个屏幕上的每次访问,都有一个可视区域。底部是著名的折页。要查看此行下方的任何内容,该访客必须滚动。
 
为什么和是否在网页设计中很重要是一个热门话题。以下是两个最佳论点:“不可折叠!vs vs.弃牌仍然很重要。
 
当然,有数千种屏幕尺寸,从微小到巨大。上个月,该网站在958个不同尺寸的屏幕上进行了浏览。因此,一些设计师表示折价不再适用。
 
 
 
但是,这是底线(明白吗?)每次访问仍然有一个折痕,所有访问仍然有一个平均折痕。诸如Hotjar之类的工具可在台式机/笔记本电脑,移动设备和平板电脑的滚动热图中清晰地显示为一行。
 
 
 
因此,是的,有一个折叠,而您在其上方和下方放置的内容都很重要。一项研究表明,访客花费超过首屏时间的80%。
 
 
 
因此,将您的价值主张(即您所做工作的8字版本)放在页面上方,放在折叠上方。
 
3.但是不要将所有号召性用语放在首位
访客可能在这里花费更多的时间,但这并不意味着他们已准备好采取行动。在页面较远的地方有很多说服力。
 
当Chartbeat分析2500万次访问时,他们发现大多数互动都发生在首屏以下。顶部的内容可能是可见的,不一定是最有效的采取行动的地方。
 
 
 
关于此经常被引用的研究的一个警告:Chartbeat主要由新闻网站使用,这与市场营销网站大不相同。在新闻网站上,没有人能做得太多!正常的设计技巧不适用。
 
确保在可能引起人们极大兴趣的任何地方,将号召性用语放在页面的更下方。
 
4.使其高大。回答所有访客的问题。
更多像素意味着有更多空间来回答问题,解决异议并添加支持性证据。如果访问者找不到重要问题的答案,他们可以继续向下移动页面。一旦满意,他们将停止阅读。
 
最有效的销售页面模拟销售对话。
 
您将永远不会在销售会议上与某人打交道并停止回答他们的问题,对吗?这就是一小段网页所要做的;它停止回答问题。
 
这是来自Crazy Egg的著名研究的发源地。他们调查了听众,发现了他们的首要问题和疑虑,并建立了一个涵盖所有内容的高个子页面。
 
页面长20倍。转化率提高了30%。
 
“滚动是一个延续。点击是决定”  –火箭见解的乔什·波特(Josh Porter)
5.一次展示一件事
“我喜欢干净,现代的设计。” 那就是我们大多数客户在我们开始网页设计项目时告诉我们的。他们经常以苹果公司的网站为例。
 
访客不喜欢混乱。我们喜欢空白。换句话说,我们喜欢低视觉复杂性。
 
2012年,Google着手发现哪些类型的网站对访问者来说很漂亮。这是一个关于具有简单名称的简单性的研究:视觉复杂性和原型对于网站第一印象的作用:努力理解美学判断。
 
他们了解到,更复杂的设计不太可能被认为是美观的。
 
 
 
这解释了单列布局和高页面趋势。具有多列的设计(左侧导航,内容区域,右侧栏杆)更加复杂,在访客视野内具有更多视觉元素。
 
因此,减少混乱。使两个元素之一成为每个滚动深度的焦点。
 
6.坚持标准布局
谷歌的同一项研究发现,“高度原型化”也与感知的美感相关。换句话说,怪异的通常并不漂亮。遵循标准的网站更可能会受到喜爱。
 
被认为是最美丽的网站具有很高的原型设计性和较低的视觉复杂性。它们既简单又干净。
 
 
 
以这种方式思考,最好区分您的品牌,但布局并不是实现此目标的地方。在您所说的内容上有所不同。但是在如何使用您的网站方面要做到典型。
 
有些汽车看起来很棒。他们不同。好漂亮 但是它们的侧面仍然有门,底部有轮子,前面有大灯。
 
但是什么标准?根据我们自己的研究,这些是网站的标准元素:
 
 
 
具有高原型性的“标准”网站包括以下内容:
 
徽标在左上方
标头中的水平导航
顶部的搜索栏
底部的社交图标
移动响应式设计
7.当心“假底”
现代营销网站,尤其是销售页面,都是用页面块构建的。这些是内容行,通常一面有图像,另一侧有文本,在页面中沿一列向下流动。
 
 
 
这是潜在客户生成网站上典型服务页面的剖析。
 
如图所示,页脚具有较深的背景颜色。如此多的网站这样做,以至于访问者现在期望切换到较暗的背景意味着页面的底部。
 
但是,如果设计中的页面块具有深色背景,则访问者可能会认为他们已经触底并停止了滚动。这是一个错误的底部。
 
 
 
注意:我与自己的设计师就此进行辩论。我们的创意总监Kurt Cruse提出了一个很好的观点。背景颜色的变化是一种让访问者知道内容类型正在变化的绝妙方法。我听到你了,Kurt!
 
为页面块选择背景颜色时,请务必谨慎。为了安全起见,请仅选择一些微小的变化,或者仅使用白色或浅灰色。然后在页脚中切换为深灰色或黑色。
 
8.避免旋转木马和旋转滑块
他们已经流行了很多年,客户都喜欢它们。但是首页幻灯片显示存在问题:访问者可能只会看到第一张幻灯片。
 
有很多研究得出相同的结论。不太可能看到后续幻灯片上的消息,也不太可能单击号召性用语。只需查看大学网站上幻灯片的点击率即可。
 
它们可能很受欢迎,因为它们很容易获得批准。来自不同部门的不同利益相关者都具有一定的技巧。他们有利于内部政治,而不是访客。
 
主页幻灯片演示可以防止人们在会议室互相刺伤。
 
那么该怎么做呢?
 
堆叠幻灯片,以便访客可以通过向下滚动页面看到每张幻灯片。它们会突然变得更加明显。
使用特色图片,以影响力最大的一张幻灯片作为英雄。给它一个好的号召性用语!
9.避免使用标签和手风琴
这是消除隐藏的另一种方法:避免使用标签和可扩展的内容框。
 
知道多达76%的网站访问者正在扫描,您可以通过使所有内容都暴露在外而无需单击以显示某些内容,从而使他们对您的内容更加可见。
 
如果制表符和可扩展手风琴有效,那么您可能会在Amazon上看到它们。
 
请记住,滚动比单击更快,更容易。如果访问者必须瞄准并单击或选项卡才能查看某些内容,则他们不太可能看到该内容。
 
图片
让我们继续看视觉。这些技巧特定于网页上的图片。
 
10.使用人物图片
人脸是独特而强大的图像。从我们出生的那一刻起,我们就注视着更多的东西。人像的磁力在网页设计中非常有用。
 
面孔不仅会引起人们的注意,而且与转化相关。由Basecamp进行的著名案例研究显示,将面孔和推荐在销售页面上结合使用后,结果将得到极大提升。
 
 
 
确保您的网站在没有灵魂的情况下不会看起来像“废弃的太空船”。
 
多年来,我已经与成千上万的企业进行了营销交流,我注意到了一种模式。大公司总是试图让自己看起来很小,而小公司却试图让自己看起来更大。奇怪吧
 
确实,每个公司都应该尝试变得更加个性化,更加人性化。
 
 
 
11.但是要避免库存照片的人
有时间和地点来保存照片,但我会避免为像瘟疫之类的人提供照片。他们只是永远不会感到真诚,因此不会建立信任。
 
由于生产质量高,公司被库存照片吸引了。但是您的访客更关心现实。他们希望看到实际在公司工作的人。
 
真实性比抛光更重要。
 
研究证明了这一点。NN Group的一项研究发现,访问者可以调出人的照片和“填充”图像,但实际上可以看到真实人物的照片。
 
 
 
因此,做个自己,向您的团队展示并使用真实人物的照片,即使他们是完美的人也是如此。
 
12.将面孔用作视觉提示
人物图片为您提供了一个特殊的机会来引导访客的注意力。著名的“随便看看”。
 
当研究员詹姆斯·布里兹(James Breeze)向106个人展示设计作品时,他展示了摆放得当的面孔的力量。他们有权将访客的注意力引向其他元素。
 
这是著名的研究与婴儿的脸。当婴儿看着相机时,访客会看着婴儿。当婴儿看着标题时,访客会看着标题。
 
 
 
我的朋友奥利·加德纳(Oli Gardner)对这个婴儿的例子感到厌倦(对不起,奥利!)。如果有人知道其他研究或好的例子,请在评论中让我知道!
 
使用人脸图像中的视线作为方向提示,以引导访问者注意福利声明或号召性用语。
 
13.使用箭头作为视觉提示
面部可以引导注意力,但它们并不是控制访客眼睛的唯一方法。小小的手绘箭头可能更有效。
 
石家庄建设网站公司在CXL进行的这项眼动追踪研究中,发现简单的箭头在吸引访问者查看页面元素方面更加强大。
 
 
 
 
 
如果您希望访客看到某物,请用箭头指向它。我不确定这个技巧是荒谬的还是深刻的。
 
14.用颜色引导游客注意行动号召
颜色具有情感内涵(红色代表紧急颜色,蓝色代表沉着颜色),它们是品牌标准的一部分。但是,它们也有机会吸引访问者关注按钮和CTA。
 
一个关于按钮的颜色研究报告Eyequant证实颜色和亮度对比度提请注意的力量。
 
 
 
但是研究表明,色彩鲜艳的按钮并不总是有效的。如果您希望按钮在视觉上更加突出:
 
对比按钮颜色和背景
对比按钮颜色和按钮文本
将按钮颜色与页面上附近的元素进行对比(或在其周围留出大量空白)
“冯·雷斯托夫效应”
 
在1930年代,德国科学家赫德维格·冯·雷斯托夫(Hedwig von Restorff)发现,当显示十种物品的清单时,人们会记住那些颜色与其他物品不同的物品。这是因为枕叶对视觉差异或“模式中断器”敏感。
 
网络营销人员Paras Chopra进行的实验表明,不仅让人们更加记住了出色的色彩,而且点击率更高:更多60%!
 
专家提示!为所有链接,按钮和过渡效果选择一种“动作颜色”。使它的颜色与整个设计中使用的品牌颜色不同(这些是“被动颜色”)。除可单击项外,其他任何地方都不能使用操作颜色。
 
导航和链接
现在,我们获得有关网站导航的建议,包括菜单,按钮和可让您的访客四处走动的链接。
 
15.具有描述性
导航在视觉上始终是突出的,因此这是一个交流的机会。访客通常通过扫描标题来开始访问。包括菜单在内的所有内容都很可能会被看到。
 
 
 
来源:UX运动
 
当导航标签是通用标签时,您将错过机会告诉访问者您的操作。比较这两个示例:
 
 
 
如果您的导航标签是通用标签,那么它们对数千甚至数百万个网站都是通用的。您已经错过了利用网站导航最佳实践,帮助访问者并提高搜索排名的机会。
 
16.放到左边,但不要担心菜单项的顺序
如果您有主页链接,请将其放在左侧。这是最常见的地方,因此游客希望在这里找到它。
 
对于其余菜单项,研究表明顺序并不那么重要。有两种不同的眼动追踪研究表明菜单项的顺序与访问者的成功(来源和来源)之间的相关性较低。
 
 
 
因此,不必花费大量时间担心菜单中的事物顺序。
 
17.注意从服务页面链接到博客文章
如果访问者在服务页面上,则目标是将他们转换为潜在客户。如果您增加了离开和阅读博客的巨大机会,那么它们将落在不太关注潜在客户产生的页面上。博客帖子自然会产生更多的干扰,退出机会并降低转化率。
 
18石家庄建设网站公司.注意链接到其他网站上的任何内容
只要相关,请链接到有助于访客实现目标的事物。在博客文章上,通常是引用来源或链接到外部参考文献。这篇文章链接到数十篇文章和研究!
 
但是,在服务页面和主页上,您应谨慎链接到其他站点。对于为将访问者转换为销售线索而进行了优化的任何页面,请问自己,您是否真的希望访问者单击该链接?它有助于您实现目标吗?
 
19.避免在网站标题中使用社交媒体图标
同样,标题中的彩色社交媒体图标也不适合您的目标。如果访问者单击任何糖果色的按钮,则它们会降落在分散注意力的网站上。他们不太可能回来。
 
 
 
这通常是进行社交媒体集成的错误方法。如果您链接到社交网络,请从页脚进行链接。访问者可以根据需要找到社交网络,但是您并不是建议他们离开。
 
 
 
写作
让我们谈谈文字。之前,我们在首页上推荐了以关键字短语为标题的标题。这是网站上写作的更多技巧,包括标题,小标题和正文。
 
20.撰写有意义的小标题
模糊的小标题到处都是。它们通常很大并且没有用,但是后面是很小但有用的东西。奇怪吧 相反会更有意义。
 
确保重要的事情对访客有意义且有帮助。如果您的副标题说“产品”或“服务”之类的内容,请问问自己,更具描述性的术语是否会更有用。这里有些例子。
 
 
 
这对扫描仪和可用性很有帮助。这对视障者和可访问性很有好处。这也是SEO最佳做法。不要错过任何表明相关性的机会!
 
ProTip:副标题可能完全没有必要。没有它,该页面会一样好吗?访客还会知道他们在看什么吗?如果是这样,只需将其删除。
 
21.避免长段落和长行
冗长的段落与数字内容的最佳做法不符。只需分解较长的段落即可使内容更易于使用。一般来说,段落的长度不能超过3-4行。
 
“简短的段落被阅读,长长的段落被浏览,非常长的段落被跳过” – Jason Fried,Basecamp创始人兼首席执行官
如果行长很长,访问者可能会更难阅读。该网站风格指南建议的不超过12个字线。
 
22.避免行话。用简单的话。
阅读越容易,网站就越成功。使用访客期望的常用词。长句子和花哨的单词迫使颞叶更加努力地工作。这不好。
 
“保持简单!“认知流利度”是访问者的大脑处理他们所看内容的难易程度的度量。当某些东西难以阅读时,我们会无意识地发现它具有更高的风险和/或时间。因此,为了最大程度地提高转换率,请使用短文本,简单字体和易于阅读的设计。” –Brainfluence的作者Roger Dooley
对“低识字率”用户来说效果很好的副本对每个人都效果很好。这不是要愚弄它;这是关于使用每个人都可以理解的简单语言。研究表明,降低可读性可以提高所有访问者的成功率。
 
 
 
甚至博士学位也喜欢读8年级的水平。
 
这个大字可能会让您听起来很聪明,但可能会使您的访客感到愚蠢。怀疑自己的访客不太可能采取行动。因此,在撰写本文时,请继续问自己一个问题:
 
100%的访问者知道此页面上单词的含义吗?
 
23.列表顺序和“序列位置效应”
订购副本中的任何列表时,请将重要内容放在开头和结尾。读者的注意力和忠诚度在所有列表中排名最低。当访问者扫描页面时,前一项和后一项最有可能留在短期记忆中。
 
 
 
资料来源:秩序效应理论:至上与新近
 
24.回答访客的主要问题
他们提出了问题。该网站的主要工作是回答这些问题。每个未回答的问题都是错过建立信任的机会。未回答的问题也会增加访客离开的可能性。
 
当乔尔·克莱特克(Joel Klettke)应用其查找问题和编写答案的过程时,他能够使Hubspot目标网页上的转化率翻倍。他采访了客户,分析了他们的答案,确定了信息的优先次序,最后,他在新的营销文案中使用了听众的话。聪明!
 
以下是乔尔用来发现访客的头号问题的问题:
 
发生了什么事使您寻找解决方案?
您还尝试了什么?您不喜欢它吗?
是什么使您无法从我们这里购买?
是什么让您有足够的信心来尝试一下?
是什么让X成为您的最佳解决方案?
在评估X时,最重要的是什么?
您现在可以做(或做得更好)以前无法做的事情?
给我举一个X何时对您有所作为的例子吗?
一句话,您的网站的目的是什么?回答。
 
25.添加证据和社会证据
“整合偏差”是人类倾向于做别人正在做的事情。因此,提供证据表明其他人已经选择了您,因此选择您的公司似乎是一个不错的选择。目标是做出任何决定,而不是使您的公司看起来超出正常范围。
 
给您的访客证明您是合法的。理想情况下,您的每一项营销主张都应有证据支持。
 
“您点击了多少次进入设计大奖获奖者名单上的网站,并把目光投向了一个引人注目的标题标签“ Home”?当您信任一家代理商“创造出完全与众不同的东西”,而不是选择一家承诺建立能够满足客户/客户需求并期望其运作的东西的代理商时,就会发生这种情况。 –踢点Jen Salamandick
最快,最简单的方法是添加推荐书。这是其他类型的社会证明。
 
相关影响者的认可
客户的产品评论
提及您公司的媒体的“如……所见”徽标
社交媒体小部件显示您的关注人数
信任印章,包括协会会员资格,安全证书和奖励
多少证据就足够了?您应该添加多少个人推荐?
 
石家庄建设网站公司很多。可能没有太多的证据。我们对亚马逊的一个产品详细信息页面进行了快速分析,发现该页面的43%是证据和评论。
 
 
 
专家提示!不要做推荐页面。它们往往是低流量页面。而是在每个服务页面中添加推荐。
 
26.提及匮乏,引发“厌恶情绪”
人类不是有效的成本/收益计算器。我们倾向于高估损失和低估收益。换句话说,损失比获得收益更令人痛苦。
 
线上和线下都是如此,并解释了许多人类行为。本文对此进行了很好的解释:将行为经济学和认知心理学应用于设计过程。
 
 
 
这种对损失的厌恶对于网页设计师和撰稿人可能是有用的。这里有一些在考虑到损失厌恶的情况下编写副本的技巧。
 
强调不使用您的产品或服务的成本。
将成本汇总在一起,分别列出收益。
强调即时收益。
限时提供紧急服务。如果产品稀缺,请这样说。
通过立即不采取行动,轻轻地提醒您的访客他们将会错过,冒险或失去的一切。
 
27.优化订阅者的电子邮件注册表单
这篇文章的底部有一个。这是呼吁采取行动的订阅方式。如果仔细观察,您会发现它包含三个单独的元素。这些是电子邮件注册表格的3P。
 
突出在视觉层次结构中脱颖而出
Promise它告诉读者他们会得到多少
证明它使用社会证明:订户数量或很小的证明
当我们第一次尝试这些更改时,旧格式的转化率非常低,因此改进非常明显。我们发现电子邮件注册量增加了4,863%。
 
 
 
在设计电子邮件注册表单时,使其可见,使用社交证明并告诉读者他们将获得什么。
 
不只是一个漂亮的网站
每个人都喜欢美丽。每个人都喜欢炫酷的新设计功能。每个人都是批评家。但是作为游客,我们不仅需要美丽。我们需要信息。作为网站所有者,我们需要结果。
 
这是两项具有相同发现的研究。第一项是Hubspot进行的一项调查,该调查显示,与珍贵的设计或精美的UX相比,访问者更容易找到信息。
 
 
 
第二项研究是NN Group进行的一组用户测试的结论。它表明,当访问者失败时,这是因为他们找不到信息,而不是因为网站不够漂亮。
 
 
 
我和任何人一样都喜欢漂亮的设计。这就是为什么我开始从事这项业务的原因!我经常想到这句话:
 
“设计师的生活就是战斗的生活。与丑陋作斗争。” –设计传奇人物Massimo Vignelli
但是在网页设计中,我们创建内容容器。来访者是来寻找内容的,而不是容器。
 
网站应该漂亮。他们应该对访客具有视觉或情感上的影响。但是,您网站的成功远非美丽。这是关于帮助访问者找到所需的东西。这是本文每个技巧的核心。这是网页设计的真正目的。
 
帮助您的访客找到他们想要的东西,然后给他们他们想要的东西。

网站建设
Website
客户案例
Customer case
关于展为
About ZHANWEI
展为致力于网站建设与网络营销,微信营销,专业领域包括网站建设、网站seo优化推广、移动互联网营销、三网合一网站建设,微信营销小程序开发,与其他网站建设及系统开发公司不同,我们的整合解决方案结合了展为网络建设经验和互联网整合营销的理念,并将策略和执行紧密结合,且不断评估并优化我们的方案,为客户提供一体化全方位的互联网品牌整合方案!

扫码咨询

Copyright © 石家庄展为网络有限公司. 冀ICP备14018173号-6 Copyright 2010-2020版权所有
展为网络
网站建设
客户案例