浏览量及转化率高的品牌网站都具备这26点!你达标了吗?

越来越多的品牌意识到了网站设计在品牌营销中的重要性。界面精良、功能完备、互动性强的网站是一个品牌面向网络世界的“门面”,是凸显品牌整体格调、地位的重要方式。无论您的目标是引流、宣传,还是提供线上服务,实现客户留存,这25条重要的网站设计技巧都不容错过。

图片来源:Domenico Loia, Unsplash 

社交媒体大行其道的今天,越来越多的品牌意识到拓展网络市场的重要性,将大量的市场营销预算投入到社交媒体平台的搭建和广告宣传上,却往往容易忽略网络营销中另一个非常重要的平台——官方网站。如果把在网络世界中塑造品牌形象的过程想象成是在塑造一位公众人物,社交媒体、广告宣传可以是锦上添花的配饰、妆容;界面精良、功能完备、互动性强的网站则是一个品牌面向网络世界的“门面”,是凸显品牌整体格调、地位的重要方式。

无论您的目标是引流、宣传,还是提供线上服务,实现客户留存,下面这26条重要的网站设计技巧都不容错过。如果您需要案例参考,欢迎移步至最新上线的PLAYHEADS官网进行了解~ 

浏览量及转化率高的品牌网站都具备这26点!你达标了吗?
浏览量及转化率高的品牌网站都具备这26点!你达标了吗?
图片来源:William Iven

绘制网站框架草图

要想做好任何一件事情,都离不开合理规划准备,网站设计也不例外。网站搭建工作其实在网页编码前就已经开始了——第一步就是绘制网站设计草图,也就是初步规划网站页面框架。开始网页设计之前,一定要先确定好所有元素的摆放位置,包括网站中需要包含的主要页面、每一个页面中涉及的信息条目及内容呈现形式。充分运用设计思维可以让网站设计中的每个创意项目产生更好的效果,少走冤枉路。

浏览量及转化率高的品牌网站都具备这26点!你达标了吗?
图片来源:GT Universe, YouTube

注意加载速度

想必大家都多少遇到过等页面加载等得花儿都谢了的时候,一个好的网站设计应该能迅速地向浏览者提供数据。如果每张图片的加载时间都需要两三分钟之久,那就是在挑战访客的耐心,更无法达到很好的访客留存。

怎样才能把加载时间控制在合理的范围内呢?首先需要选择一个简单易用并且优先考虑加载速度的网站创建工具;其次,请确保在网站设计时限定网页视频和图片文件的大小,因为网站上图片和视频的数量,尤其是在高分辨率下,可能会严重影响用户点击网页时的加载时间。

图片来源:Mika Novo, Unsplash

优化移动端网站浏览体验

在本文中提到的所有网站设计技巧中,这可能是最重要的一个。现代网站设计离不开优化手机、iPad等移动端的网站浏览体验。数据显示当前大部分网站超过半数的流量都来自于手机端,因此确保网站上的每个元素都能适用于不同手机,并且能够根据不同的分辨率正确显示内容就成为了网站设计过程中非常重要的步骤之一,同时,您还需要考虑选择可以优化手机图片的网站平台。

了解UI (用户界面)/ UX(用户体验)设计

当我们在谈论“网站设计”时,并不单单只是在讲肉眼可见的视觉设计,还包括在点击浏览时良好的交互体验。一个视觉审美在线、用户体验优越的网站可以为您的品牌带来更多的点击和浏览量,从而带动直接的经济收益。

构建合理的视觉层次

网页内容的正确排版在网站设计中是非常重要的。人类是视觉动物,用一种用户易于理解的方式向他们展示信息将有助于吸引用户的注意力,并确保他们能深刻地记住这些内容。

例如,如果把一个较大的视频文件放在网页顶部,可以确保进入网站的用户都会看见这个视频。如果在视频的下方放置12号字体的“立即购买”链接则很容易被忽略。用户在浏览网页时视线会沿着某一路径移动,网页布局则希望通过最自然的方式,用恰当的内容引导用户视线。

图片来源:Smashing Magazine

选择真正有用的标题

不要低估优秀标题或副标题的力量。它们可以以最直接简单的文字形式吸引用户注意,不需要依托图片或视频文件。

进行网站建设时,首先要确保网页标题具有描述性。准确得当的标题应当清晰地告诉用户品牌提供的产品或服务,例如,“送货上门的爆款口红”比“购买我们的特色产品”更能传达有效信息。一个好的标题不仅可以让用户更清楚地了解您的品牌,还可以帮助搜索引擎优化评分。

其次,网站标题应当尽量简洁易懂。在这里我们要提到一个叫做“希客定律(Hick’s Law)”的心理学原理,这条定律指出,给到用户的选择越多,他们做出决定所花费的时间就越长。将这一定律运用在网站设计中能够让转化率最大化。与其用过度的信息“迷惑”用户,不如精简网站内容,只显示那些能让用户瞬间理解和记住的重要信息点。

