2019七個現代網頁設計的趨勢

4-factors-to-consider-before-designing-and-developing-a-website

(本文分享了美國知名網上創意服務平台博客作家對2019年網頁設計趨勢的分析, 我們認為甚具前瞻性, 故特意參考並加入本地元素, 讓香港讀者更容易撐握箇中關於網站設計重點. 原文請參考Crowdspring(2018))

簡介

我相信大部份人都會認同, 企業網站的設計會影響消費者對公司的信心, 一間公司的網站絕對會令人覺得是否可信及可靠. 例如一些陳年網頁, 一看都有超過十年的歷史, 仍使用最早年的風格的話, 使用者都可能認為公司是否十年都沒有發展過呢?

今天大家上網睇網頁, 耐性越來越低, 要求就越來越高, 評頭品足, 眼光甚高. 隨著資訊發達, 用家擁有更多知識, 而且只要計算一下, 2000年代開始可稱為互聯網時代, 90年代出生的人在網絡世界成長, 到了2019年, 他們已是成人, 換句話說, 互聯網世代的人口只會越來越多, 這亦解釋到為何科技, 設計及商業行為發展日益快速.

2018年的統計告訴我們, 超過90%的人在消費前會上網作研究, 一般是格價, 比較以及查看商戶是否可信可靠等等. 亞里巴巴的馬雲更說過, 未來十年電子商務會威脅傳統商場的經濟地位.

既然幾乎所有消費者或用家都會上網做研究才會決定是否埋單, 那一個符合現代人要求的網站就和商戶的命運絕對有關了. 好的網頁設計令品牌具有名聲, 而且代表了牌子的靈魂以及影響公司未來的發展.

我們已為超過100間企業設計及開發網站, 當中包括著名食物品牌, 商會, 休閒消費等業務, 見證了網頁設計在這些年來的演變, 亦體會到網頁和品牌的直接關係. 由早年的以大量資訊為主, 到後來智能手機的掘起帶來的簡約主義, 網頁都在為品牌說話, 表現了業務的個性.

本文將會討論2019年七個網頁設計的趨勢, 設計就是整體的使用, 用家體驗又影響到生意, 所以請各位細心思考, 究竟網站如何支援到大家的生意, 帶來更多的商機. 你現在的網站又是否能迎來新的挑戰, 配合到你的業務發展.

延伸閱讀:如何找到最好的網頁設計公司?

Back to Top

使用介面和用戶體驗設計 (UI/UX design)

 

正如簡介所提, 人們瀏覽網站時十分精明, 小小的失誤已經會讓潛在顧客流失. 舉個很簡單的例子, 當消費者在你的網店購物時, 找極都找不到結帳的按鈕, 又或者用盡所有方法都找丕到需要的產品時, 消費意欲會馬上大打折扣, 甚至乎會離開網站, 不再回頭. 我們嘗試在消費者的角度去看一間實體店, 如果要找的貨品找不到, 又不知收銀處在商場的那個角落, 那還可以問一問職員, 但網店是經營電子商務的, 根本不會有職員讓顧客查詢. 更嚴重的是, 在這些細節上, 顧客體驗到商店粗心大意, 沒有在客人的角度去設計網店, 試問這種商家的產品和服務又怎能可信呢, 所以不方便不好用的使用介面和用戶體驗, 絕對會趕走客人. 換言之, 使用介面和用戶體驗設計 (User Interface / User Experience design, UIUX Design) 非常重要, 商鋪即使有人流, 但客戶體驗欠佳, 最終都會失去Sales.

Back to Top

留白 (White space)

從前的網站都會用盡所有空間, 就好似今日的納米樓一樣, 完全沒有空間感可言. 又如果大家今日去銀行或者一些高級商場, 都會發現很多都有充裕的空間, 或者你會問這樣不是很浪費嗎? 其實空間令人感到受到尊重, 更有自主自由, 故此消費都會比較闊綽. 網頁設計亦都一樣, 今天的網頁空間因為需要支援手機而變得更少, 但留白卻更多, 這令到閱讀更方便和清晰, 瀏覽更舒服和容易. 空間 (White space) 會讓人集中焦點消化重點字眼. 例如我們的客戶司博禮 SpotKnight 就大瞻運用空間, 將焦點放在兩大業務之上, 第一次來到網站的用家會馬上明白其專業領域所在. 留白不是新鮮的事物, 在設計及文學上已有悠久的歷史. 如果大家對留白有興趣, 就可以參考Balenciaga的網站. 佈滿文字和相片的用戶介面已經過時, 2019年將會是網頁空間的一年
Back to Top

手繪插圖 (Illustration)

 

與眾不同是你想在云云供應商中跑出的原因之一. 網站亦是一樣, 每個網站都大同小異, 尤其受到手機響應式網頁設計 (Responsive Web Design)的影響, 那麼網頁要如何突圍而出, 吸引到大眾呢? 如果只想在一般的網頁製作網站 (Website builder) 揀個樣版 (Template)然後換圖換字便了事, 那就注定是十個網站都差不多. 我們認同今時今日的樣版具有很大的延展性, 每個細節都好似可以設定, 然而一個很受歡迎的模版可能有成千上萬的用戶, 結果製作出來的網站都像親兄弟般似到十足. 聰明的網頁設計師遇上創意十足的插畫師, 就創造了新的可能性, 在網頁上使用手繪插圖. pnetform十分高興和幾位插畫師展開了合作, 只要抱著開放的心態, 接受不同的事物, 以客戶利益為依歸, 就能創造更多不同的可能性. 我們具有插畫的網站即將在2019年面世, 敬請期待.
Back to Top

