15919993369

2021逆反网站设计的趋势

更新时间:2021-06-10

受疫情影响之下的网站设计趋势

今年全球受到新冠肺炎的影响,人类的生活受到了重大影响:旅行禁令、封城、停校停课...深远影响了所有人,人们利用科技抗疫,网站自然也没有缺席,因此今年许多网站设计的趋势都围绕在防疫上。

2021_webdesign_trend.jpg

举例来说:为了维持业绩,企业大多投注了更多预算于在线商城上;美食外送成为主流,许多食品公司也顺势推出线上订购料理包的服务,甚至是教育机构将课程班上网络,让学生减少外出的机会避免染疫...这些变化势必仍会延续到2021年。人们对于网站设计的期盼更高,也希望通过网站能够得到更好的服务,更多的信息,当然也要赏心悦目,这些都是对于2021年网站设计产业的挑战。


1、有阅读感的网站设计风

2、放下冷冰冰的产品说明,想想故事吧

3、疫情下的网站更需互动

4、满版留白、网站设计新主流

5、形象区块:强而有力的循环视频

6、网站品质三要素:响应式设计、速度、内容

7、让网站具备基本电商功能

 magazine_reading_style_website.png

疫情期间,人与人的互动少了,神奇的是人们与书的互动变多了。许多数据显示疫情期间,人们更愿意回到阅读的怀抱。根据媒体报导指出,人们面对疫情降低人与人的互动,在家进行的休闲娱乐项目需求大增:拼图、健身、游乐器等都热销一空,其中阅读不但安全,也能满足人们对于信息的需求。杂志风格的网站设计风潮,也吹向了网站设计。网站能否呈现出类似阅读的方式呢?这一点是十分肯定的,很巧合的是,许多客户与我们的想法不谋而合,已经将故事的概念应用在网站的产品说明,也十分乐见网站设计公司将叙说故事的概念设计在网站上。例如美兆集团的Interior室内设计杂志,采用了杂志设计风格的版型,让网站浏览的过程更具故事性。

magazine_reading_style_website2(1).png

区块式杂志阅读风格的网站设计

另外一个深圳建站公司的客户:大家健康杂志,是以纸本杂志为出版事业主体,后由深圳建站公司网站设计打造官方门户网站。从纸本的杂志延伸的官网,在首页的呈现使用了显著的区块做出内容区隔,类似报章杂志的专栏设计风格,可以更容易与纸本的媒体有视觉上的链接。杂志风格的网站设计呈现方式不只出现在设计相关的产业,连科技产业也非常喜爱。例如科技人文杂志WIRED的首页呈现,就呈现出报章杂志的区块式阅读风格,让人一眼就像是回到了熟悉的纸本媒体。但可惜的是无法避免的广告干扰了阅读的广告,而且很多...毕竟杂志媒体已经萎缩了很多,不得不通过广告获利。


放下冷冰冰的产品说明,想想故事吧

人们都讨厌硬生生的广告,却很喜欢听故事,许多令人津津乐道的广告,多有一段好的故事,让产品介绍退居第二位,看似将重点放在故事,事实上以退为进,反而让人深深地记得产品与故事的紧密链接。


以深圳建站公司的客户:美琪是知名的个人清洁用品品牌。网站内除了产品介绍外,通过博客的专栏,将清洁防疫相关的知识以视频、文字等故事方式叙说给访客,接着进入产品的信息分享,以故事取代广告,增加访客对于品牌的信任感。网站也应该要有说故事的概念,幸运的是网站设计没有页数、时间与篇幅的限制,可以尽情挥洒各种巧思,但网站设计却相对更为困难,举例来说:要设计出滚动网站视觉特效(清河国际),就需要Javascript与CSS的技术,加上视觉设计、文字设计等工作,团队合作上要有一定的默契。


疫情下的网站更需互动

website_video.gif

在线研讨会成为疫情中最重要的沟通工具之一


当人们无法上街时,只能通过网络找寻服务,网站提供的工具,有助于解决信件与窗体无法解决的问题。网站上实时通讯平台首推Facebook与Line,原因十分单纯:在深圳的通用性最高,且基本功能免费,只要将程序代码交给网站设计人员,就能让你的网站摇身一变成为与客户沟通的平台。功能对中小企业来说也已经够用,由于Facebook与Line已经是全球数以千万计的实时通讯平台,越来越多客户管理系统(CRM)都有串联的功能,让客户联系的过程得以记录在一个整合的数据库内。


除了实时通讯工具以外,在线研讨会也是维系客户的一个好办法。在疫情散播之前,许多在线会议的软件以企业为对主要用户,价格并不便宜,疫情爆发之后,多数的在线会议工具暂停收费或推出免费版,全球掀起了一股在线研讨会的热潮。网络上有一篇好文:在线研讨会的优缺点总整理,十分推荐给需要在线研讨会的机关团体。然而疫情未平息,许多原本打着免收费的在线研讨会已经按耐不住,纷纷回到原本收费的模式,但仍有一些佛心的厂商像是Whereby,虽然功能上不能和Zoom或WebEx,但免付费的政策至今仍然非常地吸引人。


满版留白、网站设计新主流

webinar_01.jpg

全满版的网站设计范例


