諮詢熱線:02-2369-8858

讓人快速採取行動的卡片式網站設計

讓人快速採取行動的卡片式網站設計

最後更新:2015/08/05 作者:KPN 企劃部
加入好友
卡片式網站設計
讓人快速採取行動的卡片式網站設計!
 
從社群網站,新聞網站,到購物網站,越來越多的網站朝向卡片式的網站設計。Google 在2014 I/O大會發表的Material Design也是以卡片的設計為出發點,而這樣的設計在2015達到了高峰。接下來我們就來探討卡片式的網站設計的來源與影響。
 
日常生活中我們常常用到的卡,信用卡,會員卡,駕照等等,它們的形狀與格式都有一定的規範。而卡片上更充滿了許多訊息,有單面也有雙面,而轉化到網站的設計上,賦予了更多的可能性。
 
在網站中,"一個卡片"可能包含了連結,按鈕,圖片等等,他們通常只有一個目的,要你去按它們。事實上,整個核心目標就是讓使用者可以在瀏覽這些訊息後,讓他們更有興趣看更多的內容。
比方說: 立即洽詢、立即購買,都是為了讓使用者可以看完內容後可以採取行動!
 
 
 
 
Facebook,就是一個最好的例子。 他在有限的範圍內用卡片式設計,以最顯眼的圖片或是影片來吸引瀏覽者的目光,進一步引導瀏覽者去點"....更多"或是與貼文者互動。
此外,卡片設計的方式,在響應式的網站上能有更好的相容性,從大尺寸螢幕上可以一欄四格,到行動裝置上的一欄兩格卡片,甚至是一格卡片。
 
 
 
 
Wired 的網站編排方式也是用卡片設計為主,從圖片中可以發現,在行動裝置上,格式的改變。
我們整理一下卡片式的設計的主要優點 : 
  • 卡片式設計讓版面更有組織性,卡片無論如何擺設都不會讓整個設計看起來很雜亂
  • 卡片式設計對於響應式網站來說是個理想的設計方式
  • 卡片式的設計可以更有效率的呈現網頁的資訊 
  • 卡片式的設計讓網站不會頭重腳輕
 
未來在網站改版的情況下,不防將卡片式網站設計的精神加入,讓使用者可以看完內容後可以採取行動!
 
 
你可能也會喜歡
熱門文章

SEO是什麼?Google演算法與網站優化:提升網....

  在當今的數位時代,無論是大型企業還是小型創業公司,都需要利用SEO來提升其在網路世界的存在感。透過SEO,我們可以將產品或服務直接推廣給真正有興趣的消費者,這對於提高轉換率和ROI至關重要。 一、什麼是SEO? SEO的定義 SEO可以帶來什麼好處....

STP分析實例應用,帶你掌握行銷策略精準定位....

在當今數位化快速發展的時代,STP行銷策略成為企業制定有效行銷策略的關鍵。隨著消費者行為的持續變化和科技的不斷進步,了解如何適應這些變化,並利用STP策略來精準定位目標客戶,對於任何希望在競爭激烈的市場中脫穎而出的企業來說,都是至關重要的。本文將深入探討ST....

一篇帶你了解Google商家檔案(我的商家)驗證....

Google 商家檔案是一個免費的工具,能增加企業在 Google 地圖的能見度。透過管理商家檔案,商家可以優化在 Google 中搜尋的內容,搜尋公司相關產品或是公司名稱的時候,如果能夠跳出畫面右方紅框的資訊,對於商家絕對是大大加分!消費者也可以更方便快速的找到需要的服務....

Google地圖上看不到我的商家怎麼辦?

目錄 遇到的問題:Google地圖上看不到我的商家怎麼辦? 奇寶怎麼做? 怎麼做更好? Google初步回覆 Google二次回覆 最後結果   遇到的問題   Google地圖上看不到你的店家?一定要搜尋店家名稱,Google地圖上才會出現?你有遇過....

延伸閱讀

如何創造終極廣告到達頁面?

如何創造終極廣告到達頁面?   在一個「內容為王」的時代,提供給訪客有幫助的內容非常重要,但卻從沒有思考過用戶或許沒有時間、興趣和耐心坐在電腦前看著一行又一行的文字,想要廣告帶來有效的轉換率,到達頁面扮演了非常重要的角色,除了要提供給訪客他們想....

6大響應式網頁設計的重點要素

6大響應式網頁設計的重點要素 為何要做多螢(響應式)網頁設計? 近兩年行動商務迅速崛起,消費者的習慣已逐漸改變,傳統透過電視當作娛樂,手機當做聯絡工具的時代已經正式走入歷史,現在每一個可見的螢幕載具,幾乎都一具多用,能聯絡、看影片、工作、娛樂、購物......

A/B測試小改變,大大提高轉化率

當消費者透過廣告連結到公司網站,往往會帶來相當的流量,但畢竟行銷活動常常只是曇花一現的嘉年華會,要如何讓消費者藉此機會對產品或服務產生黏著性,最終還是得回到用戶體驗設計的邏輯上來,從產品的內容和網站動線來留住消費者的心才是長久之計。   &nbs....

五個網頁設計建議,幫你增加頁面轉換率

網頁設計為什麼重要?因為人都是視覺動物,好的網頁設計,會讓人一點開網站時,就感受到網站想傳達的意念及氛圍,而相對的,失敗的網頁設計,即使有再好的產品內容,也不容易吸引網友停留,純粹是美的感官與認知而已。   根據網頁設計心理學最新研究成果,要....

Copyright © KPN SEO 2020. All Rights Reserved / 台北市大安區羅斯福路三段301號8樓 02-23698858 service@kpnweb.com