亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

讓設計不再是小透明!超全面的用戶引導設計指南

作者:cyRotel
2017-06-15
4705

網(wǎng)易UEDC-任軼:用戶引導,在生活中隨處可見。醫(yī)院的科室指向標、交通警察的指揮手勢、男廁內(nèi)為了達到“精準射擊”的小蒼蠅……

網(wǎng)易UEDC-任軼:用戶引導,在生活中隨處可見。醫(yī)院的科室指向標、交通警察的指揮手勢、男廁內(nèi)為了達到“精準射擊”的小蒼蠅……

網(wǎng)易UEDC-任軼.jpg

然而,當我們看到不知是該“推”還是“拉”的門把手、看不出狀態(tài)的開關(guān)、摸不清頭緒的指示標,便會產(chǎn)生迷惑甚至焦躁。

門把手.jpg

引導是通過某種手段或方法,干預目標對象的決策和發(fā)展,促使其更快地接近目標。

工作中,臭臉君經(jīng)常糾結(jié)如何告知用戶功能新增和變更、如何讓用戶按照我們的預期順利使用產(chǎn)品。為什么說糾結(jié),因為既然是引導,都是附加在原有產(chǎn)品功能之上的,往往不是用戶心理預期之內(nèi)出現(xiàn)的東西。正因如此,我們更需要謹慎思考,選擇最恰當?shù)姆绞綄崿F(xiàn)我們的既定目標。

用戶引導的目的

從用戶的角度來說:降低學習成本,迅速上手使用產(chǎn)品;告知有價值的信息,減少時間和精力開支;提前預知幫助,愉快的學習使用產(chǎn)品。

例如App Store的精華產(chǎn)品Paper,作為繪圖軟件它的交互建立在很多特殊手勢之上,還定義了一些帶有品牌特色的操作規(guī)范。要知道用戶沒有多少時間和耐心去摸索一個完全陌生的產(chǎn)品,因此Paper為用戶使用初期做了大量的引導。

用戶引導的目的.jpg

從產(chǎn)品的角度來說:需要通過用戶引導,讓新用戶快速了解使用產(chǎn)品;吸引用戶使用操作新功能或指定對象;提前給予用戶幫助,提升產(chǎn)品體驗的愉悅度。

用戶引導三要素

如何做引導設計?首先我們需要想清楚以下三個要素之間的關(guān)系

目的:我們想達到的目標是什么?用戶能從中得到什么好處?我們能從中得到什么好處?

用戶:目標用戶是誰?新用戶還是老用戶?活躍用戶還是輕度用戶?

場景:被引導對象的使用場景是怎樣的?需要在什么場景下觸發(fā)?

用戶引導三要素.jpg

不同的用戶、不同時期、在不同狀態(tài)下,希望得到的幫助不盡相同。譬如高級功能在新用戶早期就不應給于引導,收效不大還會提升了學習成本。

我們不妨多反問自己幾個問題

1,這個功能真的很必要引導和提醒用戶嗎?

2,這個功能是需要讓所有用戶都知道還是某一類用戶知道就可以了?

3,這個提醒是需要所有場景都提示,還是到某一類特定場景才來提示呢?

……

如果以上幾個問題你都能胸有成竹,那就開始吧騷年~

觸發(fā)點的選擇

用戶引導的觸發(fā)點,就是在什么地方觸發(fā)引導。是用戶打開程序時觸發(fā)?到達特定頁面后觸發(fā)?操作了指定功能后觸發(fā)?到了某個時間點觸發(fā)?

作為設計師我們一定要懂得取舍和克制,什么都想說就等于什么都沒說。想象一下用戶隔三差五就能碰到引導提示,你的好意成為埋伏在產(chǎn)品中的地雷,而用戶也被你一手培養(yǎng)成“拆彈專家”。

切勿像下圖這樣,一股腦的將所有東西拋給用戶。

觸發(fā)點的選擇.jpg

舉一個觸發(fā)點相關(guān)的小栗子

小栗子.jpg

