關于引導設計,你要知道6種的模式(用戶篇)

5 評論 34540 瀏覽 269 收藏 7 分鐘

引導主要用于幫助用戶完成具體的目的,產品中的引導設計除了幫助用戶完成既定目的外,還需要考慮在這個過程中用戶的體驗用戶需求等多種因素。

引言

本次引導設計共分用戶篇和產品篇~

用戶篇將站在用戶的角度去思考引導設計的方式,如何提高產品的可用性。

產品篇將從產品的角度思考如何設計引導來實現產品目標并平衡商業價值。

什么是引導?為什么需要引導?

馬路路標和醫院地點指引,是為了讓人找到目的地。斑馬線和安全出口指引,是為了讓人走正確的路。

因此,引導設計不僅需要幫助人能夠完成目的,并正確且高效的完成。

界面交互如何做引導

從交互五要素分析引導設計。五要素:人、目的、行為、場景、媒介(模式)

根據人、目的、行為和場景的不同,引導的模式也會有所不同。

幻燈片引導

一般出現在APP第一次啟動時候,由3-5個頁面組成。通過近全屏的方式向用戶展示該app能為用戶解決什么樣的需求。

全屏展現的方式,優點是可承載信息多、排版自由和展示方式多樣,但同時也會導致關鍵信息難以聚焦。

因此幻燈片引導設計的核心是聚焦、精簡和創新

從內容上說,幻燈片的引導可分為功能型故事型

功能型:突出產品核心功能,切切實實告訴用戶使用我們產品能做什么!

故事型:建立場景,讓用戶感同身受,使用戶與產品達成共識與連接。大概3表達方式:講故事、情感共鳴、強調痛點。

浮層式引導

浮層是一種輕量級但目標性很強的引導方式,一般是半透明浮層+文字。大部分浮層式帶有箭頭,目標明確,用來提示重要功能或一些隱藏操作,一般為非模態形式,對用戶干擾小。通常在為用戶觸發某一功能進行下一步操作的引導,有的會逐步消失。

(樓主之前有寫過關于非模態設計的文章?案例分析:產品中“非模態反饋”信息設計的意義與方式

遮罩式引導

一種比較強勢的引導方式,需要有確認或退出按鈕。

嵌入式引導

將引導的圖標或文字直接嵌入到界面中,可以嵌入到狀態欄、導航欄或工具欄,最常見的是嵌入到主體內容界面中。

嵌入式引導又分局部嵌入整體嵌入。局部嵌入就是保留當前頁的內容,同時增加引導提示。為了保證對象不埋沒在信息流中,有效地引起用戶注意,需要從視覺上做處理;整體嵌入則是將引導做為一個整體代替頁面內容的顯示,多使用在“空狀態”的情況下,包括初始狀態、清空狀態和出錯狀態。

互動式引導

該類引導較為隱蔽,通常在用戶與產品互動過程中發生,引導用戶完成后續操作行為。常見的包括手勢操作,同樣也會有語音操作。

多媒體引導

隨著產品體驗的不斷提升,靜態的頁面也不再滿足用戶期望,動畫的引入使得產品更有趣味和創新,也更富情感化設計。

最后的廢話:

引導設計雖然是為了幫助用戶完成操作,但是用戶永遠是那種“懶惰的聰明人”。切忌把所有新手幫助的引導一下子呈現在用戶面前,而是在某個必要的時候出現,用戶不缺幫助,缺的是適時的提醒。一個好產品設計,必定是讓用戶在把玩的過程中逐步的學會使用并形成依賴。

希望本篇對大家有所啟發,下篇《關于引導設計,你需要知道事(產品篇)》,將從產品的角度思考如何設計引導來實現產品目標并平衡商業價值。

THANK YOU FOR WATCHING…

 

本文由 @劉東晨?原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 寫的很棒,不錯喲

    來自北京 回復
  2. 原來提示也是引導呀

    來自浙江 回復
    1. 同想,哈哈,感覺小編把所有用戶有疑惑需要解決問題的場景,無論是提示還是警告都被當做引導來處理了,也很適當

      來自北京 回復
  3. 文章贊 感謝分享 已訂閱 繼續關注你 加油

    來自北京 回復
  4. 寫的太好啦 受用了

    回復