精简网页内容时不妨从以下几个方面着手:

  • 每个网页只有一个主题(或宣传目标);
  • 不要显示不重要的图标,诸如不常用的社交媒体图标;
  • 所有表单都尽可能简洁化;
  • 简化菜单选项;
  • 精简销售产品/服务选项。如果您有500个产品要销售,请尝试将产品选项范围缩减到50

个,或者周期性地提供产品,这会给人一种产品稀缺的错觉,也会让客户更有购买的欲望。

图片来源:温哥华建筑设计事务所Revery首页开屏 | Revery Architecture

注意网页首屏

网页首屏是浏览者在滚动页面之前第一眼看到的内容,可以说是整个网站设计中最重要的一个部分。

请确保您的网站主标语以及任何相关的用户行为号召(Call To Action, CTA*)控件,例如点击购买、下载、阅读、社交媒体链接等,都显示在网页首屏上,因为这可能会是访客点击的第一个地方。

*用户行为号召(CTA)指代的是一类具有特殊使命的控件。是用户访问某个页面后立刻引导用户去做某件事的控件,多存在于按钮、链接文字、图标等等很多元素之中,正确合理的使用行为召唤,可以给网站带来更高的转化率和收益。

浏览量及转化率高的品牌网站都具备这26点!你达标了吗?
图片来源:VinePair

用户行为号召(CTA)控件的适当间距

一个适当的网站设计应该在网页首屏之外的其他位置也设置用户行为号召控件,因为不是每个访客都会在浏览网站的一开始就点击,而网站设计师的目标是不断提醒、说服访客做出选择。一般来说,如果网页首屏板块上有可以点击的按钮,那么在用户滑动页面之后,至少还应该有另一个部分,例如页脚或者其他次级页面,也提供相同的用户行为号召内容。

设置页面高度

如果您希望向浏览者呈现更多信息,就需要更多的空间来把这些内容加入到网站设计中。把所有的详细内容放在一个页面高度更大的滚动页面上,会营造良好的视觉效果。

图片来源:Kinfolk杂志网站设计 | Dribbble

保持内容简洁清晰

网页设计要注意避免内容过于繁杂冗长,明确需要向用户展示的信息内容也是网页设计中非常重要的一个步骤。“少即是多”的原则也可以运用于此,尽量做到一次只给用户提供一个信息,比如选择卖一本书,而不是一整个系列的书。让每一件产品都有自己的特点,并让访客亲自去发现和探索,这样他们才会更容易被吸引住,也就更有可能会购买。

采用留白

同理于前一条内容,过于复杂的文字、图像和色彩搭配可能让人产生眼花缭乱的感觉,阻碍重要信息的传递。因此,在网页设计中应当注意使用留白。段落上的大量留白会让文本显得不那么拥挤,并且用户阅读起来也更加容易,这也是一个能有效增加网站流量的重要技巧。

不要忽视标准

网络上不难找到各方总结的网站设计标准,优秀的网站设计正是依托这些标准,不断优化而成的。一个网站在视觉上显得越复杂,它的吸引力就会越小。用户不会对奇怪且异常的布局感兴趣,因为他们可能不知道该如何与您的网站进行互动。在实际设计中,应当充分利用现有标准,设计出有创意的内容,而不是过度追求不符合自身品牌形象的标新立异,造成客户流失。

浏览量及转化率高的品牌网站都具备这26点!你达标了吗?
图片来源:Devltems

使用高质量原创图片

无论是产品、服务,还是办公环境、团队成员,高质量的原创图片可以增加品牌真实度、提高用户转化率。如果可能,建议最好委托专业团队拍摄高质量的原创图片。如果预算有限,可以用摄影网站提供的高清照片。

如果您有摄影服务的需求,欢迎咨询乐一增长官进行了解。

利用照片中的视觉信号

高质量的图像素材可以极大地改善网站视觉。相较于正面直视的人物照片,一张能将用户视线引导至用户行为号召控件的照片更能够帮助提高网站用户转化率。

浏览量及转化率高的品牌网站都具备这26点!你达标了吗?
图片来源:NordWood Themes

合理设置超链接

超链接的设置也是一门学问。合理、适当的链接设置可以优化用户体验,提高参与度,有利于搜索引擎优化。但是请注意不要过量设置会将访客注意力从您的网站上移开的链接,比如过多的社交媒体链接,很有可能会造成访客沉迷于其他网络平台,而“忘记”了您的网站。

避免“网页假底”

网页页脚大家都不陌生。网页假底其实就是在网页页脚之上的被误认为是页脚的部分。比如当您为网页中后段的某一部分添加全屏深色背景时,很有可能给访客造成一种已经将页面滚动到底的错觉,这就是网站设计师所说的“网页假底”。这个尴尬的误会造成的直接后果就是导致访客错过后面的重要信息。

