建站实际上并没有你想象的那么困难,你不必是个IT高手,也更不用多么精于编程,其实没有那么复杂,只需要对网页设计有一定的了解,因为对于一个网站而言,布局是很重要的。
其实你可以尝试自己搭建一个简单的网站,这里帮你梳理一下基本的步骤。
1.确定你网站的目的
听起来好像是很简单的一个步骤,但是在你开始一切工作之前,你首先要确定的就是你网站的目的是什么。除了简单的了解你的行业和定义一个内容方向之外,你还需要考虑你的独特卖点是什么,以及你想传达的是一个什么形象。你的网站设计是直接与你的品牌相关联的,需要的就是真实并吸引住客户。
一旦你的目的明确了之后,下一个重点就是你希望你的网站访客在你的网站上浏览时采取什么行动呢?你的网站只是为了展示信息?还是为了在线销售产品?还是需要注册?
这一点很关键,因为确定了最终的目标,会直接决定你的网站外观和感觉。以线上电子商务为例,你的设计的第一个关键元素就是你的登录界面。根绝数据对比显示,你的登录界面应该集中在一个产品上,并附带一个明确的CTA(Call To Action)提示。
更进一步说,为不同的访问者提供不同的登录界面,以便分别定制报价和产品,这一过程可以被称为客户细分。这在今后的客户转化过程中是非常重要的第一步。
2. 研究最新的网页设计趋势
网页设计变化和发展的很快,但是你可以从一些比较普遍的趋势中找到最适合你产品行业风格的趋势中去学习,这是很关键的,再流行的趋势不一定是适合你的。所以要找准定位。
48%的人认为设计是网站最重要的一个元素,所以花点时间看看竞争对手都做了什么还是非常重要的。每个行业都有自己独特的属性和风格,所以在设计上,你要想好你是想融入这个行业还是颠覆它。
在设计的时候,要更多地依赖行业特性而并非年龄或性别。所以在开始一切设计之前,首先要了解自己想要的是什么非常的重要。目前互联网上有许多比较明显的趋势。
Micro-interaction
微表情是当用户与网站互动时发生的小动画。看似简单的小表情却为你的网站注入了一些个性。微表情的互动创造了一个接触点,可以让你的访客觉得他们再跟你的网站进行交流。那么这种微表情其实可以采取多种形式-点击、悬浮、滚动等。在初期与用户建立关系的阶段非常的重要。但是这种微表情并不适合严肃的白领企业,其他大多数网站可以从一点互动中获益。
Chatbot Support
Chatbot就是所谓的聊天机器人。有数据显示。一个企业每年在客户服务请求上花费近1.3万亿美元。据估计,聊天机器人可以减少30%的花费。其实对于一个网站来说,聊天机器人已经不再只是一个噱头的作用了,如今,它们对于面向客户的服务正变得越来越重要。
聊天机器人的主要优点就是时间效率和成本效益。他们每周7天,每天24小时工作,这样就可以有时间分散人员到其他事情。它们还为你节省了雇佣员工作为客户服务代表的费用。当然,这套系统并不完善,他们的情商和提供的定制支持能力也在逐渐提高,是值得考虑的一项网站投资。
3. 选择主题模板
模板是网站的布局。想象一个模板,就像你的房子的结构,它的基本框架已经形成,现在需要做的就是装满你所有的东西。
大多数平台都会提供一系列模板供你选择,这些模板是预先用示例内容填充的,这样可以更好地展现出网站的基本样式。模板通常被以行业类别进行划分,这也使得你筛选与自己相关的模板时变得更加的轻松简单。每个类别都有与该行业相关的内置功能的模板,从而节省了以后添加它们的时间和精力。
我举个例子,如果你想为你的新咖啡店建立一个网站,你可以浏览“cafe”下列出的模板,其中大多数已经在模板中内置了联系人表单、菜单页和联系详细信息,因为它们都与“cafe”网站所需要的内容相关。在开始编辑之前,可以预览所有的模板,这样你就可以清楚的了解它的外观,并可以确定它是否适合你的需求。
研究表明,网站用户通过滚动页面来更快的找到信息,而不是通过浏览不同的页面。换句话说,如果你的网站只是需要一些基本信息,可以考虑一个单页模板来完成你的网站。
4. 决定你的品牌
那么这个时候就到了开始设计你的网站的时候了。但你开始设计时,你应该考虑你所做的每一件事是如何与你的整体品牌相关联的。从配色方案到字体风格和图像,一切都在讲述你的品牌故事中各个重要的角色。它们必须要相辅相成表达一直,传达出统一步调的信息。
配色方案
色彩是一个品牌最大的沟通工具之一。事实上,一种标志性的颜色可以提高80%的品牌认知度。人们对于颜色的感知背后有很多心理学原理,所以了解颜色在你的行业中是如何使用的是非常重要的。这里有一个信息图表,我们来看一下不同的颜色都改如何来解读以及又应该如何被应用。
大多数的品牌都有一个主色,然后是两个或三个次色。蓝色是最受欢迎的颜色,前100名品牌中有三分之一的品牌在其标识中选择使用蓝色。
如果你想让你的网站跟上现代潮流,那么充满活力的颜色是你的选择。
字体
与颜色相似,你选择的字体对人们对你的网站的看法有着很大的影响。一般的网站用户会在任意页面上阅读20%的文本,所以用适当的方式吸引他们是很重要的。
但是相对于比较严肃的企业要考虑用到专业的字体,比如经常使用的经典风格的字体Arial。
所以要根据不同的行业选取不同画风的字体搭配,对网站可以起到一个画龙点睛的效果。
图像
图片是你如何把一个不起眼的网站变成一个视觉盛宴的利器。
视觉内容对于增加点击量和参与度是非常有用的,但在更基本的层面上,图像只是停留在脑海之中。根据一项研究,如果我们听到一段信息,我们只会记住其中的10%,但如果你加上一张图片,你就会记住高达65%的内容。
也就是说,要注意小心不要让你的网站超载图片。许多高质量的图片可能看起来很好看,但它们会降低你的站点速度。许多网络用户很不耐烦等待加载,所以如果你的网站加载速度不够快,那他们会更快的抓紧离开。
5. 内容优化
网站的构架已经成型,现在需要向里面添充了,有两个方面是需要考虑的:定位和优化。
定位是指你的内容在每个页面上的位置,以及它是如何布局的。与此同时,优化是指调整内容以帮助在搜索引擎上获得更高的排名的过程。
接下来我们将从技术细节来结一下为什么这两个方面尤其重要。
定位
研究表明,人们通常消费“F”格式的内容,简单的说,这就意味着网站用户将以类似于F的形状扫描页面。下面这张照片来自于一项研究,追踪了读者在网页上的眼球运动。
这就解释了为什么网站上的导航栏几乎总是显示在页面的顶部。因为这是人们登录网站之后的第一件事。见你的内容放在中心是一个很好的习惯,这样可以让更多的人看到最重要的信息。
优化
搜索引擎优化(SEO)是指你对你的网站做出的改变和提升,以提高人们登陆你的页面的质量货数量。更多关于SEO的内容介绍请看[SEO到底是什么玩意]
除了定位和优化之外,还有一些重要的事情需要重视:
元数据
除了你的实际内容之外,页面标题和描述是告诉谷歌你的站点是关于什么的最简单的方法。元数据出现在搜索结果中,允许用户在点击进入你的网站之前就可以简单浏览到网页上的内容。
图像压缩
图像通常是非常大的文件,这意味着大量的图片会让你的网站慢下来,导致网站的访客甚至在网站还没有完全加载完之前就离开了。因此对于图像必须要做的就是压缩。有许多在线的压缩工具,但要注意在压缩的过程中不要扭曲图像的质量,虽然压缩之后的图片对于网站的速度会有很明显的改善,但是保证图像的正常清洗也至关重要。
手机反应
这是一个大问题。2018年,58%的互联网浏览发生在移动设备上,而且这个数字也在逐年上升。这就是为什么谷歌更喜欢在移动设备上格式正确的网站。
现在的大多数模板都是符合移动端格式的,可以自动的调整内容的格式以及适应不同的屏幕尺寸。然而如果你想让任何东西在移动用户面前有不同的表现,这个就是值得好好研究的了,这样提高了用户体验的同时,更增加了搜索引擎优化的曝光。
内部链接
内部链接是指通过超链接将用户引导到站点上的另一个页面。这通常是在你提到你有相关内容的时候,可以直接点解进行跳转的链接。
6. 发布你的网站
在做好了前面所有的工作之后,要经过一次次不断地预览模式下进行网站测试,尽量让错误被更改,你可以通过你的家人、朋友甚至大众共同来测试你的每一个网页,看他们是否能发现任何错误或者漏洞。有一些常见的需要检测的事情:
- 你所有的链接都可以正常工作,并导向正确的页面
- 你所有的内容都已可读的
- 你的网站在PC端、移动端以及平板电脑上显示都没有问题
- 任意加载速度不超过5秒
在你的网站上线之前,一定要花时间好好检查一下,因为第一印象很重要。如果一切准备就绪,那么就可以发布了。
7.分析和改善
网站发布之后就万事大吉了吗?当然没有这么简单,你需要跟踪你的网站的表现情况。
大多数的平台都有自己的内置分析系统,或者至少有一个可以安装的应用程序。或者你可以把你的网站直接连接到Google Analytics,需要被追踪的有这几个方面:
- 你有多少页面被浏览
- 用户在每个页面上花费的时间
- 你的弹出率是多少
- 转化率
这些被称为行为度量的统计数据可以帮你了解哪些页面需要提高,从而改进SEO的表现。
事实上,网页设计师的工作永远不会真正完成。不过并不建议你每分钟都做出改变,但是紧跟你网站的表现和网页趋势的变化将会对你的网站起到很大的作用。