超實用！通用設(shè)計法則解析之「導引手冊」
設(shè)計師必須具備雄厚的知識貯備，在各個行業(yè)中找尋雷同的規(guī)律和事物的本源。經(jīng)過多年的沉淀，前輩們留下了大量的通用設(shè)計法則，小編匯集法則進行講解，抓取法則在用戶界面設(shè)計中的呈現(xiàn)，幫助大家更好的理解和運用。法則包含跨學科的專業(yè)知識，重拾那些被忽略的本源，將其融入日常設(shè)計和用戶體驗系統(tǒng)中，活用法則來驗證本身的設(shè)計過程和設(shè)計成果。
良好的設(shè)計師偶然會漠視設(shè)計法則。但當他們?nèi)缭S做的時候，通常會有一些補償性的措施。除非你確定你能做得那么好，否則最好照舊遵守這些法則?！に固貍惪耍╓illiam Strunk）
一、「導引手冊」
「導引手冊」（Advance Organizer）是指：在給出新信息之前，提供一些簡單的說明，以筆墨、圖畫、聲音等情勢呈現(xiàn)，幫助大家更容易了解新信息?！笇б謨浴瓜啾取父攀觥购汀笓褚箒碚f情勢更為多樣。
使用「導引手冊」需以線性體例呈現(xiàn)。（例如在教學時，先從入門介紹開始，由淺入深，漸漸增長難度）
二、「導引手冊」的種類
導引手冊分為兩種：說明型和比較型。
說明型導引手冊——適用于對于新信息一竅不通或不了解的教授對象（例如下載一個新的 APP，用戶打開界面會有新功能提醒）
比較型導引手冊——適用于對于有相干知識背景的教授對象（例如購買車輛時，有經(jīng)驗的買家會從專業(yè)性網(wǎng)站或 APP 上查找資料對比車輛性能配置）
下圖為移動端導引手冊的結(jié)構(gòu)腦圖：
三、說明型導引手冊
「導引手冊」在移動端應用十分常見，用戶指導就是典型的說明型導引手冊，幫助用戶快速了解下載的應用以及新增功能，給予用戶指導，削減誤操作，進步產(chǎn)品的用戶體驗。
1. 全局型
全局型：在主功能網(wǎng)頁之前呈現(xiàn)，占有整個網(wǎng)頁，去除其他干擾用戶的因素，使用戶細致力聚焦于指導內(nèi)容。（包括新手導引、操作導引、閃屏導引、彈窗導引）
新手導引
新手導引通常使用網(wǎng)頁遮罩+提醒的體例，是一種阻斷型的設(shè)計，較為強勢的說明產(chǎn)品功能的使用方法，視覺結(jié)果直觀，可以幫助用戶快速學習核心功能或新增功能。必要細致幾個要點：觸發(fā)功能時進行指導；凸起產(chǎn)品的重點功能；筆墨盡量精簡；采用分步式展示。
京東金融使用阻斷型設(shè)計的新手導引強制用戶觀看功能說明，為了讓用戶快速了解產(chǎn)品功能，削減誤操作，增強了金融類產(chǎn)品在安全性維度的用戶心智。
新氧使用新手導引進行說明，提前幫助用戶理解功能。對于新人用戶而言，僅通過圖標和題目展示（演習社）的功能入口是難以理解的。
操作導引
指導用戶去完成某種指定的操作義務，常用于完美資料、認證身份、充值、珍藏、關(guān)注、簽到等功能流。另外，在網(wǎng)頁中增強視覺體現(xiàn)力，吸引用戶操作的設(shè)計也屬于操作導引。（如 FAB按鈕、簽到功能、icon 的動效等）
東家APP 在用戶「登錄/注冊」過程中，通過按鈕上的筆墨（發(fā)送驗證碼、下一步、完成等）轉(zhuǎn)變，指導用戶按照步驟完美信息，從而順勢完成整個「登錄/注冊」流程。
閃屏導引
閃屏導引的重要類型為：常規(guī)閃屏、廣告閃屏、活動閃屏、節(jié)日閃屏、大版本升級閃屏。大版本升級閃屏會被作為說明型導引手冊，向用戶展示新功能和操作方法。
大眾點評在閃屏中使用筆墨、圖片的情勢展示產(chǎn)品的新功能、視覺風格和品牌理念。
彈框?qū)б?/strong>
彈框?qū)б龝驍嘤脩舨僮?，吸引用戶細致力，使用有透明度的黑色折罩?0%～80%）加上不同情勢的彈窗組成。彈窗可以使用體系自帶的，也可以個性化定制，彈窗導引一樣平常必要用戶作出選擇或繼承操作。
西柚月經(jīng)助手、票噠噠理財、大眾點評的彈窗阻斷用戶當前操作，強關(guān)注新內(nèi)容，并附帶筆墨、圖片、按鈕指導用戶繼承操作。（也可以選擇關(guān)閉）
2. 局部型
局部型：采用弱交互的體例，在用戶必要指導的功能四周出現(xiàn)，輕量的吸引用戶細致新的新信息。（包括對話式導引、功能性導引、關(guān)照導引、紅點導引、筆墨導引、Toast導引）
對話式導引
對話式導引一樣平常出如今新增功能旁，懸浮在網(wǎng)頁上，點擊屏幕或等待幾秒就會主動消散。視覺結(jié)果顯明（或帶有動效），增長用戶的查看欲望。相比新手指導，對話式指導的視覺重量較輕，不會阻斷用戶操作。
網(wǎng)易云音樂運用了對話式導引，用戶操作/點擊屏幕后導引便隨之消散。如許的處理體例在不打斷用戶操作的情況下，輕量化的提醒削減對用戶的打攪。
大姨媽APP 登錄網(wǎng)頁中第三方賬號登錄入口旁常常會提醒上次登錄的賬號；美柚對新用戶頭像會進行提醒，提示可以上傳更清晰的頭像；更美用動效（紅點帶有動效）吸引用戶查看日記詳情。
功能性導引
功能性導引比較潛伏，一樣平常安放在用戶觸發(fā)緊張功能時，預防用戶誤操作造成的緊張后果。
付出寶在對話框中輸入數(shù)字時會觸發(fā)轉(zhuǎn)賬按鈕（展望用戶輸入數(shù)字時會有轉(zhuǎn)賬需求）；截圖后一段時間內(nèi)點擊加號按鈕主動出現(xiàn)最近的截圖（展望用戶在截圖后會將圖片發(fā)送摯友的舉動）。這兩個功能性導引重要是為了進步用戶的操作服從。
關(guān)照導引
關(guān)照導引位于網(wǎng)頁重要內(nèi)容的頂部，通常用戶需點擊操作進入新信息的內(nèi)容網(wǎng)頁，返回后原網(wǎng)頁關(guān)照導引消散，起到警示和提示的作用。
秀動的關(guān)照導引位于資源位和風格保舉模塊之間，QQ、小紅書位于列表上方，其視覺樣式都有別于網(wǎng)頁重要內(nèi)容，并且用戶操作后會消散。
紅點導引
紅點導引就是網(wǎng)頁中常見的小紅點，常用于未讀新聞的提示，可以是小紅點，也可以是小紅點+數(shù)字的情勢。通過視覺聚焦的情勢進步用戶點擊。
筆墨導引
筆墨導引常出如今列表中，用于增補功能說明/活動說明，一樣平常會使用奪目的字體顏色或是伴隨紅點，指導用戶點擊。
Toast導引
Toast 導引較輕量，不操作3秒左右消散，屬于弱交互，與傳統(tǒng) toast 不同在于可以手勢操作，指導用戶查看新信息。
人人視頻和優(yōu)酷視頻的 toast 導引是活動時期使用的，導引點擊進入活動網(wǎng)頁；脈脈的 toast 導引用于提示新動態(tài)，屬于常規(guī)功能。
3. 混合型
混合型：這種模式的體現(xiàn)手法既有全局型，也有局部型。（包括空白頁導引）
空白頁導引
空白頁導引有整個網(wǎng)頁和局部網(wǎng)頁兩種體現(xiàn)情勢，同時包含跳轉(zhuǎn)按鈕，可以繼承操作。通過狀況描述、內(nèi)容描述或步驟描述等體例作為立意點指導用戶進一步操作。
唱吧、淘寶、餓了么的空白頁導引運用的是全局型，阻斷用戶操作，分別闡述了當前內(nèi)容狀況/使勤奮能前提說明/后續(xù)步驟說明，指導用戶前往了解并選擇是否必要開通功能。
喜馬拉雅、小紅書、拼多多使用的是局部型空白頁導引，占有網(wǎng)頁一屏1/2或1/3的面積，引起用戶的強關(guān)注，但是不打斷用戶操作。
四、比較型導引手冊
比較型導引手冊在移動端中的應用比較少見，適用于專家用戶（對某些領(lǐng)域熱愛鉆研/互聯(lián)網(wǎng)從業(yè)者熱衷于研究APP）。比較型導引手冊的重點在于對比，從對比中發(fā)現(xiàn)所需的信息，了解產(chǎn)品差異，可以是幾個產(chǎn)品之間進行對比，也可以是產(chǎn)品自身的對比。
1. 相互對比導引
這一類對比導引常用于購物場景，用戶必要對比不同商品的詳細參數(shù)，了解哪一種商品更吻合本身的購買需求。當所稀有據(jù)放開后逐一對比，會使得商品之間的差異特別很是清晰。
汽車之家將復雜的汽車參數(shù)逐一列出，由于汽車屬于高消耗商品，所以用戶必要細心查看汽車配置，這一功能對用戶來說十分便利。
電子產(chǎn)品的參數(shù)繁多，中關(guān)村在線的「VS」功能可以幫助用戶細致對比參數(shù)。
淘寶的找相似功能也是比較型導引，找出商品的相似款，幫助用戶對比價格和質(zhì)量的差異，省時省力的找到合適的商品。
2. 自身對比導引
應用商店的「版本歷史記錄」功能，就是產(chǎn)品自身的對比，進入功能后點擊更多，可以看到每個版本提拔/新增的功能點?；ヂ?lián)網(wǎng)從業(yè)者或是喜好研究各類 APP 的用戶可以更細致的了解 APP。
QQ音樂的版本歷史記錄特別很是細致，對比每一次的更新內(nèi)容，可以了解產(chǎn)品的優(yōu)化點、優(yōu)化速度、優(yōu)化方向等信息。
迎接關(guān)注作者的微信公眾號：「三分設(shè)」
圖片素材作者：Pedro Fernandes
本文地址：http://m.likemindfilms.com/tutorial/di4166.html