掃一掃功能中,易信和微信都很貼心的引入照明功能。目的是為了滿足光線不好時可以輔助用戶完成掃描功能。

左邊是易信的界面,“照明”按鈕是默認顯示在取景框下方,位置選在頁面中間倒也很好發(fā)現(xiàn)。而右邊微信對場景進行了細分,環(huán)境光線理想時不顯示照明提示按鈕,當設備檢查到環(huán)境較暗,“輕觸照亮”按鈕便會出現(xiàn)。一對比便高下立見,微信不但保障了正常狀態(tài)下頁面的純凈,而且從無到有的閃現(xiàn)比默認常置更能引起用戶注意。

引導的類型

信息提示類

用信息展示的方式,幫助用戶理解產(chǎn)品的功能和所需要執(zhí)行的操作。最常見的就是“小紅點”“未讀提醒”“更新提醒”這樣的提示。

引導的類型.jpg

從左到右依次為:云音樂頁面中的紅點和數(shù)字標識、聚劃算中的結(jié)束時間提示、唯品會中清空購物車的倒計時。

功能提醒類

出于有些icon達意不明確、有些功能被收起或隱藏在手勢中、主打功能希望被用戶快速掌握等原因,需要加以引導降低用戶的學習成本。

類似的提示案例很多,在這里就不贅述了,下面分享兩個臭臉君覺得不錯的例子。

功能提醒類.jpg

左圖是微信預知引導發(fā)圖的功能,當檢測到相冊里有新增圖片時,一定時間內(nèi)點擊微信的“+”,就會出現(xiàn)一個發(fā)圖的小浮層。此功能引導已成為很多應用模仿學習的對象。

右圖是支付寶的對話頁面。你是否遇到過這樣的情況,當你打開支付寶想給對方轉(zhuǎn)賬時,點擊“發(fā)送”后才發(fā)現(xiàn)發(fā)過去的是個文本信息= =。應該是支付寶的設計師也嗅到了這個痛點,將此問題優(yōu)化為檢測到用戶輸入了純數(shù)字內(nèi)容時,便在鍵盤的上方出現(xiàn)一個“給對方轉(zhuǎn)賬n元”的按鈕。

臭臉君最近一次腦袋短路時,看到此按鈕的瞬間就感動到內(nèi)牛滿面。“你懂我”的認同感油然而生~~

操作引導類

操作引導分為強制性的和非強制性的。強制性的主要是登錄、注冊、安全認證、激活相關(guān)流程,需要身份驗證后才能繼續(xù)進行后續(xù)的操作;非強制性的則多是鼓勵用戶操作,例如完善的資料、關(guān)注更多好友、分享轉(zhuǎn)發(fā)等,這類引導最好給予一定的激勵。

操作引導類.jpg

從左到右依次為:閑魚引導用戶開通閑魚號,好處是可以看到sei在關(guān)注你;Facebook引導用戶授權(quán)訪問通訊錄,可以找到更多的好友;騰訊新聞引導用戶登錄注冊,可以查看更多有趣的個性化推薦。

內(nèi)容推廣類

除了自身功能之外,產(chǎn)品中也會包含一些額外的推廣性引導,最常見的就是產(chǎn)品中植入的廣告。

內(nèi)容推廣類.jpg

引導的形式

引導頁

引導頁.jpg

引導頁通常是APP下載/更新第一次打開后,來向用戶展現(xiàn)產(chǎn)品中的功能和操作方法。通常用戶對信息吸收的效率并不高,用戶更希望趕緊體驗產(chǎn)品而不是看這些教導。因此引導頁的數(shù)量一定不要過多,頁面簡明扼要、中心明確才是王道。

toast提示

toast提示.jpg

toast是一種極為輕量的提示方式,通常作為功能操作后的反饋。toast出現(xiàn)的時間都很短,不要指望用戶能真正注意到你在講什么。因此不要將其用作重要對象的引導形式,大多是可有可無或是會反復出現(xiàn)的,其次語言精練也是必要的。

