諮詢熱線:02-2369-8858

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

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

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

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

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

 



 

條列式

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

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

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

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

 

網格式

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

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

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

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



 

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

 

你可能也會喜歡
熱門文章

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

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

2021完整SEO教學,一篇就懂SEO搜尋引擎優化操....

SEO可以帶來什麼效益? 就是要讓顧客第一眼就看到你!因為您的顧客都在Google、Yahoo上,透過『關鍵字』搜尋產品,因此做好網站SEO帶來的好處有: 網站流量的增長 品牌、商品知名度的拓展與形象建立 因應搜尋意圖的資....

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

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

描述標籤(Meta Description)的SEO優化

本文分四個段落加以介紹: 目錄 什麼是Meta Description? meta description是Google排名因素之一嗎? 網頁摘要是如何產生的 如何優化meta description 具備敘述性、吸引使用者 每頁使用獨特的meta description 關於社群分享有一點可以注....

延伸閱讀

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

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

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

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

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

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

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

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

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

線上客服