如果页面滚动区域的中、后位置必须要有全屏设计,那么请不要使用比主要内容更深的颜色,并且确保这部分内容设计能吸引用户。

浏览量及转化率高的品牌网站都具备这26点!你达标了吗?
图片来源:Mercedes-Benz

合理使用轮播图片

如果此时您的脑海里立刻浮现出自己公司网站首页上一个永不停歇、轮番滚动的轮播图,那么也许是时候让它退休了。

理想状态下,动态图片确实比静态图片更容易吸引注意力,然而理想总是美好的,不要忘了,我们生活的时代大多数人在网络上的平均注意时长只有八秒钟。如果不能保证轮播图的内容有足够的吸引力留存客户注意力,您可能面对的现实就是用户通常只能看到第一张图片,后面的内容直接被忽略。

因此,在网页首屏位置,我们建议使用一整页的大尺寸横幅图片或者纵向堆叠图来吸引用户滚动查看更多内容,提高转化率。在网页其他位置,例如客户背书,可以根据实际情况合理使用轮播图。

减少标签类别

不得不承认,标签通常是一个没什么存在感的网站功能,大多数人可能都没有注意到之前浏览过的一些网站中还有标签这个东西。在网站设计中,标签更多时候是被用来分类相似内容的,当用户点击并在标签页面中查看隐藏内容时就可以实现数据交互,但是要注意避免过多的标签设置。

避免在页眉放置社交媒体图标

不少品牌为了引流访客关注自己的社交媒体账号,会选择把社交媒体图标放在网页顶端页眉处,这虽然可以增加访客浏览的几率,但同时也可能导致用户在转战社交媒体平台后就沉迷其中忘记了原本来到您的网站的初衷。

更糟糕的是,如果品牌没有定期在链接的平台上发布内容,访客就无法获取最新品牌动态,并且也会很快对此社交媒体账号的内容失去兴趣。所以强烈建议不要把社交媒体图标放在页眉,而是放在页脚。

图片来源:Kleanity Simple Business

不要过度使用俚语和行话

大量使用行业流行语会让网页显得像是一个商业广告,而不是一个门户。好的网页设计会使用大多数人都可以理解的简单词汇,专注向访客传达信息,改善网站实用性。记住,网站的目标是为了吸引客户,而不是向董事会领导作报告。

使用对自己有利的文本

虽然我们在前文中提到应当注意网页内容的简洁化,但是这不代表文字信息不重要,毕竟用户在浏览图片的同时,也希望对您的品牌、服务、产品有一个大致的了解,因此在网站设计时要保留足够的空间来对产品进行详细的描述。例如,在照片下可以搭配相关内容的文字介绍,加深访客记忆。

考虑列表顺序

在网页中放置列表时,请特别注意列表呈现的方式。就列表而言,第一项和最后一项应该始终是最重要的信息。位于中间的内容往往较为容易被忽略,因此可以考虑放置重要性略低的内容。这虽然是一件小事,但不同的排列顺序会产生不同的效果。

把logo放在页面左侧

让用户第一眼就能看到品牌logo。

在网站设计中,确保把logo放在页面左上角或者顶部中心位置是基本常识。一个精心设计且十分显眼的logo能够帮助加深访客对于品牌的记忆。

图片来源:PLAYHEADS乐一英文网站 

回答客户的问题

来浏览网页的用户通常都是对您的品牌、服务有需求或者好奇想要了解,一般会带着不少相关问题。因此需要注意在网站设计里包含有回答客户问题的板块,例如常见问题解答、自动回复机器人,或者联系方式等,便于用户提问并得到响应。

图片来源:Trustmary

分享用户体验

您的服务或产品是否有来自实际用户的评论和反馈?在网页设计中加入客户评价部分会让增加品牌可信度、体现品牌对于客户的重视,从而增加潜在客户好感度,让客户相信这些服务是值得他们花费时间和金钱的。

简化注册表单

还是回到八秒注意力的问题,如果您需要在网站设计中加入注册表单,请尽可能保持简洁明了,有电子邮件、用户名和密码就足够了,最好是只设置三到四个部分让用户填写。总之,填写的信息不需要太多,减少用户的麻烦也就会成倍地提高转化率。

阅读到这里您应该已经对于网站设计有了较为整体的概念,并且也掌握了一些区分网页设计好坏的有用技巧,尤其是提供线上产品和服务的品牌,展示最佳的网站设计是非常重要的。另外,还可以考虑建立内置博客或者开设手机应用程序等,随时随地更新网站上的产品和服务。如果您正在考虑建设新的网站,或者升级现有网站,欢迎咨询乐一增长官了解更多信息。

浏览量及转化率高的品牌网站都具备这26点!你达标了吗?

乐一原创文章。发布者:乐一增长官,转载请联系作者并请注明出处,违规情况乐一将进行法律申诉:https://www.playheads.ca/2020/12/18/web-design-techniques/

发表评论

邮箱地址不会被公开。 必填项已用*标注

分享本页
返回顶部