卡片式規(guī)劃的五大誤區(qū)

       近幾年來(lái)，跟著移動(dòng)用戶的不斷添加，卡片式規(guī)劃越來(lái)越遭到人們的歡迎。在網(wǎng)站建造的經(jīng)典事例上，卡片式規(guī)劃在網(wǎng)頁(yè)規(guī)劃中占有一席之地。一方面，卡片式規(guī)劃可以輕松容納多種不同類型的元素，將各種元素以規(guī)整劃一的布局出現(xiàn)出來(lái)，供給良好的視覺(jué)作用，另一方面，卡片式在調(diào)整高度和寬度上很是靈敏，對(duì)移動(dòng)端的兼容性很高，能輕松習(xí)慣不同巨細(xì)的屏幕，完成真實(shí)的響應(yīng)式，在APP開(kāi)發(fā)、小程序開(kāi)發(fā)也同樣遭到喜愛(ài)。在實(shí)踐的規(guī)劃過(guò)程中，不少規(guī)劃師進(jìn)入了一些誤區(qū)，使卡片式規(guī)劃的強(qiáng)大效用大打折扣。因而，特意總結(jié)了一些咱們?cè)谧隹ㄆ�式�?guī)劃常常會(huì)出現(xiàn)的5個(gè)過(guò)錯(cuò)，期望能給咱們一點(diǎn)啟示。

       1.卡片距離過(guò)大

       在理想的狀況之中，每張卡片應(yīng)該都是巨細(xì)相同、規(guī)整一致的，這就要求卡片上的各種元素要堅(jiān)持協(xié)調(diào)，但實(shí)踐狀況常常沒(méi)有那么完美。在實(shí)踐規(guī)劃過(guò)程中，咱們或許會(huì)發(fā)現(xiàn)這張卡片的標(biāo)題太長(zhǎng)，那張卡片的文字描繪太短。當(dāng)這些卡片在大屏幕設(shè)備上顯示時(shí)，距離過(guò)大的問(wèn)題就顯露出來(lái)了。你可不要傻乎乎的認(rèn)為這是"留白"的藝術(shù)，這種不恰當(dāng)?shù)木嚯x往往不能做到"以無(wú)勝有"，更會(huì)影響網(wǎng)站的全體排版，讓布局雜亂無(wú)序，有損信息的密度，乃至還會(huì)妨礙訪客們的閱覽體會(huì)，這使得卡片式規(guī)劃的優(yōu)勢(shì)蕩然無(wú)存。

       遇到這種狀況，咱們應(yīng)該怎么辦呢?總結(jié)了兩個(gè)辦法。其一，咱們應(yīng)該考慮卡片上的元素是否可以減縮：簡(jiǎn)練標(biāo)題或描繪文字是否會(huì)影響用戶對(duì)重要信息的獲取?盡量確保每張卡片在尺寸、涵蓋內(nèi)容上相差無(wú)幾。其二，咱們可以看看卡片式規(guī)劃是否可以應(yīng)用到砌體布局中。現(xiàn)在咱們一般都是在柵格體系中運(yùn)用卡片式布局，固定的格子規(guī)劃更能確保網(wǎng)站的整齊，而砌體布局是指將網(wǎng)站中的元素自動(dòng)填充在頁(yè)面的空白區(qū)域，就像是墻上堆砌的石頭相同。如果卡片式規(guī)劃可以與砌體布局結(jié)合起來(lái)，卡片就自動(dòng)習(xí)慣空白區(qū)域，距離過(guò)大的問(wèn)題也就不存在了。

       2.一次性展現(xiàn)太多卡片

       對(duì)許多規(guī)劃師來(lái)說(shuō)，多運(yùn)用卡片填滿網(wǎng)站就等同于充分利用網(wǎng)站的空間，盡或許給用戶供給更多信息。其實(shí)，這是個(gè)過(guò)錯(cuò)的主意。在柵格體系的卡片式布局中，如果一次性展現(xiàn)許多張卡片，常會(huì)帶來(lái)兩種負(fù)面成果，一是用戶被鱗次櫛比的信息墻嚇到，直接退出脫離，還有一種狀況便是用戶牽強(qiáng)閱覽，但過(guò)多卡片帶來(lái)的負(fù)擔(dān)會(huì)嚴(yán)重影響用戶的體會(huì)作用。

       和第一個(gè)誤區(qū)相同，在遇到這種狀況的時(shí)候，咱們也要仔細(xì)考慮一番：頁(yè)面上放置這么多的卡片有必要的嗎?用戶合理的閱覽容量是多少?用戶在閱覽屏幕時(shí)或許的留意范圍有多廣?除此以外，還有一個(gè)建議，咱們可以給單張頁(yè)面可放置卡片的數(shù)量設(shè)置一個(gè)限額，當(dāng)數(shù)量超過(guò)這個(gè)范圍時(shí)就會(huì)彈出提醒的對(duì)話框，避免咱們無(wú)意識(shí)的犯錯(cuò)。不過(guò)這個(gè)辦法的難度在于卡片的限額數(shù)量應(yīng)該設(shè)為多少，這或許需求咱們?cè)谧约旱木W(wǎng)站上進(jìn)行測(cè)試，發(fā)現(xiàn)自己網(wǎng)站的規(guī)則所在。

       3.卡片上行為引導(dǎo)太多 

       熟悉卡片式規(guī)劃的朋友們都知道每張卡片只是某個(gè)功用或內(nèi)容的進(jìn)口點(diǎn)，常展現(xiàn)一些摘要而不是一切細(xì)節(jié)，所以咱們通常會(huì)在卡片上放置一些如"閱覽全文"等其他鏈接，引導(dǎo)用戶做出預(yù)期的行為。但是，在許多糟糕的卡片式規(guī)劃實(shí)例中，不少人在卡片上設(shè)置了太多的行為引導(dǎo)，比如"閱覽全文"的鏈接、"檢查視頻"的鏈接、CTA按鈕、主頁(yè)鏈接等等�？梢院茇�(fù)責(zé)任的告知你：這么多的行為引導(dǎo)不會(huì)有助于延長(zhǎng)用戶在網(wǎng)頁(yè)上停留的時(shí)長(zhǎng)，添加網(wǎng)站流量或提高轉(zhuǎn)化率，卻會(huì)讓用戶愈加困惑、手足無(wú)措。

       規(guī)劃師們?cè)谟龅竭@個(gè)問(wèn)題時(shí)也要多想想每個(gè)行為引導(dǎo)的存在是否是必要的，或者可以依照不同的重要程度或類型將行為引導(dǎo)分類，按優(yōu)先次第進(jìn)行擺放，這樣更便于作出取舍。

       4.卡片上各種元素過(guò)多

       這個(gè)誤區(qū)和卡片上行為引導(dǎo)太多有點(diǎn)類似，從更宏觀的角度來(lái)說(shuō)，行為引導(dǎo)可以歸納為元素的一種，但由于行為引導(dǎo)在網(wǎng)站流量和銷量等方面扮演的重要作用，特意將它拎出來(lái)講了。現(xiàn)在咱們來(lái)看一下元素過(guò)多的問(wèn)題吧!卡片式規(guī)劃廣受歡迎的其中一個(gè)原因便是它很靈敏，可以整合各種形式的內(nèi)容： 圖片、文本、動(dòng)畫作用、視頻、按鈕、鏈接等。但這并不意味著咱們必定要將多種不同的元素一股腦兒放到卡片上，這樣不只不能給用戶供給有用的信息，反而容易攪擾用戶，分散他們的留意力，讓他們找不到要點(diǎn)。

       因而卡片涵蓋元素的多少應(yīng)該掌握一個(gè)度。這一點(diǎn)可以通過(guò)對(duì)網(wǎng)站元素進(jìn)行優(yōu)先等級(jí)分類做到，將內(nèi)容分為首要信息，次要信息等等，這樣一來(lái)咱們就能有目的的組織卡片元素。為了做到這一點(diǎn)，咱們還可以深入了解一下本身產(chǎn)品的方針用戶群以及他們或許的喜好。

        5.過(guò)度運(yùn)用圖片

       在卡片式規(guī)劃中運(yùn)用圖片似乎已經(jīng)成為了一種思維定勢(shì)。盡管咱們常常在卡片中運(yùn)用圖片、插圖和圖標(biāo)等，它也的確可以添加網(wǎng)站的視覺(jué)表現(xiàn)力，是卡片式規(guī)劃的最佳拍檔。但咱們可不能過(guò)度運(yùn)用圖片，不能為了圖片而放置圖片，卡片上圖片的存在應(yīng)該是有必定含義的。

 當(dāng)咱們?cè)诳ㄆ�上添加圖片時(shí)，記住問(wèn)問(wèn)自己，這張圖片是必要的嗎?這真的可以協(xié)助用戶更好的獲取想要的信息嗎?或者說(shuō)它反而會(huì)形成視覺(jué)上的攪擾?最好的解決辦法便是腳踏實(shí)地，先確定每張卡片上圖片的真實(shí)需求，然后依據(jù)網(wǎng)站的全體布局探索一下卡片的最佳排版，與此同時(shí)也要注重內(nèi)容的優(yōu)先等級(jí)，考慮怎樣能讓卡片的出現(xiàn)愈加平衡、愈加清楚易懂。