用户来到网站,一开始会观察网站设计的视觉效果,所以如何留下一个好印象,版型是一个关键指标。以往将网站填满信息,与大量按钮的旧式设计逐渐退场,这几年的网站版型技巧上,满版+留白设计受到不少客户青睐,有几个主要的原因:首先,满版网站设计非常适合呈现按照片式的内容,当你的主题以按照片呈现时,满版可以让用户的专注力聚焦在图片上。以Allboard English这个客户作品来说,一张按照片就能呈现出上课时的环境、师资与学生的活力,没有什么比这样的按照片更具说服力了。接着,满版网站设计更符合RWD响应式的设计,这一次的案例来说,满版的网站设计结合了区块式的内容呈现,带来了更鲜明的内容呈现,恰好与智能手机经常使用的卡片式内容呈现模式相似。此外,大量的按钮整合在汉堡菜单也是一个显著的趋势,使用汉堡菜单于网站设计是一个很重要的趋势,尤其是对于智能手机网站设计来说。


满版留白的网站设计趋势运用广泛

另外一个满版的客户案例是圣光雕刻,满版网站设计的视觉搭配了大量的留白,网站没有被满满的图文挤满,而是图文内容以和谐的方式呈现,与文物的质感相互呼应,虽然用户得多花一点时间卷动网站,才能看到完整的内容,但访客会更乐于停在网站上阅读内容,对于网站的客户停留时间指标来说,会带来一定的帮助。

whereby_website.png

形象区块:强而有力的循环视频

利用视频于网站设计的情境很多,最常见的情境之一就是将视频放在首页上方,给访客视觉上的惊喜。不过,我们注意到大多数的首页视频,因为视频档案过大,用户画面还没呈现之前,就已经离开了网站。网站设计者要考虑到视频档案远比文字、图片来得大数十倍,甚至百倍,使用不当会使得网站开启得缓慢,我们建议使用视频务必优化视频,让视频更适合在网站上呈现。


先从视频服务开始说起,除了免费的 Youtube平台以外,有许多付费的视频平台提供了无广告,也更稳定的视频服务,这是一个提升网站视频质量的策略。另外,将视频的长度缩短是缩小视频档案大小最立竿见影的方式,例如我们最近看到了罗技鼠标的新产品网站,使用了循环视频播放的方式,档案格视为MP4,且大小控制在3MB,既能表现产品的高质感又能快速于网站上显示,相当值得学习。


网站品质三要素:响应式设计、速度、内容

2020年百度的站长平台(原站长工具)出现了很大的新元素:网站核心使用体验。这个新的标准有三个新的指标,LCP (最大内容绘制)、FID (首次输入延迟时间)和 CLS(累计版面配置转移),这三个新的指标要达到百度的标准并不容易,考验着网站开发人员。这三个标准预计在2021年纳入指标,势必影响网站排名。除了新的质量指针以外,百度搜索引擎在2020年做出了许多调整,最大的改变之一为移动版的检索机器人(百度bot)已经正式推出,简单的说,网站会优先被移动版爬虫机器人检索,落实了百度这几年一直强调的移动优先。

full_width_webpage_design.png

最后,网站的内容仍主导了搜索引擎自然排名的结果。一个好的网站,应该持续更新内容,内容对用户有帮助,就有更高的曝光机会。网站的内容不再局限于文字与图片,视频早就已经是今日网络用户的最爱,企业应该试着开发出有助于用户的视频内容,并且放在公开的视频平台,例如Youtube上,增加视频媒体的曝光度。


综观上述的几个趋势,不难察觉网站的设计质量决定了一个网站的排名,遵守百度的移动化网站设计规范,并且优化网站的读取效率,加强网站的内容质量,做到这三点的网站必可取得较佳的自然排名。

online_order_form2.png

让网站具备基本电商功能

在线订购窗体的方式也式电子商务的方式

web-vitals-hero.png

疫情下的经济大量仰赖电子商务,但要短时间内成立一个电子商场,并不是一件容易的事情,因此有客户使用简易的窗体功能,做到基础电子商务的服务。虽然窗体的功能并不强大,便利性也比不上在线金流支付,优点是可以与客户做进一步的确认订单,也能减少网络诈骗的问题,仍有不少厂商运用窗体的方式,达到电子商务的目的。


无金流的在线购物窗体

logitech_newproduct_banner.png

例如深圳建站公司的客户:宗霆股份有限公司所推出的汤品调理包大受市场欢迎,通过窗体的功能,能够让客户自己下订组合不同的组合,并且选择付款的方式后,就能够完成在线订购。使用窗体替代电子商务,我们认为最好的方式是与网站设计结合,将窗体与网站融合在一起,因为网站内的产品介绍,联络信息等内容,都可以提升用户的信任感,填写窗体也比较不会担心遇到诈骗。如果没有网站,目前网络服务的两大龙头商:百度与Microsoft都有推出免费在线窗体的服务给一般消费者,不少团购社团都是利用这样的方式接单,但是缺乏了网站的基础,加上团购后卷款潜逃的事件也是时有所闻,因此光靠窗体要建立用户的信赖是比较困难的。


以上,是我们所整理的2021年网站设计的趋势,希望大家喜欢,如有任何意见与看法,欢迎与我们联系指教~









Copyright © 2016-2020 https://www.xundang.com 深圳市迅当网络科技有限公司 版权所有 粤ICP备16022386号