推荐给您,提高销售的8个网页设计原则,你有做到吗?

作者:码迷
作者:码迷SEO
发布时间:2019-12-26 13:40:01阅读:30点赞:4

推荐给您,提高销售的8个网页设计原则,你有做到吗?/

推荐给您,提高销售的8个网页设计原则,你有做到吗?

网页设计的多元性是比想像中重要许多的,你可以任意修改你的网页,但如果整体看起来很糟糕的话,实际上并不会有任何助益。设计不单只是设计师的责任,设计也同时包含营销概念。当你对设计的领域了解越多,应用于网站上时,成效也会越好。 以下是8个实用的网页设计原则推荐给您参考:

网页设计示意图

实用的网页设计原则#1 :视觉阶层

会吵的孩子有糖吃,好的视觉效果引人注目。视觉阶层就是一个好的网页设计中,最重要的要领之一,因为视觉反应是全部感官中,最快也是最直接影响到我们的情绪反应,当浏览者第一进入您的网站,在网站中您最推荐的是哪个部分呢?。

练习:请排序以下圆圈的重要性

网页设计示意图

在无条件限制下,将圆圈排序是非常简单的,这就是视觉阶层。

网页中的某些部分是相对重要的部分(形象、引导行动、吸引关注…等),你可能会希望先让浏览者注意到我们想推荐的重点部分,而不是其他的地方。如果你的网页导览有10个项目,他们的重要性会都相同吗?想想看你希望传达怎样的消息,将比较重要的项目突显出来。

视觉阶层并不单只受大小形状的影响,像网上购物网站运用了要求行动的概念,以颜色突显出「加入购物车」:

网页设计示意图

从企业经营目标着手

网页设计示意图

网站中项目和元素的排列应该根据该企业的经营目标而订,如果缺少明确的目标,是很难厘清先后顺序的。

举例来说,这个截屏是来自日本最大连锁庶民食堂的网站,他们主要在贩卖日式餐饮。

最引人注目的是最推荐的大字【食堂满额礼】(使人想要了解优惠),接着是优惠餐的照片(说明了优惠的东西是什么),第三个是优惠餐点的原本价格(让人感到非常值并想要尝试),第四是说明如何取得优惠的方式,最后就是浏览其他的网站内容。以上就是将视觉阶层完整诠释的范例。

练习:浏览网站并将视觉阶层做名次排行,接着检查自己的网页,是否有再发现任何重要的项目(网页访客最有可能寻找的信息),但没有被特别强调出来的呢?

实用的网页设计原则#2: 黄金比例

1.618( )是黄金比例的代表数,这让所有东西达到力与美的绝佳展现(至少多数是这样认为的)。

网页设计示意图

此外,也有费波那契数列,其中每个数字都为前两数字的总和—0, 1, 1, 2, 3, 5, 8, 13, 21……依此类推。值得注意的是,两个看似不相关的数字居然可以推算出与其相关的数字。

这就是黄金比例的样子:

很多艺术家与建筑师都是按照黄金比例完成他们的作品或工程,其中最著名的就是建于古希腊时代的帕德嫩神庙。

这可以被用于网络设计吗?当然没问题,推特就使用了这个:

以下是推特创意总监的一则评论

给所有对#NewTwitter的黄金比例感兴趣的人,我们并没有任意配置那些比例。当然,这只适用于较窄版的接口,如果你的浏览器屏幕较宽,必能出现更多窗口提供信息,以提高其使用性,但是这个最窄的宽度也代表着黄金比例的开端。

所以,如果你的宽度是960px,将它除以1.618 (=593px)。现在你知道了网站的内容可以是593px,以及边框是367px。若网页高度为760px,你可以将它分两块,分别是479px和299px(760/1.618=~470)。

实用的网页设计原则#3: 席克法则

席克法则讲的是:每增加一个选项,做决定的时间就会增加。