頁面遮罩

頁面遮罩.jpg

遮罩式引導為一種比較強勢的引導,通過直接蓋住界面來強調(diào)當前需要引導的內(nèi)容。一般遮罩層為半透明,在此圖層上,通過各種圖形來結(jié)合被蓋住的界面內(nèi)容,引導用戶聚焦到重要的信息。遮罩式浮層無法自動消失,而是需要用戶操作(指定操作/非指定操作)后才能隱掉。

氣泡/浮層

氣泡浮層.jpg

氣泡/浮層式引導是一種量級輕但是目的性很強的引導方式,一般是半透明浮層結(jié)合文案的設計模式。大部分浮層模式帶有指向性的箭頭,可以用來提示重要功能或者隱藏操作。通常是非模態(tài)的,顯示3-5秒后自動消失,對用戶的干擾較小。也有一些重要功能使用模態(tài)浮層,需要用戶明確操作后才能隱掉。

嵌入式(局部嵌入/整體嵌入)

嵌入式.jpg

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

操作示意

操作示意.gif

操作示意較常采用簡短的動畫向用戶展示操作方法,也不乏靜態(tài)圖片配以描述的方式。這種方法的好處是很直觀,用輕松淺顯的手法,就能傳達給用戶新鮮的功能和趣味的用法,比生硬的文字來得體貼。

互動式引導

互動式引導.jpg

互動式引導通常比較隱蔽,是在用戶與產(chǎn)品之間互動的過程中引導用戶完成操作。常見的如下拉刷新、底部上拉等手勢互動。互動式引導也經(jīng)常發(fā)生在語音操作中,例如用戶使用麥克風的過程中,界面隨著用戶的聲音的輸入而產(chǎn)生互動。

彈窗

彈窗.jpg

與遮罩式相同,彈窗也能達到很強的引導效果且對當前操作具有很大的阻斷力。通常以文案配具體操作的形式呈現(xiàn),可輔助搭配圖片烘托主題。需要用戶有明確的選擇后才能關(guān)閉彈窗。

激勵引導(任務激勵/榜樣激勵)

激勵引導.jpg

激勵引導常見的有任務激勵和榜樣激勵。任務激勵是通過讓用戶做特定的任務從而獲得相應的好處,是APP拉新、促活慣用的方法。榜樣拉新則更偏向心里戰(zhàn)術(shù),比如給自己的偶像打榜,激發(fā)起人性的好勝心通過購買數(shù)量的多少來表達對TA的熱情。

自體變形

自體變形.gif

自體變形是元素自身發(fā)生改變,可以是純視覺上的也可以配合動畫效果。它沒有額外增加其他元素,也不會像膏藥一樣覆蓋在頁面上,只是通過效果變化達到與同組的其他元素作區(qū)分。如上圖淘寶首頁中天貓國籍的動畫形式。

引導的強弱與頻率

根據(jù)出現(xiàn)時是否有阻斷、消失時是否需要操作,我們可以劃分出不同強弱的引導提示。

弱提示通常情況下它的出現(xiàn)不一定能讓每一個用戶都注意,或者不需要讓所有用戶都完整的了解。這樣的提示不會阻礙用戶當前的閱讀和操作行為,還可以自動消失;強提示需要用戶一定注意到的,它會阻斷用戶當前的使用且需要有明確的指定操作才能消失。

頻率,是指單位時間內(nèi)完成周期性變化的次數(shù)。是確定了引導的觸發(fā)點和類型后,另一個不可忽視的思考要素。

引導的形式太強會干擾用戶當前操作,太弱又可能被忽略。即使用戶真的看到了,也可能遺忘掉。為了能讓引導的存在不只是滿足一下設計師自己的心理訴求,我們也需要把握好它出現(xiàn)的頻率,尤其是類似toast、浮層這種很容易被忽略的引導。

引導的強弱與頻率.jpg

