轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(   www.izc.net.cn  )是一家專注而深入的設(shè)計機(jī)構(gòu) ，為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源：http://www.geekpark.net/read/view/179840

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，   請點(diǎn)這里

因為手機(jī)屏幕空間有限，縱使 Galaxy Note 2 這樣的手機(jī)也無法在一個屏幕內(nèi)展現(xiàn)所有內(nèi)容，所以應(yīng)用開發(fā)者們必須設(shè)計出各種各樣將視圖疊加的辦法，但是疊加的視圖必須由一個按鈕或者手勢來觸發(fā)才能顯示，這就有了學(xué)習(xí)成本，那么對于這樣操作如何能使用戶快速掌握，并且體驗到設(shè)計的好處，這就是的用戶引導(dǎo)界面變的十分重要。

這是 iOS 上老牌 GTD(Getting Things Done) 應(yīng)用 Things 的首頁，當(dāng)用戶花了 68 元人民幣購買了這款應(yīng)用之后，打開卻發(fā)現(xiàn)根本搞不清楚每一項所代表的含義，互相之間地聯(lián)系，就算用了很久的老用戶可能都未必完全會用這款軟件。

然而作為一個 iOS 開發(fā)者，我很能理解絕大多數(shù)應(yīng)用的用戶引導(dǎo)界面為何設(shè)計地較為簡陋，因為大家內(nèi)心更多地把這一部分內(nèi)容工作劃給了美工，而開發(fā)者則是將更多的時間與精力投入了對功能的開發(fā)上。此外開發(fā)者對于自己軟件的功能操作邏輯非常熟悉，并且在不斷地測試中會反復(fù)嘗試。所以待一個功能已經(jīng)開發(fā)完畢時，他們也很少會想到再為如何使用做一套很復(fù)雜的動畫介紹，而是把用戶引導(dǎo)界面的工作更多地交給了美工來完成。

但是，要想做好用戶引導(dǎo)絕不僅僅是設(shè)計師的工作！它更需要開發(fā)者的努力以及整個團(tuán)隊的重視。

除了完全沒有引導(dǎo)界面，我給各種引導(dǎo)方式排了一個倒序：

四、大段的文字介紹

有一些應(yīng)用會在界面無數(shù)據(jù)時采取貼一長段文字來介紹操作，這樣的設(shè)計從實現(xiàn)的角度顯然是最容易的，然而體驗卻是最差的，長篇累牘的文章是沒有人愿意讀的，這樣必定會帶來極大地用戶流失。取而代之的是，開發(fā)者可以在某些等待界面簡明扼要的彈出一些文字說明，這樣在保證通俗易懂的情況下也可以不浪費(fèi)用戶的時間。

三、通過類似 PageControl 的控件將應(yīng)用的新增功能及介紹展示給用戶

使用這種方式作為用戶引導(dǎo)界面的應(yīng)用是最多的，卻把它排在了倒數(shù)第二，是有原因的。

首先，許多應(yīng)用該界面只出現(xiàn)一次，待用戶迅速劃過屏幕進(jìn)入應(yīng)用之后發(fā)現(xiàn)不會用，又無法再次回看。其次，即使用戶十分認(rèn)真地的觀看了，對于某一次重大更新添加了許多功能，可能在看到第四頁時早已忘記第一頁的內(nèi)容，此外對于老用戶而言有一些操作指導(dǎo)不需要在每次更新時再次顯示，缺乏一些直接跳過地辦法。這樣的模式需要用戶花精力花腦力來學(xué)習(xí)之后才能使用，然而好的引導(dǎo)應(yīng)該是自然而然，無意識地植入而絕不是需要花費(fèi)大量學(xué)習(xí)。所以我不認(rèn)為這是一種好的引導(dǎo)方式。

既然缺點(diǎn)那么多，為何還會有這么多軟件使用呢，我個人揣測這離不開易實現(xiàn)。因為對于開發(fā)者而言，完成這個控件十分簡單，中間界面都是由設(shè)計師完成。我認(rèn)為，在這樣的界面不適合來引導(dǎo)用戶如何使用軟件，而是應(yīng)該用兩到三個頁面向用戶傳遞這個軟件的所想傳遞的人文關(guān)懷和價值觀。

