(本文分享了美國知名網上創意服務平台博客作家對2019年網頁設計趨勢的分析, 我們認為甚具前瞻性, 故特意參考並加入本地元素, 讓香港讀者更容易撐握箇中關於網站設計重點. 原文請參考Crowdspring(2018))
目錄
簡介
我相信大部份人都會認同, 企業網站的設計會影響消費者對公司的信心, 一間公司的網站絕對會令人覺得是否可信及可靠. 例如一些陳年網頁, 一看都有超過十年的歷史, 仍使用最早年的風格的話, 使用者都可能認為公司是否十年都沒有發展過呢?
今天大家上網睇網頁, 耐性越來越低, 要求就越來越高, 評頭品足, 眼光甚高. 隨著資訊發達, 用家擁有更多知識, 而且只要計算一下, 2000年代開始可稱為互聯網時代, 90年代出生的人在網絡世界成長, 到了2019年, 他們已是成人, 換句話說, 互聯網世代的人口只會越來越多, 這亦解釋到為何科技, 設計及商業行為發展日益快速.
2018年的統計告訴我們, 超過90%的人在消費前會上網作研究, 一般是格價, 比較以及查看商戶是否可信可靠等等. 亞里巴巴的馬雲更說過, 未來十年電子商務會威脅傳統商場的經濟地位.
既然幾乎所有消費者或用家都會上網做研究才會決定是否埋單, 那一個符合現代人要求的網站就和商戶的命運絕對有關了. 好的網頁設計令品牌具有名聲, 而且代表了牌子的靈魂以及影響公司未來的發展.
我們已為超過100間企業設計及開發網站, 當中包括著名食物品牌, 商會, 休閒消費等業務, 見證了網頁設計在這些年來的演變, 亦體會到網頁和品牌的直接關係. 由早年的以大量資訊為主, 到後來智能手機的掘起帶來的簡約主義, 網頁都在為品牌說話, 表現了業務的個性.
本文將會討論2019年七個網頁設計的趨勢, 設計就是整體的使用, 用家體驗又影響到生意, 所以請各位細心思考, 究竟網站如何支援到大家的生意, 帶來更多的商機. 你現在的網站又是否能迎來新的挑戰, 配合到你的業務發展.
延伸閱讀:如何找到最好的網頁設計公司?
最新導讀: 七個2020年最要留意的網頁設計趨勢
使用介面和用戶體驗設計 (UI/UX design)
正如簡介所提, 人們瀏覽網站時十分精明, 小小的失誤已經會讓潛在顧客流失. 舉個很簡單的例子, 當消費者在你的網店購物時, 找極都找不到結帳的按鈕, 又或者用盡所有方法都找丕到需要的產品時, 消費意欲會馬上大打折扣, 甚至乎會離開網站, 不再回頭. 我們嘗試在消費者的角度去看一間實體店, 如果要找的貨品找不到, 又不知收銀處在商場的那個角落, 那還可以問一問職員, 但網店是經營電子商務的, 根本不會有職員讓顧客查詢. 更嚴重的是, 在這些細節上, 顧客體驗到商店粗心大意, 沒有在客人的角度去設計網店, 試問這種商家的產品和服務又怎能可信呢, 所以不方便不好用的使用介面和用戶體驗, 絕對會趕走客人. 換言之, 使用介面和用戶體驗設計 (User Interface / User Experience design, UIUX Design) 非常重要, 商鋪即使有人流, 但客戶體驗欠佳, 最終都會失去Sales.
留白 (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
歡迎列明來源及轉載, 以及讚好我們的社交媒體專頁.
eDM營銷專家教你 Email Marketing 鎖定潛在客戶|Email Marketing
Email Marketing (eDM)仍是有價值的網上推廣方式嗎? 很多人誤以為Email Marketi......
3 月
10 個2022年成功申請的科技券TVP案例
1. 半導體及 IC 設計公司 – 企業資源規劃系統 ERP 這家半導體及 IC 設計公司過去一直......
2 月
專家教你提昇網站速度的6個有效方法
網站速度是指從特定網站加載一個完整頁面所需的時間。如果網站速度太慢,會影響使用者體驗,導致網頁整體流量減少,跳......
1 月
如何做到香港SEO
談到數碼營銷,我們永遠不能忘記首要任務就是品牌建立。凡作任何計劃甚至行動前,毋忘初衷,緊記你需要讓品牌如何呈現......
11 月
【 8個優質網頁設計必要元素】
現時科技發達,公司網站漸漸成為顧客對企業的第一印象,網頁的質素會直接影響客户閱讀網站的時間和客戶對您品牌的信任......
4 月
TVP科技券應用 – 2021零售篇 打造線上線下平台
零售業利用TVP科技券整合銷售渠道 最近Autus 科技券顧問收到一個電話查詢,客人是從事日常用品零售的陳先生......
11 月
【TVP科技券成功例子】紅酒專賣店投資線上線下平台 強攻高消費市場
紅酒專賣店善用科技券 投資O2O平台 生意升120% 科技券計劃提供最高$60萬資助,推動本地企業採購科技方案......
11 月
2021年中小企需要的科技券方案
在經濟不穩的時代 科技方案能讓你改變現有的生意模式 在近幾年,香港出現很多事件,包括2019年的社會運動,20......
11 月
網頁設計趨勢:Chatbot的多渠道營銷與自動化方案
網頁設計趨勢:聊天機械人成數碼營銷重要工具 聊天機械人將晉身未來10年推動企業收入的重要技術之一,網頁設計中加......
10 月
網頁設計、自動化行銷與聊天機器人
專為優化網上銷售實力的網頁設計方案 消費者花費在綫上瀏覽資訊的時間可以很長,但往往沒有耐性在單一的虛擬商店中逛......
10 月
利用科技券開網店、CRM,手機應用程式 善用政府資助拓數碼營銷
開網店、建立公司網頁 政府資助可達75% 數碼營銷時代降臨,不論開網店或是建立公司網站,手機程式App都可善用......
9 月
善用自動行銷概念的網頁設計新趨勢
行銷自動化策略下 網頁設計大不同 在講求行銷自動化的數碼營銷時代,網頁設計已超越純粹美觀的要求,從網頁UXUI......
9 月
6大增加網站流量的方法
6大增加網站流量的方法 網購時裝品牌Zalora的崛起與名店Joyce Boutiques在綫上銷售的步步為艱......
9 月
8個數碼營銷必備的網站設計技巧,你都學懂了嗎?
網站設計及自動化營銷方案 在數碼時代,網站設計對建立公司形象最為重要。當訪客經由SEO隨機地進入你的網站,他們......
8 月
自動化營銷方案提升企業ROI
60萬科技券TVP 助購企業自動化營銷方案 不論開網店Website或數碼營商,引入自動化營銷是不可缺少的數碼......
8 月
SEO排名優化 贏在網頁設計
你不知道的SEO搜尋排名與RWD網頁設計關鍵 說起RWD響應式網頁設計優點,眾所周知的是它能切合不同瀏覽裝置的......
8 月
電子報成「SEO優化」新戰綫
優化網頁UI可推高訂閱率 隨著實體行銷逐漸被網絡營銷取代,有效的廣告宣傳也翻天覆地的改變。「SEO營銷策略」抬......
7 月
優化訂閱視窗 可令訂閱率暴升600%
優化網頁UI可推高訂閱率 有效的電子郵件推廣(eDM marketing)首重建立database,當顧客主動......
7 月
消費轉型革命 網上推廣優惠!
肺炎第三波殺到 消費模式大改變 COVID-19令人聞風色變,街都唔敢出,改為網上購物消費。你,準備好未? p......
7 月
網頁速度是生意「死因」 6個網頁提速法
網頁太慢令生意提早出局 作為網店,超過兩秒鐘的網頁讀取時間足以趕走一半生意。早在2009年已經有調查發現,47......
7 月
科技券/遙距營商計劃開網店2020
受疫情影響,網頁公司表示需求增加一倍 pnetform Technology 是香港的科技公司,業務包括網店設......
6 月
eMarketing:影響轉化率的網站UI
數碼營銷:提高轉化率的關鍵 電子商貿的營銷效率取決於能否把顧客的網上瀏覽行為轉化為對公司有實質意義的投入,提升......
6 月
香港網頁設計服務推薦
為甚麼要選擇pnetform香港網頁設計公司服務? 答案很簡單:專業。pnetform網頁設計多年來已為數百間......
6 月
甚麼是HTTPS? 為何電子商貿需要HTTPS?
甚麼是HTTPS? 它有甚麼作用? 相信大家對「http」都不會陌生,從第一天上網看網頁,大家總會發現所有的網......
6 月
電子商貿網店營銷漏斗
電子商貿營銷漏斗 – 創造網上需求 自年初爆發疫情以來,傳統零售或服務業都受到嚴重影響,商家以至政......
5 月
8個WordPress網頁保安小貼士
WordPress保安的重要性 WordPress是全球最受歡迎的網站內容管理系統(Content Manag......
5 月
HK$30萬D-Biz遙距營商計劃實戰:建立商業網站的5大實務指南
HK$30萬 D-Biz遙距營商計劃實戰 在數碼時代,網絡宣傳已是任何行業都不可落後的重要戰線,對於要建立網站......
5 月
粗獷主義網頁設計2020
甚麼是粗獷主義網頁設計? 粗獷主義(Brutalism)源於50年代的建築學派,當時二戰剛完結不久,百廢待興,......
5 月
遙距營商計劃全額資助網店開發
遙距營商計劃D-Biz全額資助網店 因應肺炎疫情,香港特區政府推出防疫抗疫基金,下設「遙距營商計劃」(Dist......
5 月
從2020到2024,WordPress網站設計啟示錄
WordPress網站設計啟示錄 隨著AI、VR和VSO技術普及化,2020年WordPress網站設計迎來大......
5 月
使用WordPress的知名網站
WordPress做網站好處多 講到WordPress,好多人都第一個反應就是免費,固然對很多個人或初創公司來......
5 月
7個2020要識的手機網頁設計技術
手機網頁設計技術2020 講到用手機上網,大家會有甚麼經驗? 慢、Lag、等了又等。網頁技術長年累月的發展都是......
5 月
企業服務公司網頁設計導賞2020
企業服務公司網頁設計 企業服務(Corporate Services)競爭劇烈,客戶都是精明的企業老闆或高層,......
5 月
2020年網頁設計,這些技巧讓你的網店生意爆升
2020年網頁設計,這些技巧讓你的網店生意爆升 數碼營商時代大爆發,要在激烈競爭中發掘商機,先要懂得打造功能和......
5 月
AMP網頁如何提升SEO?
甚麼是AMP網頁技術? 或者你是被「提升SEO」這標題吸引進來,在競爭劇烈的市場中,能夠在搜尋器獲得免費的自然......
5 月
10個2020-2021必識網頁UI設計
10個2020-2021必識網頁UI設計 全球「戰疫」令商戶轉戰網銷,除了掌握網店營運實務,網店都在優化網頁的......
5 月
「疫」市營商:網絡病毒大流行 eShop網絡安全要升級
黑客藉疫情進攻 CoronaVirus襲網絡 中小企零售商要轉型電子商務,除了投資在網上商店(eShop)、客......
5 月
遙距營商計劃 Distance Business Programme D-Biz
政府全額100%資助企業起網店及網上服務平台 創新及科技局局長楊偉雄於2020年4月19日發表網誌,宣佈在第二......
5 月
如何選擇網頁設計公司2020
判斷網頁設計公司好與壞 有無試過遇上不稱心既網頁設計公司? 做生意原本已經好多煩惱,一旦遇上網頁爛尾、難用等,......
4 月
在網頁設計及SEO之間取得平衡
2020網頁設計要簡約 SEO又要內容豐富 常言道:「網站是設計給人看的,也是給Google看的」,SEO友善......
4 月
10個網頁設計趨勢2020(第二季)
2020Q2十大網頁設計趨勢 2020年必定在歷史上有著重要的意義。一場冠狀病毒肺炎先由中國武漢爆發,再感染到......
4 月
【5步】打造成功網店!網店基本功
一間屬於你的香港網店 2019年社會運動未完,2020年又發生武漢肺炎(又稱「新冠肺炎」)全球大爆發,香港市道......
4 月
網頁平台、訂製網頁系統還是開源CMS?
內容管理系統CMS是網站的核心 好多朋友覺得搵網頁公司第一件事就係要睇網頁整得靚唔靚,視覺感觀(Visual)......
4 月
如何選擇網域名稱 (Domain name)
網域包含了品牌,讓網頁設計成功 要進入一個公司網站,最自然的就是直接輸入網址,而網址往往就是網域 (Domai......
3 月
合資格零售商戶可用ReTAAS資助建網店
電子商貿及網站管理ReTAAS零售業資助 商務及發展局於2014年推出「零售業人力需求管理科技應用支援計劃」(......
3 月
如何衡量網頁公司的質素
網頁設計不單要美觀 很多朋友對網頁設計第一個感覺就是「靚唔靚」(美不美麗),固然美麗是重要的,人靠衣裝佛靠金裝......
3 月
與香港網頁設計公司pnetform 一起成長
網頁設計公司尋找伙伴 不管經濟如何不景,網頁設計及網站程式編寫在波動的市況中仍有巨大需求,企業在當下的經濟風暴......
3 月
在2020-21年財政預算案中加強的技術券計劃
在2020/21年度預算中顯著加強電視P 由2020年4月1日起,2020/21年度預算提出的技術券計劃(TV......
升級TVP科技券計劃
TVP科技券計劃重大優化 財政預算案2020/21建議,由2020年4月1日起,科技券計劃有以下優化 累積資助......
3 月
SEO文案寫作須要注意之處
文案是SEO的關鍵因素 一個公司網站要成功,有相當多的因素,除了網頁設計外,網站流量亦是成功的關......
2 月