移動(dòng)用戶體驗(yàn)設(shè)計(jì)之列表視圖與網(wǎng)格視圖

來(lái)源:本站日期:2018-1-30

網(wǎng)格視圖 網(wǎng)格視圖是標(biāo)準(zhǔn)列表視圖的另一種選擇。網(wǎng)格列表與用于布局和其他可視化演示的網(wǎng)格不同,網(wǎng)格列表由網(wǎng)格列表中垂直和水平排列的單元格組成。 內(nèi)容掃描 網(wǎng)格視圖為用戶提供了更具中斷性的掃描格式,使其最適用于視覺內(nèi)容。

網(wǎng)格視圖

網(wǎng)格視圖是標(biāo)準(zhǔn)列表視圖的另一種選擇。網(wǎng)格列表與用于布局和其他可視化演示的網(wǎng)格不同,網(wǎng)格列表由網(wǎng)格列表中垂直和水平排列的單元格組成。

內(nèi)容掃描

網(wǎng)格視圖為用戶提供了更具中斷性的掃描格式,使其最適用于視覺內(nèi)容。通常,這些圖像占據(jù)了大部分的單元格空間。

使用網(wǎng)格視圖,用戶的注意力能夠在每個(gè)網(wǎng)格單元之間分布地更均勻。因此,網(wǎng)格視圖可以優(yōu)化視覺理解和區(qū)分相似的數(shù)據(jù)類型。

用戶決策

用戶主要依靠圖像進(jìn)行選擇。這里需要注意的是用戶在同一時(shí)刻只能看到4- 6 個(gè)網(wǎng)格選項(xiàng)。

優(yōu)點(diǎn)和缺點(diǎn)

網(wǎng)格視圖有以下優(yōu)點(diǎn):

  • 網(wǎng)格視圖更吸引眼球 。

  • 網(wǎng)格視圖幫助用戶判斷項(xiàng)目之間的視覺差異。

  • 在網(wǎng)格視圖中,用戶的注意力分布更加均勻。

但它也有下面的主要缺點(diǎn):

  •  網(wǎng)格視圖需要?jiǎng)?chuàng)建更長(zhǎng)的頁(yè)面,迫使用戶過度使用滾動(dòng)。

0
首頁(yè)
報(bào)價(jià)
案例
聯(lián)系