在云音樂的最新版我們引入了截屏分享功能。雖然分享浮層出現(xiàn)后3秒會自動消失,但為了防止每次截屏都出現(xiàn)浮層給用戶帶來干擾,我們在設置頁里加入了功能開關(guān)。那么問題來了,如何告訴用戶有開關(guān)這個事情呢?

我們的做法是:功能上線后針對所有用戶,首次手動取消浮層時(點擊浮層右上角的“×”、點擊半透明遮罩)即toast提示“可在設置中取消截屏分享提示”,之后每累計手動取消3次提示一次。

注意事項

保證引導的有效性

用戶引導是對產(chǎn)品內(nèi)容以及形式的輔助說明,存在即要有意義。

觸發(fā)場景準確

用戶在瀏覽/操作時都有一定的使用場景,根據(jù)場景觸發(fā)相應的用戶引導,保證在用戶需要的時候出現(xiàn)引導,才能達到接受度的最大化。

簡單易懂,突出核心

不論什么類型的引導,它們的目的都是為了讓用戶更好地去使用產(chǎn)品、減低認知和摸索學習的門檻。復雜繁瑣的內(nèi)容會給用戶帶來壓力進而失去耐心,也很容易就被遺忘。

與產(chǎn)品基調(diào)一致

用戶引導的視覺風格、語言表達要與產(chǎn)品定位、產(chǎn)品理念相一致。因地制宜的前提下保證全局的一致性,切記沒有克制地隨意發(fā)揮。這樣的好處是可以讓用戶在看到引導的時候?qū)Ξa(chǎn)品有一個大致的基調(diào)認識和感受。

啰嗦了這么多,文章的末尾臭臉君突然想感慨一下

用戶引導是什么:是在對的時間遇到對的你~~


0
0
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區(qū)9號樓2層

版權(quán)信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號

亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

      亚洲激情成人| 欧美日韩1区2区| 一区二区三区四区国产| 国产热re99久久6国产精品| 六月婷婷久久| 亚洲女同性videos| 亚洲免费成人av电影| 国产精品久久久久久久电影 | 亚洲综合激情| 亚洲黄色av| 国产欧美一区视频| 欧美视频在线观看免费| 久热re这里精品视频在线6| 亚洲欧美经典视频| 中文国产一区| 亚洲精品免费在线播放| 在线播放中文一区| 国产三级欧美三级| 国产欧美精品日韩| 国产免费亚洲高清| 国产精品一级| 国产精品日韩一区二区| 国产精品国产自产拍高清av王其| 欧美韩日精品| 欧美黑人国产人伦爽爽爽| 久久久久国产精品麻豆ai换脸| 亚洲欧美国产日韩天堂区| 一本一本久久a久久精品综合麻豆| 在线不卡中文字幕| 亚洲国产精品电影| 亚洲国产精品电影在线观看| 伊人久久综合97精品| 影音先锋日韩精品| 亚洲电影成人| 亚洲激情二区| 亚洲国产精品女人久久久| 影音先锋国产精品| 亚洲日本成人女熟在线观看| 日韩视频永久免费| 这里只有精品在线播放| 亚洲免费视频一区二区| 亚洲中字黄色| 久久精品国产亚洲一区二区| 久久久久久欧美| 欧美成黄导航| 国产精品国产成人国产三级| 国产精品入口夜色视频大尺度 | 欧美日韩精品一二三区| 欧美日韩欧美一区二区| 国产精品日本欧美一区二区三区| 国产精品私拍pans大尺度在线 | 欧美在线播放一区| 久久精品国产亚洲一区二区| 欧美.www| 国产精品久久久久一区| 精品成人国产| aa级大片欧美| 久久一区中文字幕| 欧美日韩一区二区视频在线 | 久久国产精品一区二区| 欧美成人精品不卡视频在线观看 | 在线一区免费观看| 欧美一二区视频| 欧美激情视频给我| 国产欧美高清| 日韩一级裸体免费视频| 欧美在线观看一区二区| 欧美精品成人| 在线看欧美视频| 午夜宅男欧美| 欧美三区在线观看| 亚洲国产岛国毛片在线| 欧美一区二区私人影院日本| 欧美理论电影网| 在线观看视频日韩| 欧美一区二区视频免费观看| 欧美日韩福利| 亚洲人成绝费网站色www| 香蕉久久夜色精品国产| 欧美日本精品在线| 在线国产精品播放| 久久国产精品一区二区| 国产精品家庭影院| 99国产精品99久久久久久| 久久综合伊人77777| 国产视频一区二区在线观看| 亚洲图片欧洲图片日韩av| 欧美激情视频给我| 亚洲国产综合在线看不卡| 久久综合国产精品| 激情综合色综合久久| 羞羞漫画18久久大片| 国产精品一卡二卡| 亚洲欧美一区二区原创| 国产精品黄色| 亚洲欧美成人网| 国产精品一区在线播放| 午夜精品久久久久影视| 国产精品视频专区| 性欧美超级视频| 国产无遮挡一区二区三区毛片日本| 在线亚洲精品福利网址导航| 欧美视频在线观看| 午夜精品免费| 国产一区二区三区精品久久久| 久久精品91| 亚洲丰满在线| 欧美另类专区| 亚洲欧美电影院| 国产亚洲第一区| 久久久久一区二区| 91久久精品美女高潮| 欧美日本在线| 亚洲欧美在线网| 国模私拍视频一区| 欧美国产欧美亚州国产日韩mv天天看完整| 亚洲日本成人在线观看| 欧美特黄一区| 欧美一区二区三区啪啪| **网站欧美大片在线观看| 欧美日韩大陆在线| 午夜在线一区| 亚洲黄网站黄| 欧美特黄一级大片| 久久免费高清视频| 一区二区久久| 狠狠干狠狠久久| 欧美日韩国产成人在线| 欧美一级理论片| 在线成人av.com| 国产精品第十页| 久久久久久国产精品一区| 亚洲三级国产| 国产主播精品| 国产精品初高中精品久久| 久久久成人精品| 亚洲色图在线视频| 亚洲成人资源| 国产日本欧洲亚洲| 欧美日韩国产一区二区| 欧美一区观看| 中文网丁香综合网| 亚洲国产美女| 国产综合欧美| 国产精品美女| 欧美日韩情趣电影| 免费在线看一区| 久久九九电影| 欧美一区二视频| 亚洲系列中文字幕| 亚洲卡通欧美制服中文| 亚洲成人自拍视频| 国模私拍一区二区三区| 国产精品永久在线| 国产精品激情av在线播放| 欧美日韩国产成人精品| 美女爽到呻吟久久久久| 久久精品99国产精品日本 | 亚洲视频电影在线| 日韩系列欧美系列| 亚洲精品国久久99热| 亚洲黄色免费| 亚洲精品欧美日韩| 亚洲精品久久久久久久久久久久| 亚洲电影欧美电影有声小说| 加勒比av一区二区| 伊人影院久久| 亚洲成人原创| 亚洲七七久久综合桃花剧情介绍| 一区二区三区在线视频免费观看| 国产亚洲欧美aaaa| 狠狠爱综合网| 亚洲国产成人高清精品| 1769国产精品| 亚洲人成亚洲人成在线观看图片| 亚洲高清二区| 亚洲日本精品国产第一区| 亚洲三级免费电影| 亚洲最新中文字幕| 亚洲视频一区二区| 欧美一级片在线播放| 久久久久国产精品午夜一区| 老司机午夜精品视频| 欧美精品乱人伦久久久久久| 欧美日韩一区不卡| 国产欧美日韩| 亚洲二区免费| 一区电影在线观看| 欧美一区二区三区男人的天堂 | 久久久久久久999| 欧美电影在线播放| 国产精品久久久久久福利一牛影视| 国产伦一区二区三区色一情| 影音先锋亚洲视频| 99这里只有精品| 亚洲欧美日韩国产一区二区| 快she精品国产999| 国产精品成人观看视频免费| 国外成人在线| 亚洲视频免费|