火星網(wǎng)校
UI設(shè)計進階!9種UI設(shè)計中的用戶引導(dǎo)方法
發(fā)布時間：2024-03-10 19:14:39 瀏覽量：252次
我是上元教育·上元喵
立志承包你一生的職業(yè)培訓(xùn)！
喵喵與你一起吐槽、一起努力，一起成為更好的自己！
-------這是充滿夢想的分割線-------
用戶引導(dǎo)，在生活中隨處可見。醫(yī)院的科室指向標(biāo)、交通警察的指揮手勢、男廁內(nèi)為了達到“精準(zhǔn)射擊”的小蒼蠅……
然而，當(dāng)我們看到不知是該“推”還是“拉”的門把手、看不出狀態(tài)的開關(guān)、摸不清頭緒的指示標(biāo)，便會產(chǎn)生迷惑甚至焦躁。
引導(dǎo)是通過某種手段或方法，干預(yù)目標(biāo)對象的決策和發(fā)展，促使其更快地接近目標(biāo)。
一、用戶引導(dǎo)的目的
從用戶的角度來說：降低學(xué)習(xí)成本，迅速上手使用產(chǎn)品；告知有價值的信息，減少時間和精力開支；提前預(yù)知幫助，愉快的學(xué)習(xí)使用產(chǎn)品。
例如App Store的精華產(chǎn)品Paper，作為繪圖軟件它的交互建立在很多特殊手勢之上，還定義了一些帶有品牌特色的操作規(guī)范。要知道用戶沒有多少時間和耐心去摸索一個完全陌生的產(chǎn)品，因此Paper為用戶使用初期做了大量的引導(dǎo)。
二、用戶引導(dǎo)三要素
如何做引導(dǎo)設(shè)計？
目的：
我們想達到的目標(biāo)是什么？
用戶能從中得到什么好處？
我們能從中得到什么好處？
用戶：
目標(biāo)用戶是誰？
新用戶還是老用戶？
活躍用戶還是輕度用戶？
場景：
被引導(dǎo)對象的使用場景是怎樣的？
需要在什么場景下觸發(fā)？
三、引導(dǎo)的9種形式
引導(dǎo)頁通常是APP下載/更新第一次打開后，來向用戶展現(xiàn)產(chǎn)品中的功能和操作方法。
通常用戶對信息吸收的效率并不高，用戶更希望趕緊體驗產(chǎn)品而不是看這些教導(dǎo)。
因此引導(dǎo)頁的數(shù)量一定不要過多，頁面簡明扼要、中心明確才是王道。
1、toast提示
toast是一種極為輕量的提示方式，通常作為功能操作后的反饋。
toast出現(xiàn)的時間都很短，不要指望用戶能真正注意到你在講什么。因此不要將其用作重要對象的引導(dǎo)形式，大多是可有可無或是會反復(fù)出現(xiàn)的，其次語言精練也是必要的。
2、頁面遮罩
遮罩式引導(dǎo)為一種比較強勢的引導(dǎo)。
通過直接蓋住界面來強調(diào)當(dāng)前需要引導(dǎo)的內(nèi)容。
3、氣泡/浮層
氣泡/浮層式引導(dǎo)是一種量級輕但是目的性很強的引導(dǎo)方式。
一般是半透明浮層結(jié)合文案的設(shè)計模式。
4、嵌入式（局部嵌入/整體嵌入）
嵌入式引導(dǎo)分為局部嵌入和整體嵌入。
局部嵌入就是在當(dāng)前頁面內(nèi)容上增加引導(dǎo)提示。
5、操作示意
操作示意較常采用簡短的動畫向用戶展示操作方法。
也不乏靜態(tài)圖片配以描述的方式。
6、互動式引導(dǎo)
互動式引導(dǎo)通常比較隱蔽，是在用戶與產(chǎn)品之間互動的過程中引導(dǎo)用戶完成操作。
7、彈窗
與遮罩式相同，彈窗也能達到很強的引導(dǎo)效果且對當(dāng)前操作具有很大的阻斷力。
8、激勵引導(dǎo)
激勵引導(dǎo)常見的有任務(wù)激勵和榜樣激勵
任務(wù)激勵是通過讓用戶做特定的任務(wù)從而獲得相應(yīng)的好處，是APP拉新、促活慣用的方法。
榜樣拉新則更偏向心里戰(zhàn)術(shù)，比如給自己的偶像打榜，激發(fā)起人性的好勝心通過購買數(shù)量的多少來表達對TA的熱情。
9、自體變形
自體變形是元素自身發(fā)生改變，可以是純視覺上的也可以配合動畫效果。它沒有額外增加其他元素，也不會像膏藥一樣覆蓋在頁面上，只是通過效果變化達到與同組的其他元素作區(qū)分。
四、用戶引導(dǎo)的4個注意
1、保證引導(dǎo)的有效性
用戶引導(dǎo)是對產(chǎn)品內(nèi)容以及形式的輔助說明，存在即要有意義。
2、觸發(fā)場景準(zhǔn)確
用戶在瀏覽/操作時都有一定的使用場景，根據(jù)場景觸發(fā)相應(yīng)的用戶引導(dǎo)，保證在用戶需要的時候出現(xiàn)引導(dǎo)，才能達到接受度的最大化。
3、簡單易懂，突出核心
不論什么類型的引導(dǎo)，它們的目的都是為了讓用戶更好得去使用產(chǎn)品、減低認知和摸索學(xué)習(xí)的門檻。復(fù)雜繁瑣的內(nèi)容會給用戶帶來壓力進而失去耐心，也很容易就被遺忘。
4、與產(chǎn)品基調(diào)一致
用戶引導(dǎo)的視覺風(fēng)格、語言表達要與產(chǎn)品定位、產(chǎn)品理念相一致。因地制宜的前提下保證全局的一致性，切記沒有克制地隨意發(fā)揮。這樣的好處是可以讓用戶在看到引導(dǎo)的時候?qū)Ξa(chǎn)品有一個大致的基調(diào)認識和感受。
用戶引導(dǎo)是什么：是在對的時間遇到對的你~~
關(guān)于上元教育
--------------------------
我們是有思想有溫度的職業(yè)教育培訓(xùn)機構(gòu)。
會計丨設(shè)計丨建工丨資格丨外語丨學(xué)歷
關(guān)注我，每天干貨、趣聞、高質(zhì)量內(nèi)容等你喲~
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設(shè)計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設(shè)計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設(shè)計尺寸規(guī)范，包括界面尺寸、圖標(biāo)尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個絕佳的UI設(shè)計網(wǎng)站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計師的...
-
3. 移動端UI設(shè)計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設(shè)計中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設(shè)計的基本知識
-
4. 10個免費學(xué)習(xí)UI設(shè)計的網(wǎng)站 提升你的設(shè)計能力
怎樣可以提升你的UI設(shè)計能力!第一個:站酷站酷想必是設(shè)計師都知道的一個網(wǎng)站,里面不止有UI設(shè)計的資源,還有其他設(shè)計的,不如:平面設(shè)計、網(wǎng)頁設(shè)計、字體...
-
5. 移動端列表頁和表單頁設(shè)計秘訣:讓你的APP點擊率翻倍
在移動端設(shè)計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
-
6. 推薦10本適合UI設(shè)計師看的書籍，輕松掌握技能!
對于想要提高自己的設(shè)計能力和創(chuàng)造力的小白和UI設(shè)計師來說,這本書是一個很好的選擇。4.《設(shè)計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
7. 零基礎(chǔ)學(xué)UI設(shè)計要多久？培訓(xùn)完能拿多少工資？
探索零基礎(chǔ)UI設(shè)計培訓(xùn)的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程，以及培訓(xùn)后的職業(yè)發(fā)展機會。
-
8. 物聯(lián)網(wǎng)APP UI設(shè)計:創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗
ui設(shè)計應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計過程中,應(yīng)盡量使用簡潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
-
9. 武漢UI設(shè)計培訓(xùn)班費用怎么樣？想學(xué)UI設(shè)計要多少錢？
想了解武漢UI設(shè)計培訓(xùn)班的費用是多少嗎？不知道學(xué)UI設(shè)計要花多少錢？不妨看看這篇文章，了解UI設(shè)計培訓(xùn)班的學(xué)費價格以及學(xué)習(xí)內(nèi)容。
-
10. 設(shè)計中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計應(yīng)用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設(shè)計中的重要性以及新興技...
最新文章
