起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識讓用戶秒懂的頁面引導是什么樣的？
互聯網產品中常見的頁面引導，到底應該怎么設計？
一、為什么要做頁面引導？
幾乎每個互聯網產品，不論是Web還是App都會做一些頁面引導。有些是頁面交互引導；有些是為了介紹產品的新功能；有些是功能的轉移和改名的提醒，也有些是引導用戶去參加營銷活動。
最重要的是在用戶需要的時候適量做一些引導，培養用戶正確的使用習慣。
二、頁面引導有哪些類型？又該如何運用？
功能性引導
功能性引導又分主功能引導、新功能引導和功能轉移或改名引導。
①主功能引導
此類引導幾乎都是產品主要功能的引導，如交互復雜的工具型產品；也有一些會使用在一級頁面主要功能上，當用戶不知道這個按鈕可以干嘛，此時可適時引導用戶。
【AT】做了主要功能的引導，因為此類工具性產品的交互比較復雜，此引導會長期顯示在頁面上，用戶點擊了“X”按鈕后，此引導就不再顯示；
【安心記加班】在按鈕旁做了引導，讓用戶明白此按鈕是干嘛的，且能夠給用戶帶來什么，直到用戶點擊一次后引導才消失。
②新功能引導
產品需要推一個比較重要的新功能，這個時候可以做些頁面引導。但并不是每個新功能做需要引導，很多功能入口深，并不是很重要，而且用戶也有自己的探索欲，可適時留給用戶去發現。
這兩個引導的都是全屏大面積引導用戶，此類引導有利有弊。好處是用戶對于功能介紹有個更清晰的了解，壞處是用戶可能會對新功能完全不感興趣，增加用戶操作負擔。因此這類引導需要慎用，如有必要在頁面上可設計一個可關閉的按鈕（但實際應該設計成點擊屏幕任意區域關閉引導）。
③功能轉移或改名引導
很多產品在迭代過程中會根據數據和用戶反饋，把一些功能進行組織和轉移也有些產品會修改某個功能的名字，告知用戶。
此時都需要用引導的方式提醒用戶，重要功能為強提醒，次要功能為弱提醒，且用戶都可輕易關閉提醒。
由于設置里的功能點擊率較低，因此【CHAO】用了比較輕量級的引導，提醒用戶設置的功能已轉移藍領招聘App，不僅轉移了部分功能，還將APP內的一個重要功能改名，此處用全屏的引導更為合適，可強制用戶去看。（但此處不建議用暗色文字）
運營型引導運營型的引導，一般的目的都是促活，引流，以及新的運營活動的引導提醒，運營型引導的形式非常多樣，用的比較多的是彈框，但這次不討論彈框，只討論比較輕量級的引導。
【叮咚買菜】用比較輕量級的引導提醒用戶開啟簽到提醒，以此來提高產品的日活而【支付寶】則用輕量級的引導，為了提高活動的參與度，提醒用戶有新的活動可參加。
這兩種引導可以特定的形式關閉，比如簽到提醒可以在開啟簽到提醒后自動關閉引導。而有些運營活動在不過分打擾用戶的前提下可以設置成在活動期間常顯示。
三、設計頁面引導如何避雷？
引導不可濫用，也要正確的去使用
【小黑魚】在用戶首次進入app時就強迫用戶看一堆引導，這一類引導沒有意義，不引導用戶也知道這個是干嘛的，同時文字也過多，一般此類引導用戶都只瞄一眼，太多文字反而不利于用戶閱讀。
【優衣庫】的引導用的恰當，但是交互卻不是很方便，必須要點擊“我知道啦”才能關閉引導，對于用戶并不是那么友好，如改為點擊屏幕任意區域關閉引導更為合適。
總結
引導類型：
1. 功能性引導
- 主功能引導
- 新功能引導
- 功能轉移或改名引導
2. 運營型引導
設計引導需要注意的點：
- 引導性文字不宜過長
- 全屏引導的文字顏色需使用亮色，且最好不超過兩種顏色
- 引導中適量加入一點圖案可幫助用戶理解
- 關閉引導的操作必須是便捷的
- 不要濫用引導
- 設計前需思考設計引導的目的是什么？設計輕量級引導還是重量級引導
- 全屏重量級引導最好有引導關閉的按鈕
回到最初設計引導的目的，發現有些引導還可以用其他的形式代替，比如啟動APP時的引導頁、幫助頁面等當然了，話又說回來，在某些情況下，最好的設計是不需要引導的。
本文由 @Eddy? 原創發布于人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基于CC0協議
非常棒