設(shè)計要求用戶在屏幕上進一步記住選擇最簡單

2010-02-15 網(wǎng)頁設(shè)計

既然我們知道了卡片和列表之間的主要區(qū)別，那么當在網(wǎng)頁設(shè)計中適當使用每種卡片時，我們就更容易自信地知道它們。

用于信息瀏覽（而不是搜索）

卡片使用戶很難甚至什至無法輕易辨別內(nèi)容的排名重要性。例如，由于卡片的輪廓/邊界看起來都相似，因此卡片沒有提供有關(guān)頁面上內(nèi)容查看順序的明顯信息。當然，基本的眼動追蹤研究總是建議用戶首先從頁面頂部和左側(cè)的內(nèi)容開始，但是列表使用戶可以更直觀地跟隨這種吸收在線內(nèi)容的基本方式。

這就是為什么使用卡片瀏覽龐大的收藏集（例如Pinterest上的收藏集）是理想的原因。當您僅在Pinterest上瀏覽搜索結(jié)果時，而不是確定以什么順序查看它，基于卡的結(jié)果的無限滾動使瀏覽變得有吸引力，有趣和容易。每當您看到有趣的東西時，都可以立即單擊該卡以獲取更多信息。即時滿足。

用于不同項目的分組

根據(jù)所使用的應(yīng)用程序或程序，最終會遇到一個儀表盤，該儀表盤使用基于卡片的設(shè)計來輕松區(qū)分各種類型的內(nèi)容。這是卡的優(yōu)勢之一，它可以快速地使用戶識別他們要管理的不同類型的內(nèi)容。

何時使用清單

列表比卡片要簡單一些，也許是因為它們在網(wǎng)頁設(shè)計中的使用時間已經(jīng)更長了。結(jié)果，往往易于確定何時正確使用它們。

進行高效的眼睛掃描

當用戶需要在網(wǎng)站上快速搜索他們想要的內(nèi)容時，例如當他們在輸入搜索詞后仔細閱讀搜索結(jié)果頁面時，首選列表。垂直的列表和一個元素位于下一個元素之上的一行上的列表，比卡片更能吸引用戶的視線，因為列表是固定的，而卡片卻沒有排成固定的位置。

對于較小的屏幕

簡而言之，卡片在屏幕上占據(jù)了更多空間。這使得它們在移動設(shè)備和某些平板電腦上的使用成為問題，因為它迫使用戶向下滾動頁面以比使用列表時更快地看到更多選擇。由于列表的元素僅位于頁面長度的短行中，因此用戶可以看到更多選擇，而不必依賴短期內(nèi)存（那些看基于卡的設(shè)計的人在向下滾動到查看更多元素）。

一旦您的設(shè)計要求用戶在屏幕上進一步記住選擇，他們將開始遇到認知負擔，這會損害UX。認知負荷意味著您的大腦在仍在處理其他新信息時必須更加努力地記住某件事。反過來，這會減慢任務(wù)的速度，并有可能完全放棄用戶任務(wù)。

在我的智能手機的App Store應(yīng)用程序上，應(yīng)用程序類別被組織成一個整潔的垂直列表，在一個頁面上顯示八個項目，而我不必擔心向下滾動以查看更多內(nèi)容并記住先前的選擇。如果這是在具有更大卡的布局中完成的，那么我最多只能看到一些選擇，這會妨礙我的用戶體驗。

卡與列表

資訊卡只是一個組織系統(tǒng)，用于顯示一些相關(guān)信息，這些信息鏈接到站點導(dǎo)航中更深的其他信息。它們非常適合讓用戶瀏覽大量信息以及對項目進行分組。

列表是顯示搜索結(jié)果的頁面以及作為與搜索查詢匹配的候選項目的條目。它們是將相似內(nèi)容組織為垂直對齊的理想選擇。

記住這兩個重要的區(qū)別，您將以出色的設(shè)計精巧地組織杭州網(wǎng)站建設(shè)。

上一篇：設(shè)計過程哪些設(shè)計具有淺3D效果返回觀點列表下一篇：空格通常是有效的用戶界面設(shè)計中非常重要的部分

本文標簽：

本文地址： http://www.bmwdream.cn/a/1305.html

相關(guān)專題

品牌官網(wǎng)設(shè)計
杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃，品牌官網(wǎng)設(shè)計，品牌官網(wǎng)建設(shè)開發(fā)服務(wù)，以國際化視野和標準為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計、互動與制作
查看詳情
大策略營銷門戶網(wǎng)站
杭州派迪科技有自己的營銷型網(wǎng)站CMS系統(tǒng)，適合白帽SEO網(wǎng)站。特別對大策略的營銷型門戶網(wǎng)站制作有一定的經(jīng)驗，曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營銷型門戶、先臨三維門戶營銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導(dǎo)
查看詳情
集團/上市公司網(wǎng)站
杭州派迪科技為杭州本地集團公司提供網(wǎng)頁設(shè)計、制作、開發(fā)服務(wù)，為集團公司網(wǎng)站建設(shè)提供了響應(yīng)式、營銷型、品牌型、門戶型網(wǎng)站建設(shè)需求，歡迎廣大集團公司客戶咨詢
查看詳情
外貿(mào)網(wǎng)站建設(shè)
杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃，外貿(mào)官網(wǎng)設(shè)計，外貿(mào)官網(wǎng)建設(shè)開發(fā)服務(wù)，以谷歌搜索引起算法為基礎(chǔ)，為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計、互動與制作
查看詳情
企業(yè)網(wǎng)站建設(shè)
高端專業(yè)、令人印象深刻的用戶界面、易于訪問——企業(yè)網(wǎng)站必須反映一切，因為派迪科技在這里提供幫助，憑借精湛的技術(shù)、豐富的經(jīng)驗、與客戶的持續(xù)溝通以及對每一個細節(jié)的關(guān)注，我們確保在快速的周期時間內(nèi)提供優(yōu)質(zhì)的服務(wù)。
查看詳情
半定制網(wǎng)站
杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢
查看詳情