鮮明用色和漸變 (Bright colour and gradient)

 

 

鮮艷向來都是常見的網頁用色方向, 尤其在顯示技術發達的今日, 字體和背景的明顯色差會令讀者更專注在閱讀本身, 而且顏色亦代表了品牌, 例如大快樂用了鮮艷的橙色, Facebook的藍色更成為了該公司的象徵. 鮮明的用色是清楚的訊號, 在凡事都要講求速度的年代甚為重要, 稍有一刻含糊, 用家就會捨棄網站而去. 除了鮮明用色, 網頁潮流開始多出現了漸變 (Gradient), 其實網站的頁面的漸變效果甚至已是CSS上的一套標準. 漸變色在設計學上有其意義, 令兩種顏色間產生有序的變化, 亦有引導的作用, 把讀者焦點收到特定的位置上. 我們的客戶Joyso 就使用了鮮明用色及漸變色, 品牌的鮮橙色在灰黑背景中異常搶眼, 漸變的Logo亦令頁面產生一種金屬的質感, 令網頁充滿時代感覺.
Back to Top

手機網頁 (Mobile friendliness)

 

自2016年起, 使用手機上網的人數超越了桌面電腦, 成為互聯網的新標準, 網站亦都應該要全面支援手機才能發揮功能. 更重要的是Google的數據顯示了有一半的用家是透過手機搜尋資訊, 而Google亦表示手機友善(Mobile friendly)的網站會在搜尋器排名享有優先權, 視為用戶體驗(User experience)的最重要指標之一. 能夠正確地回應不同瀏覽裝置的技術稱為響應性 (Responsiveness), 響應式網頁設計 (Responsive web design, RWD) 是現在所有從事網頁工作人士的必修課程. 簡單地說, Responsive website 就是能適應不同裝置大小和形狀的網站, 令用戶超越平台和工具的界限. 除了網頁, 很多公司 (包括我們pnetform)還有設計響應式標誌 (Responsive logo), 配合不同使用環境的需要. 2019年也許是時候去更新你現在的網頁了.

延伸閱讀:甚麼是嚮應式網站? 及 響應式網頁設計的好處
Back to Top

短片運用 (Video integration)

 

以前我們總是說一圖勝萬言, 時至今日, 或者我們應該改說一片勝萬言. 人們都愛短片和片段, 比任何其他種類的媒體都更具吸引力. 試想在一個電子商務網店, 有甚麼會比一段介紹如何使用產品的片段更令顧客感到有趣呢. Google判斷排名時有兩點是很重要的, 就是內容和使用體驗, 片段就能一次過去滿足兩件事情, 一方面令網頁內容更充實, 讓用家更容易接收到需要表達的訊息, 另一方面片段是較靜態圖片更佳的體驗, 大家只要看過說明書和教學短片, 就會明白片段是多麼的容易理解. 片段令瀏覽人士在網站的逗留時間更長, 這亦對SEO有利. 短片有好幾種不同的製作方式, 包括真人拍攝 (Video), 電腦動畫 (Animation), 或者資訊動畫 (Videographic)等等.
Back to Top

動態滑動設計 (Dynamic scrolling design)

使用者如果需要無止境的向下滑動 (Scrolling down), 一般都會感到厭倦煩惱, 從前的網頁很多都十分多字, 令讀者沒完沒了地轉下去看網頁, 因此scrolling一度被淘汰, 網頁設計儘量減少整體頁面的長度, 避免使用者要不停向下地掃. 到了今天2019年, Scrolling down又回來了, 因為設計師處理網頁時思考到用家的角度, 並引入了Way-finding的概念, 舉個例, 網站內關於公司的介紹, 設計師運用時間軸的方式去表達公司的歷史, 用家就會很自然地跟隨時間表向下滑動, 直至公司最新的情況. 這種設計手法能令瀏覽更好利用空間, 延展了整體的用戶體驗.
Back to Top

總結

緊貼潮流大趨勢, 讓業務追上時代的脈搏, 我們總是說, 網頁是品牌的關鍵元素, 如果品牌和市場策略不停發展及成長, 網站自當同樣要跟隨步伐. 網站其實就是品牌的鏡子, 反映了品牌的個性和價值, 兩者要是不協調, 不單止品牌形象會受到影響, 更會傷害了顧客對公司的信心. 然而這並不代表我們要盲目追求設計潮流, 還需要考慮有關趨勢是否適合品牌, 同一件事情放在不同的場合, 效果將會截然不同. 最後我們的目標仍是在數以百萬計的網站中製作獨一無二的一個.

延伸閱讀:2019 網頁設計新潮流
Back to Top

歡迎列明來源及轉載, 以及讚好我們的社交媒體專頁.