關(guān)于引導(dǎo)設(shè)計,你要知道6種的模式(用戶篇)

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

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

引言

本次引導(dǎo)設(shè)計共分用戶篇和產(chǎn)品篇~

用戶篇將站在用戶的角度去思考引導(dǎo)設(shè)計的方式,如何提高產(chǎn)品的可用性。

產(chǎn)品篇將從產(chǎn)品的角度思考如何設(shè)計引導(dǎo)來實現(xiàn)產(chǎn)品目標并平衡商業(yè)價值。

什么是引導(dǎo)?為什么需要引導(dǎo)?

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

因此,引導(dǎo)設(shè)計不僅需要幫助人能夠完成目的,并正確且高效的完成

界面交互如何做引導(dǎo)

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

根據(jù)人、目的、行為和場景的不同,引導(dǎo)的模式也會有所不同。

幻燈片引導(dǎo)

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

全屏展現(xiàn)的方式,優(yōu)點是可承載信息多、排版自由和展示方式多樣,但同時也會導(dǎo)致關(guān)鍵信息難以聚焦。

因此幻燈片引導(dǎo)設(shè)計的核心是聚焦、精簡和創(chuàng)新。

從內(nèi)容上說,幻燈片的引導(dǎo)可分為功能型故事型。

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

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

浮層式引導(dǎo)

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

(樓主之前有寫過關(guān)于非模態(tài)設(shè)計的文章?案例分析:產(chǎn)品中“非模態(tài)反饋”信息設(shè)計的意義與方式

遮罩式引導(dǎo)

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

嵌入式引導(dǎo)

將引導(dǎo)的圖標或文字直接嵌入到界面中,可以嵌入到狀態(tài)欄、導(dǎo)航欄或工具欄,最常見的是嵌入到主體內(nèi)容界面中。

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

互動式引導(dǎo)

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

多媒體引導(dǎo)

隨著產(chǎn)品體驗的不斷提升,靜態(tài)的頁面也不再滿足用戶期望,動畫的引入使得產(chǎn)品更有趣味和創(chuàng)新,也更富情感化設(shè)計。

最后的廢話:

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

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

THANK YOU FOR WATCHING…

 

本文由 @劉東晨?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 寫的很棒,不錯喲

    來自北京 回復(fù)
  2. 原來提示也是引導(dǎo)呀

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

      來自北京 回復(fù)
  3. 文章贊 感謝分享 已訂閱 繼續(xù)關(guān)注你 加油

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

    回復(fù)