二、先期自動導(dǎo)入部分示例數(shù)據(jù)

比如課程表管理軟件 iStudiez，它可以先期導(dǎo)入許多開發(fā)者建立好的課程，這樣導(dǎo)入完成后，日程看起來就不是一張空白的表，讓界面美化了不少。但是這樣的設(shè)計更多也只是為了美化界面，對于指引用戶使用的幫助并不是很大，所以我認(rèn)為這是一個很好填充空白界面的方式，卻不是作為引導(dǎo)的好辦法。

一、在特定界面地操作引導(dǎo)

這也是一種比較常見的引導(dǎo)方式，相對于第一種，它的好處在于它會在一定的特定時機(jī)下才觸發(fā)引導(dǎo)，當(dāng)用戶第一次進(jìn)入一個全新界面時彈出，這樣能非常有效直截了當(dāng)?shù)馗嬖V用戶每一個按鈕的意義，然而有些應(yīng)用在使用這種引導(dǎo)方式下，會強(qiáng)迫用戶執(zhí)行某些操作才能進(jìn)入下一步，或者有些提示會反復(fù)出現(xiàn)，甚至于每一次打開都會出現(xiàn)，開發(fā)者們最好能避免這樣的情況出現(xiàn)，強(qiáng)制引導(dǎo)用戶操作會帶來非常不好的用戶體驗。如果能避免這些問題，我認(rèn)為這樣的引導(dǎo)界面是比較不錯的。

迄今為止，我見過最好的用戶引導(dǎo)界面非 Jawbone Up 莫屬，這是一款可以同步Jawbone Up 2 手環(huán)記錄每天生活數(shù)據(jù)的軟件，手環(huán)和軟件對于生活都是非常實用，但我更想談一談它對于用戶引導(dǎo)界面的設(shè)計，我非常推薦所有的開發(fā)者都去體驗一下它的設(shè)計。

等待幾秒沒有操作之后，它就會彈出“沒有發(fā)光，現(xiàn)在怎么辦？”的指引可以點(diǎn)擊

同樣，在等待幾秒沒有操作之后，它就會彈出“我插入了手環(huán)，但沒有任何反應(yīng)，現(xiàn)在怎么辦？”的指引可以點(diǎn)擊

進(jìn)入軟件之后，開始對主屏幕上的每一個按鈕進(jìn)行介紹，點(diǎn)擊屏幕任意位置就可以進(jìn)入下一步，等到全部介紹完以后，出現(xiàn)了最讓我喜歡的部分。這款軟件也采取了當(dāng)下十分流行的左側(cè)抽屜式的設(shè)計，但是在介紹這個設(shè)計時，開發(fā)者運(yùn)用了精美的動畫，直接將界面自動劃到了打開抽屜式設(shè)計的界面，再次點(diǎn)擊，又用動畫劃到了右側(cè)的抽屜式界面。整套引導(dǎo)界面，用戶只需要點(diǎn)擊，中間出現(xiàn)大量的動畫效果十分簡潔明了地告知了用戶如何使用 Up 2 手環(huán)和這款應(yīng)用。相比某些應(yīng)用，迫使用戶點(diǎn)擊某些按鈕的設(shè)計，為何不采取這種替用戶點(diǎn)擊，隨后展現(xiàn)點(diǎn)擊后效果動畫的方式呢？這樣的設(shè)計顯然更為直觀易懂。

結(jié)語

這些設(shè)計離不開設(shè)計師的功勞與美工的作圖，更離不開開發(fā)者的付出。其實真正要實現(xiàn)這一整套引導(dǎo)界面對于有經(jīng)驗的開發(fā)者而言也不是非常困難，只是大多數(shù)人沒有重視這一部分的工作，并且理所當(dāng)然的把這一部分交給了設(shè)計師來完成，實際上，這中間也需要開發(fā)者的努力以及整個團(tuán)隊對于引導(dǎo)環(huán)節(jié)的重視，只有做好了這一步，開發(fā)者開發(fā)的功能才可能被用戶完全使用到，否則許多軟件可能用了很久，用戶都不了解它的所有功能。這對于開發(fā)者而言豈不是白白付出么。