諮詢熱線:02-2369-8858

靠邊站還是排排站?行動網站的列表設計!

靠邊站還是排排站?行動網站的列表設計!

最後更新:2015/12/23 作者:KPN 企劃部
加入好友
靠邊站還是排排站?行動網站的列表設計!

許多網站在提供文章或是商品列表時,都會有兩種不同的顯示方式:List View 為條列式,Grid View 為網格式,你平常在使用的時候,比較喜歡使用哪一個呢?

在使用者友善為顯學的時代,如何在手機上顯示較佳,是一個務必要思考的問題。

 



 

條列式

特色:有更多的文字,但沒有圖片或通常只有小型圖示,使用者必須閱讀文字以瞭解內容

優點:可列出較多選項、且使用者在點入前通常已閱讀了較多文字,較不易誤點

缺點:必須花費大量時間閱讀

適合類型:文章列表、分店列表、訊息列表

 

網格式

特色:以圖片為主,文字為輔,會讓使用者以圖片為導向做出選擇

優點:可以快速辨識目標、較容易引起使用者注意

缺點:使用者必須一直下捲來瀏覽更多項目、且容易因為受圖片吸引而誤點不相關的內容

適合情境:產品列表、書籍列表、專輯列表



 

大多數使用行動裝置的用戶是因為他們正處在移動中,因此他們需要能夠快速找到內容的佈局。若你真的不知道你的產品該怎麼設計才好,不妨也可以做個A/B測試,了解哪一種對於你想讓使用者達成的目的更有效喔!

 

熱門文章

行銷STP 品牌市場定位:報紙廣告實戰演練

先了解自己,才能步入正軌,成長茁壯,發揚光大。 你了解自己的產品服務嗎? 在艱難的行銷道路上,是否開始迷失方向? 好的定位讓您上天堂,沒有明確定位則會讓你陷入泥淖,越陷越深離目標越來越遠。   今日來分享KPN奇寶廣告優化績效師日常- ....

SEO是什麼?SEO該怎麼做?一篇就懂SEO搜尋引....

我不了解什麼是SEO 什麼是SEO(搜尋引擎優化)? SEO是Search Engine Optimization的縮寫,中文稱作搜尋引擎優化。是一種對搜尋引擎規則的了解,針對網站進行調整,同時打造優良的使用者體驗,提供使用者關心的資訊與內容,進而提升網站排名....

在你的FB粉絲專頁新增Instagram頁籤!

不知道你有沒有注意過,有些粉絲專頁上會有Instagram的應用程式。 如果你也是常使用Instagram分享圖片做行銷的廠商,可以一起看看究竟要如何連結這兩種社群平台喔! 目錄 登入FB 搜尋「Instatab」 新增粉絲專業 請點選「小齒輪圖示」 選擇「編輯設定....

結構化資料與語意標記,讓Google更懂網站的....

結構化資料標記,讓Google更懂網站的心! 2020/05/29 更新:使用影片結構化資料搜尋成效   你有沒有在搜尋資料的時候,在結果頁上看到有些網頁呈現出來的資訊就是比其他人還要豐富?能夠展示公司網站中重要頁面、最近的活動、發文、或是在地商家的評等....

延伸閱讀

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

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

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

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

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

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

網站表格很多,怎樣設計對行銷最好?

網站設計分享-以表格設計為主的內容行銷 要如何打造吸引人的網站內容??今天KPN設計部要分享以表格設計為主的內容應該要注意什麼?根據我們做了千千百百個專案經驗,將其珍貴經驗分享給大家:       (1)首先是以表格label tag的左與上的差別....

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

線上客服