成都網(wǎng)站建設(shè)公司

在手機(jī)產(chǎn)品的設(shè)計過程中，由于手機(jī)界面的承載能力有限，產(chǎn)品功能的不斷膨脹，必須要在用戶打開應(yīng)用之后告知他某些新奇的功能，引導(dǎo)他完成某些主要任務(wù)流程，讓用戶不至于迷失在陌生應(yīng)用中不知所措。幫助用戶快速掌握應(yīng)用的使用方法，體驗(yàn)到應(yīng)用的樂趣，新手引導(dǎo)成了一個必須考慮的設(shè)計環(huán)節(jié)。

用戶引導(dǎo)的直接目標(biāo)是幫助用戶更好的使用產(chǎn)品，終極目標(biāo)是提升用戶滿意度。雖然，大多數(shù)情況下，我們可以通過合理的設(shè)計，盡可能的簡化功能，讓用戶無需引導(dǎo)和幫助，就可以完成必要的任務(wù)。但是實(shí)際上，手機(jī)產(chǎn)品的限制和對強(qiáng)大功能的追求，導(dǎo)致這個目標(biāo)很難達(dá)到，因此越來越多的應(yīng)用開始使用用戶引導(dǎo)來幫助用戶快速熟悉產(chǎn)品。

一、文字說明類

第一類最簡單的用戶引導(dǎo)方式，就是文字說明類。用文字描述的方式，幫助用戶理解產(chǎn)品的功能和所需要執(zhí)行的操作。文字說明類用戶引導(dǎo)如下圖的幾個例子：

從左到右依次是Memento、Instapaper和Jamie Oliver

Menento是一個日記程序，當(dāng)你沒有給日記增加tag的時候，這里就會有文字說明，告訴你tag是用來瀏覽和搜索的，可以在創(chuàng)建和編輯日記的時候創(chuàng)建。告訴你可以把好友加為tag，可以把地理位置加為tag，可以把事件加為tag，可以創(chuàng)建自定義tag；Instapaper是一個閱讀工具，當(dāng)你首次打開應(yīng)用，沒有文章的時候，這個頁面會有文字說明，告訴你你可以通過朋友、作者、瀏覽器找到可閱讀的文章。當(dāng)你通過瀏覽器書簽或者Email發(fā)送的方式增加文章到Instapaper后，文章會顯示在這里；Jamie Oliver是一個美食工具，如果你沒有創(chuàng)建美食購物清單的時候，這個頁面會文字提醒你改如何增加Shopping list。

適用情況：

聰明如你，肯定已經(jīng)發(fā)現(xiàn)了，這里提到的例子都是出現(xiàn)在無數(shù)據(jù)的時候。無數(shù)據(jù)的時候，是文字說明一個很重要的出現(xiàn)場景。很多設(shè)計師會忽略無數(shù)據(jù)時的界面設(shè)計，產(chǎn)品人員也會忽略無數(shù)據(jù)的時候，該怎樣引導(dǎo)用戶使用產(chǎn)品，導(dǎo)致用戶看到空空的面板，拂塵而去。

其實(shí)，文字說明也可以用在超過5s的啟動界面（Splash Screens）上 ，也可以用在某個操作按鈕的下面，也可以用在某段數(shù)據(jù)加載的彈出框中。它可以用在你能想到的任何地方，只要是合情合理的設(shè)計需求。

缺點(diǎn)：

當(dāng)然，文字說明的劣勢也顯而易見，長篇累牘的贅述功能，很少有人能耐心的看完，何況枯燥的說明書一向是Apple產(chǎn)品所反感的東西，所以文字說明要慎重，不要濫用。

設(shè)計指南：

要使用用戶語言而不是程序語言

在無數(shù)據(jù)的時候可以給出文字說明

不要長篇累牘，要簡明扼要

可以利用等待的時間用文字說明功能

可以用文字說明描述復(fù)雜的功能操作

使用場景：

用來告知重要功能、不易識別的功能圖標(biāo)、不易察覺的隱藏操作

缺點(diǎn)：