相信大家在餐厅里一定有这个经验,要从琳瑯满目的菜单中挑出一道菜是难以抉择的。如果只给你两个选项,决定的时间会相对减少很多。这就像《选择之困境》中所提的—越多的选项,越使人什么都不选,很多时候我们必须先帮消费者筛选并推荐他们适合的商品。

当用户在网页中遇到越多的选项,这会让网站的使用上的困难度增加(或者完全不想使用)。为了让用户能够更乐在其中,删除一些选项是必要的。删除不必要的选项是为了让全部设计更加简洁有力,以展现出良好的网络设计。

在这个信息爆炸的世代,人们要的是精简过的选项!如果你的产品是种类繁多的商品,筛选过的商品会使人更容易做决定。

下列是CaffeBene品牌网站贩售各式各样的商品,如此分类对于各种品项就非常清楚:

分类图

实用的网页设计原则#4: 费茨法则

费茨法则指出,移动到目标区域(例如:点击按钮)所需的时间,是到目标的距离和目标的大小的函数。也就是说,物体越大且距离越近,就越容易被使用。

相比其他的按钮,Spotify中的「播放」键让人非常容易点击。

他们还将其放置在(全屏幕的桌面)左下角,这个位子被认为是最好的,因为技术上来说,左下角是最容易点击的位置。然而,这并不能套用于网络设计(基于鼠标滑动和操作系统的方式所致)。

越大并不代表越好,完全不需要任何思考就能知道,占去半个版面的按钮绝对不是好的。就算如此,费茨法则是二进制对数,这也说明了对于可用性预测的结果是沿着曲线进行,而非直线。

若能将一个很小的按钮放大20%,将增加它点击的容易性;然而,这个效果必然不适用于在一个很大的物体上。这就近似于目标大小的规则。

按钮的大小应视其点击率的高低而订,你需要先了解大多数的人最常点击哪个按钮,再决定是否增加它的大小(较易点击与推荐)。

想像一下有一张表格需要填写,在表格的最后有两个按钮—「确认送出」和「重新填写」(全部清除)。

99.9999% 的人会点击「确认送出」,也就是说「确认送出」这个按钮大小应大于「重新填写」。

提交示意图

实用的网页设计原则#5: 三分构图法

三分构图法

在设计中使用图像非常好的,因为图像视觉效果所传达的消息远比文本有效

图像应依循三分构图法:想像这个图像由两条相同纵线及横线,均分成九等分,再将你所想传达或表示的消息沿着这些线条或交叉点放置。

有发现图像图文配置后全部版面既活泼又不失工整吗?这就是三分构图法。

使用亮丽的大图像有助于设计,并跟着这个原则,就能使你的网站更有趣、更吸引人。

实用的网络设计原则#6: 格式塔法则 (完型法则)     

格式塔心理学是一种思想和大脑的理论,主要在表示,在注意物体的细部之前,人们倾向先观察物体的全貌。

以下图片就是我表达的意思:

想想看,当你看到一只狗时,要如何不去注意牠身上的斑点呢?

这里的关键点是在观察一个东西的细部之前,我们会先注意整体。也就是说,在进入一个网站时,我们习惯先浏览全部网页,而不是单单只注意标题、浏览项目、或页脚等。其中一位构图法的创始人科特考夫卡表示:「整体与其部分个体是独立存在的。」

1. 接近法则

我们会将相近的东西集中在一起,然后它们进而就成为同一个体。在网页设计中,你必须确保每个对象不会让人把它们联想在一起;同样的,有些项目就需要被看成一个个体(浏览选项、页脚等)。

接近法则示意图

2. 相似法则

我们会将相似的东西分为同类,比方说相似的形状、颜色、阴影特效等。

在下方的图中,因为黑色部分与白色部分看起来会成为一个独立个体并会被分别为两类,单看黑色为柱子,单看白色则为二个侧脸造型。

相似法则示意图

3. 闭合法则

我们习惯追求物体的完整性,假设一个形状的线条有一些缺失,我们在看的过程中,自然而然的会补满那些部分。即使没有一个形状是完整的,我们还是能看到两个正方形重叠在四个圆上

