网站设计系列|为什么网站设计这么重要?好的网站设计重要7元素

网站设计
网站设计

如果只有15分钟能够看内容,比起简单、平淡的页面,66%的人更希望看到漂亮的设计。网站是品牌线上曝光的一个非常重要的门面,通常是顾客与品牌接触的第一线。

为什么网站设计这么重要?

为什么网站设计这么重要?
为什么网站设计这么重要?

无论你打算架设一个新的网站,或是针对过去的品牌官网重新设计,你可能都会有这样的疑问:这真的有这么重要吗?值得我投资吗?我们先来看一些关于网站设计的数据

  • 75%的用户会仅依靠「视觉设计」来评断品牌是否可信(Stanford)
  • 94%的用户的第一印象皆是与设计有关的(ACM, Digital Library)
  • 用户在0.05秒内就会对你的网站产生第一印象(International Journal of Human Computer Studies)
  • 如果网站的设计或是排版不美观,38%的人就会停止与网站互动(Adobe)

接著,我们来看看网站设计重要的3大原因。

1. 留下好的第一印象

在阅览网站的0.05秒内,顾客就会对你的品牌产生初步的框架与印象,进而评断品牌。有94%的人认为他们会拒绝进入网站或是认为网站不可信的主要因素为网站的设计不良!

所以在这开头的几秒内,品牌网站必须竭尽所能展现最好的一面,将客户留下,促使他们进入销售阶段。若视觉设计做的不美观,顾客很容易对品牌留下不好的印象、离开页面、转而去到竞争对手那里。

2. 有SEO效益

搜索引擎优化SEO是网站线上曝光的一个重要手法,对于搜索引擎优化不熟悉的朋友,可以看看哈利熊之前SEO系列文章。而网站上的许多设计元素以及应用其实都会影响到网站上内容的呈现,而这些内容则会进而影响补捉你网站内容的这些搜索引擎爬虫。

除了内容的发布以外,特定的一些设计元素会直接影响到SEO。换句话说,在写code的时候,必须将SEO效益牢记于心。

3. 创造品牌一致性

品牌行销中重要的一点即是创造品牌的一致性,顾客习惯与熟悉的品牌进行互动,所以品牌应该在各个平台露出,或是网站上所有的网页,都维持一样的风格、字体、版面。一个好的设计会让你的品牌看起来更专业。

好设计的7大元素

好设计的7大元素

1. 方便的索引

网站的UI/UX设计会直接影响到用户多容易能找到他们想要的资讯。研究显示86%的网站造访者希望能看到与商品或是服务相关的资讯,而65%的人想看到联络资讯,52%则是想找「关于品牌」的页面。

一个好的网站UI/UX设计应该要让这些资讯非常好找,不然就会增加品牌与顾客之间连结的障碍。

另外,在设计的时候,可以套用心理学的希克定律(Hick’s Law)。这个定律说明了,当你给用户的选择越多,做决定的时间就会越长。所以在制作网页的索引、筛选条件、分页时,最好将选择精简,以不超过7个为原则。

  • 导览栏不能放置太多选项
  • 减少下拉选单的选项
  • 选单或按键的名称尽量使用生活用语,而不是艰涩的专有名词
  • 网站中尽量不需要点击太多次

2. 响应式的设计(Responsive Web Design)

随著手机装置的使用率增长,响应式的设计越来越重要了。你的用户可能从众多不同装置上阅览你的网站,手机、平板、桌机、甚至电视,如果你想要留住这些潜在客户,那么你就必须他们在这些不同的平台上都能够有良好的体验。

响应式的设计就是确保你的用户不管透过哪种平台登录网站,都能够有好的体验。网站的设计会根据不同的装置萤幕尺寸大小而做出相应的调整。

  • 优化图片
  • 确保在小萤幕上按键也可以正常运作
  • 制作不同平台的模板
  • 建议考虑「手机优先优化」的策略

如果你也打算使用手机优先优化的策略,那么你可以尝试做到以下几点:

  • 萤幕上尽量不提供过多的内容,专注于最重要的事情
  • 选择适当的文字大小
  • 提供更好的互动性元素
  • 考虑将手机版的网页建构为AMP形式

3. 确立品牌手册

刚刚前面也有提到,网站设计重要的其中一个原因就是它能够让你的网站上的每一个页面都维持一致性,进而打造品牌形象。那么保持一致性最好的作法就是设计一本品牌手册,设立一些关于颜色、字体、风格、版面设计、图片选择等等的规章制度,这样就能确保以后在网站中添加页面或是元素的时候,能够与其他页面的风格相符合。

颜色的使用是网站设计中一个非常重要的一环,不同的颜色会有不同的心理效果,确保你的网站颜色是与品牌色调相符的。

  • 网站上尽量不要用过亮或过暗的颜色
  • 颜色尽量越极简越好
  • 确保你的颜色组合是适当的

4. 善用视觉设计元素

现在很多公司都开始在网站上加入视觉元素,比如说影片。根据数据显示,用户跟影片互动率约为文字的10倍。虽然视觉元素的使用对于互动与分隔文字来说,是非常不错的,但是也不要过于泛滥的运用这些元素,而导致整个页面的拥挤、杂乱无章。

所以想要制作一个成功的网站,你就必须在文字与图片间找到平衡,不要为了增加互动而无止尽的添加视觉元素,而是要精心的了解你使用每一个视觉元素的目的。比如说,若你已经有了一大段文字在说明你的服务,那么就可以在下面加一段影片,进一步的说明。

5. 写好文案

用户进入网站都是希望能获取关于品牌的资讯,所以在放置这些资讯时,必须确保这些内容的每一个文字与段落,都是经过精心润饰的。一个好的文案能够让客户与网站互动的时间更长,让他们更愿意去了解你的品牌。而文案的书写也必须与整个网站保持一致性。

对于撰写文案不熟悉的朋友,可以参考哈利熊的文案撰写系列

6. 放置行动呼吁按钮(CTA)

当你的网站已经有潜在客户阅览后,你就必须引导他们进入转换的阶段。一个非常重要的网站元素就是「行动呼吁」的按键!

通常这些按键会与整个网站的设计互相搭配,但同时,又能够醒目的抓住目光。如果你的品牌色调是黑、白、灰、黄,那么可以将按键做成黄色的,从其他颜色中跳出来。

7. 加强网站速度

最后一个就是网站速度了!如果你制作了一个非常漂亮的页面,但是如果网站跑的太慢,用户点不进来,那么就功亏一篑了,所以在做网站设计时,网页速度也是考量的一个重要的一环。

  • 压缩网站上的档案
  • 优化图片
  • 尽量不要用过多的图片,改用文字替代
  • 减少HTTP请求
  • 设定网页快取(Cache)
  • 使用AMP技术

推荐文章:

本文由作者【HoliBear哈利熊】创作,原文刊登于【HoliBear哈利熊】,如未经授权不得转载。
回应