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

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

       1.卡片距離過大

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

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

       2.一次性展現太多卡片

       對許多規(guī)劃師來說，多運用卡片填滿網站就等同于充分利用網站的空間，盡或許給用戶供給更多信息。其實，這是個過錯的主意。在柵格體系的卡片式布局中，如果一次性展現許多張卡片，常會帶來兩種負面成果，一是用戶被鱗次櫛比的信息墻嚇到，直接退出脫離，還有一種狀況便是用戶牽強閱覽，但過多卡片帶來的負擔會嚴重影響用戶的體會作用。

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

       3.卡片上行為引導太多 

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

       規(guī)劃師們在遇到這個問題時也要多想想每個行為引導的存在是否是必要的，或者可以依照不同的重要程度或類型將行為引導分類，按優(yōu)先次第進行擺放，這樣更便于作出取舍。

       4.卡片上各種元素過多

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

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

        5.過度運用圖片

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

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