假设少了闭合法则,我们会认为那些只是长短不一的线条,并不会觉得它们能组成一个形状。

闭合法则示意图

4. 对称法则

在我们的认知中,普遍认为物体会是相对称的,且会有一个中心点。我们会习惯将物体等分成数个小部分。当有两个相对称的东西时,我们很自然的会将它连在一起。

看到上面的图像时,通常我们会将它看成四个对称的个体,而非八个不同的括弧。

对称法则示意图

5. 共方向法则

我们通常会将物体沿着它的线条方向而视,同向的物体基本上会被归类在同一区。

举例来说,指着同方向的物体或手势会被分在一起,这个概念可以套用到网页设计,让用户跟着你的指示浏览网页(像注册表格、价值主张等)。

像是在先前看到的图中,如果在一列圆点中,有一半的点向上移动,另一半向下,我们会把这两个不同向的圆点归成两类。

共方向法则示意图

6. 连续法则

我们基本上认为一条线会继续沿着它的方向发展,在有交叉的情况下(像线条十字交叉),就算它们重叠了,我们还是会觉得那两条线是没有关联的。

连续法则示意图

还有其他的构图设计法像是:主体—背景法则或格式塔物项法则(形状相似且有条理的对象通常会被视为一体,就像奥运的圆圈),不过我觉得上述所提的几个法则是最实用的。

实用的网页设计原则#7: 留白与简洁

留白部分(亦称为周围的空间)是页面中空白的地方。也就是指图表、边缘、装订区域、各行列之间等的空隙。

其实空白的部分是网页设计中非常重要的元素,它让网页中的内容更突显出来。留白部分是使用了阶层的概念,像是各类型的信息、颜色或图像。

没有留白的网页就像把所有文本或图片挤在一起,这在视觉效果上,会让页面看起来十分凌乱拥挤,而且也增加了浏览的困难性(甚至访客完全不想浏览网页),这也说明了为什么简洁的网页设计是相对好的。

足够的空白空间会让网页看起来很「舒适干净」,虽然简洁的页面更能传递出所想表达的消息,但这不代表要将内容简化。简洁的设计是指在页面范围中充分运用空间,在设计之前,你必须知道要如何充分发挥留白的空间

留白法则

实用的网页设计原则#8: 奥坎的剃刀

奥坎的剃刀法则

奥坎的剃刀原则在说明:从各假说之中,挑出一个最合理、最浅显易懂的假说。

以设计的领域来看,奥坎的剃刀原则说明了最简化的方法往往是最好的。

运行美国管理软件Pipedrive的人,上传了一则关于使用旧青岛创业加速器AngelPad的文章:

Angelpad团队表示过:「网站的主页包含了太多东西。」虽然一开始我们并不认同这个说法,但我们依旧做了调查。果然,事实证明了我们的想法并不正确。因此,我们移除了约80%的内容,取而代之的是注册及了解更多的按钮,这也让我们的注册率增加了300%。

外观虽然重要,但更重要的是网页的操作性。有几间公司,像37Signals将「简洁」变成他们的商业模式。以下是节录于由他们创办人所写的工作大解放(Rework):

很多人认为我们的产品比其他竞争对手都少,他们认为产品不该少掉太多特性或功能,但我们也是因此而感到骄傲。因为多数的软件都太过复杂,所以我们决定反向操作,像是太多功能、按键,这些都太容易让用户混淆。

虽然简洁的设计并不能与它的性能相提并论,但从我自身多年的经验,体悟到了越简单越好的这句话。

总结

好的网页设计与艺术是不同的领域。在了解企业目标之后,网页设计的风格是因用户而订。使用上述推荐的网页设计原则,可以使你的网页在观感及效益中都得到相当好的成果。

本文网址:https://www.mamioo.com/seo-jichu/n4v58r16761m

本站内容均为「码迷SEO」原创整理,未经授权严禁采集转载,违者必究。
评论
相关文章