有時候需要提醒的太多了，往往無從下手。如果你的應(yīng)用沒有清晰的重要功能，還是小心設(shè)計，慎用提醒的好。因?yàn)槟闾嵝训目赡懿皇怯脩粜枰�的，讓新手用戶無所適從，老手用戶覺得你太過膚淺。不過還好這類提醒不會打斷用戶的操作，也不會強(qiáng)迫用戶一定看完，但是也正是因?yàn)檫@類提醒稍縱即逝，也很容易不小心錯過，導(dǎo)致之后再也無法查看，所以要謹(jǐn)慎的設(shè)置一個重復(fù)頻率，避免被漏看。

設(shè)計指南：

不要打斷正在進(jìn)行的操作

判斷需要提醒的時機(jī)

持續(xù)3~5s自動消失

可以重復(fù)出現(xiàn)3次左右

用來提醒隱藏的操作或重要的功能

三、操作引導(dǎo)類

操作引導(dǎo)類的用戶引導(dǎo)方式被大量應(yīng)用與游戲和SNS產(chǎn)品中，如果是設(shè)置項很多的復(fù)雜產(chǎn)品，也必須有合理的操作引導(dǎo)。操作引導(dǎo)分為強(qiáng)制性的和非強(qiáng)制性的。強(qiáng)制性的主要是注冊、驗(yàn)證、激活相關(guān)流程，不滿足條件無法滿足安全性；非強(qiáng)制性的則多是鼓勵填寫完善的資料或者鼓勵完成某個任務(wù)的，這類引導(dǎo)最好給予一定的激勵，如積分、徽章、等級等等，至少要有一個“恭喜你，成功了”之類的心里滿足暗示。具體案例見下圖：

從左到右依次是Albumphoto、Gowalla和With。

Albumphoto引導(dǎo)新用戶新建一個相冊；Gowalla引導(dǎo)新用戶創(chuàng)建一個簽到信息并分享圖片給好友；With引導(dǎo)用戶綁定Twitter賬號用以分享照片。如果是復(fù)雜的任務(wù)流程，每一步都要給新用戶講清楚，這一步處于哪一個環(huán)節(jié)，該怎么操作，有什么作用。

操作引導(dǎo)需要一定的操作激發(fā)，在一定的時機(jī)出現(xiàn)，有一定的重復(fù)頻率，并定義一定的引導(dǎo)樣式。

使用場景：

引導(dǎo)用戶執(zhí)行操作、引導(dǎo)用戶登錄注冊綁定賬號、引導(dǎo)用戶完善資料、引導(dǎo)用戶導(dǎo)入關(guān)系、引導(dǎo)用戶分享應(yīng)用給好友等等

缺點(diǎn)：

有時候有點(diǎn)過于強(qiáng)勢的嫌疑，用戶不一定真的需要這種程度的引導(dǎo)，不如只有一個聚光燈聚焦在重要操作上來的直接，否則所有的App都像游戲客戶端發(fā)展了。

設(shè)計指南：

可以引導(dǎo)用戶執(zhí)行主要操作

不要強(qiáng)迫用戶執(zhí)行操作

如果任務(wù)是多步驟要關(guān)注每一步的設(shè)計

主要功能可以在設(shè)計上區(qū)別于其他

四、操作示意型

操作示意型新手引導(dǎo)，往往是采用一段簡單的動畫，或是把功能顯示出來，然后在平滑的移動到屏幕外邊；或是把可點(diǎn)擊的按鈕做一個點(diǎn)擊后的效果動畫出來，或是把某些用戶預(yù)期要執(zhí)行的操作提前演示出來。我第一次見到不錯的操作示意型新手引導(dǎo)是在Nokia N900上，Maemo操作系統(tǒng)，用一個小亮點(diǎn)模擬手指點(diǎn)擊在一個操作按鈕上的效果。

上圖從左到右依次是Naver、Bump和新浪微博。

Naver的搜索類型切換是下拉搜索框就會出現(xiàn)的，首次啟動的時候，搜索框處于下拉狀態(tài)，提醒用戶下拉就可以看到這些功能，然后自動隱藏；Bump則是在起始界面上，用動畫的形式告知用戶，碰一碰手機(jī)就可以傳輸數(shù)據(jù)了；而新浪微博在首次加載數(shù)據(jù)的時候，會給出一個手勢+下拉的引導(dǎo)，告知用戶下拉就可以刷新數(shù)據(jù)了。