起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識興趣卡片該如何設計？
隨著“私人訂制”概念的走紅，填寫興趣卡片也成了完成私人訂制的前置條件，那么興趣卡片該如何設計，并且應該什么時機出現呢？
為什么要引入興趣卡片
眾所周知，“私人訂制”所需要的算法也需要通過數據來進行調試，而興趣卡片剛好解決了這個問題。平臺通過用戶所填寫的內容在首頁進行相對應的內容呈現，很容易吸引到用戶的好感，從而實現更好的用戶轉化，所以在環節上設計者也費勁了心思。
如何設計
目前興趣卡片的設計主要涉及到出現的時機&卡片的內容構建。
時機：一開屏前的強制填寫；二進入首頁瀏覽到某關鍵節點后的主動露出。
開屏前的興趣卡片
由于有些App的產品呈現是依托興趣卡片的選擇，從而在開屏前填寫興趣卡片或者強制要求填寫興趣卡片也成為了某種常態。
1. 豆瓣
豆瓣是文藝青年的天堂，而豆瓣的產品也試圖將自己打造為年輕人書影音的世界。而結合豆瓣用戶的習慣，電影和書籍更為集中，所以興趣卡片也集中在這兩方面的設置。
與其他顆粒度比較粗的興趣卡片不同，豆瓣主要是以近期熱映和即將上架的內容為主，這樣的好處是更方便用戶進行選擇，不用耗費很長的時間用于思考，當然這也與其在卡片設置環節制定的規則有關。必須填寫以及不可跳過的硬性規則，反而因為前一步的低成本選擇而沒那么令人厭煩。
在第二步的設置里也同樣雞賊的為你默認關注了幾個賬號，當前這些賬號的選擇是與第一步挑選的結果相關。從平臺角度出發這樣的賬號是經過認真挑選有質量保證的，可以給新用戶傳遞更多平臺的優質內容，當然也對新用戶留存做了一些微小的貢獻。
2. mono
和自身App的性質相關，mono是主題訂閱式的內容呈現模式，所以興趣卡片的前置不可避免。出了興趣卡片的設置外，mono在push推花的心思也同樣值得學習。
除了開場的文藝動效，它家的push推送完全將用戶的重點吸引到了開啟上面，雖然截圖是靜態的，當真實的效果是有圍繞推送按鈕一圈的動效，以及底下的提示文案同樣讓你此刻有打開push的欲望。
回到興趣卡片上來，因為是主題式的產品，用戶在選擇興趣這一欄顯得尤為重要，會更加花費心思在主題的選擇和呈現上，所以密集的九宮格成為了首選，這可以在同樣的空間內展示更多的內容，而對于熱門的主題一個主標題加副標題的解釋就足夠了。
用戶在選擇好主題時，同樣會提示你是否打開該主題的推送開關。悄悄告訴你，即便你在之前環節關閉了推送的系統權限，這里再點開啟也是沒有用的噢~
選好進入主頁后，剛剛選的內容將會在頂tab-我的關注里面呈現，也算是所見即所得了，并不需要用戶耗費更多的時間去思考剛剛挑選的內容去了哪里。
開屏后的興趣卡片
對于某些App而言，并不想增加用戶進入首頁的跳出率，但仍希望通過興趣卡片的填寫來更好的為用戶推薦內容，從而選擇將興趣卡片的填寫后置到用戶進入APP后的合適環節。
1. 喜馬拉雅
喜馬拉雅的興趣卡片位置放在了猜你喜歡的旁邊，文案也與猜你喜歡進行了呼應，剛進入App時的動效也能增加興趣卡片的填寫率。
相對而言里面的卡片內容更顯得有些中規中矩，是以類目的形式進行呈現。這樣的好處是當用戶填寫后首頁的卡片位會根據填寫內容進行重新排序，弊端是會讓剛進來的用戶有些疏遠感再不大清楚自己的喜好時很容易放棄填寫。建議后續可以將類目下的優質內容進行呈現，這樣不僅降低了用戶的填寫成本也將方便用于快速找到自己感興趣的內容。
2. 書旗
除了在開屏前設置了興趣卡片的出現外，在書城里的三屏外的位置同樣出現了興趣卡片的運營位，點擊后可以再次填寫修正。
在這位置的好處是既不影響了平臺上其他的運營策略又給用戶增加了再次選擇的機會，因為讀書類的產品短時間內喜好會比較一致，填寫完興趣卡片后對平臺實施留存策略將會有很大的幫助。
內容構建：
除了類似mono、即刻這種主題訂閱式的App而言，大多數App所需要的卡片內容主要為用戶的興趣手機+身份標識確認；隨著隱私保護意識的增強，如果太露骨的讓用戶填寫身份信息反而會大幅增加用戶填寫的跳出率，而通過性別將主題進入歸類反而更便于實現設計者的初衷，用戶也樂于去填寫。
如果是內容型的App，露出頭部內容&最近熱門的內容也不失為是個很好的選擇。
主流的內容構建可以概括為以下兩個公式：
- 公式一：分類+性別、年齡收集
- 公式二：頭部內容、最近熱門內容+官方內容
總結
本文列舉幾種筆者認為設置比較精巧值得去參考優化的幾種產品設計，當然隨著交互方式的日趨成熟，興趣卡片的出現時機也將更加豐富。不過在沒有大數據進行依托，并且填寫后沒有及時給用戶反饋的話，也不要因為其他App做了而強行去增加這個功能，還是要結合自己產品的特點來設計哈~
本文由 @靜陌 原創發布于人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基于CC0協議
- 目前還沒評論，等你發揮！
