引導性的進(jìn)行移動(dòng)app設計模式

　　我個(gè)人對“引導”方面的話(huà)題最有感觸，在這里分享給大家。雖然這些設計模式都是基于移動(dòng)應用歸納出的最佳實(shí)踐方式，但它們在某種程度上同樣適用于移動(dòng)化的網(wǎng)站設計。

　　現在的移動(dòng)市場(chǎng)中有成千上萬(wàn)的應用，每個(gè)類(lèi)別中，都有很多應用功能幾乎完全相同。這些應用多數是免費的，所以我們時(shí)常會(huì )隨便挑一個(gè)下載安裝，花5分鐘研究一下那些直覺(jué)性很差的用戶(hù)界面，然后卸掉，再去裝另外一個(gè)玩玩看。

　　是什么讓我經(jīng)由這塊大片灰色的界面得到了“增強現實(shí)”?答案就是“引導”。對于移動(dòng)應用來(lái)說(shuō)，“引導”的本質(zhì)就是一種小提示，當用戶(hù)第一次使用app的時(shí)候顯示出來(lái)，向用戶(hù)推薦一些常用功能的操作方式，或引領(lǐng)他們完成一個(gè)預設的教學(xué)目標。簡(jiǎn)單卻用心的引導方式可以很有效的在初次體驗中提升用戶(hù)滿(mǎn)意度。

　　app移動(dòng)應用的引導模式大致分為八類(lèi)：

　　?對話(huà)(Dialog)

　　?提示(Tip)

　　?游歷(Tour)

　　?視頻演示(Video Demo)

　　?半透明標注(Transparency)

　　?嵌入(Embedded)

　　?持續(Persistent)

　　?探索(Discoverable)

　　一、對話(huà)(Dialog)

　　帶有介紹文案的簡(jiǎn)單對話(huà)框是移動(dòng)應用中最普遍的引導方式，也許是因為在開(kāi)發(fā)編碼方面相對容易些的緣故。不過(guò)由于太常見(jiàn)了，這種模式也非常容易被用戶(hù)直接無(wú)視。

　　保持介紹文案的言簡(jiǎn)意賅是非常重要的，沒(méi)人愿意在這里閱讀大量?jì)热?。另外有一點(diǎn)需要注意，對于非常重要的信息，最好在應用內部留有能夠重新閱讀這些提示內容的入口。

　　二、提示(Tip)

　　這種方式比起“對話(huà)”來(lái)說(shuō)，具有更強的上下文相關(guān)性。我們可以在應用的任何一個(gè)視圖界面中使用提示，而不僅是首頁(yè)。在eBay的app中(如下圖左側所示)，“保存搜索結果”的功能就是通過(guò)提示來(lái)吸引眼球的。試想如果這里不使用如此明顯的提示，用戶(hù)的目光會(huì )很容易忽視掉這塊原本是呈現標題的地方。另外，Android中用來(lái)引導用戶(hù)對首頁(yè)進(jìn)行自定義的操作提示也是個(gè)很典型的范例。

　　ShoppingList會(huì )在用戶(hù)使用的過(guò)程中漸進(jìn)式的對一些主要功能進(jìn)行提示，引導用戶(hù)操作。

　　通常的原則，是在當前需要突出的相關(guān)功能旁邊放置提示氣泡，保持介紹文案的簡(jiǎn)短，并且在用戶(hù)開(kāi)始執行對應的操作時(shí)移除提示。

　　三、游歷(Tour)

　　游歷可以帶來(lái)終極的引導體驗——通過(guò)對關(guān)鍵屏和重要功能的連續展示，在最短的時(shí)間內引領(lǐng)用戶(hù)對應用進(jìn)行全面的探索。Nike GPS應用是該方式的一個(gè)不錯的例子，它特別為移動(dòng)設備進(jìn)行了優(yōu)化，包括明了的介紹、生動(dòng)的圖片、簡(jiǎn)單的導航以及足夠明顯的關(guān)閉按鈕。這套游歷會(huì )在應用的首屏出現，用戶(hù)可以在7屏的介紹中自由的前后瀏覽或關(guān)閉。另外，在導航方面，Nike GPS同時(shí)使用了頁(yè)面指示(圓點(diǎn))與頁(yè)碼計數("2 of 7")來(lái)清晰的展示當前游歷的步驟。CalcBot也用到了類(lèi)似的導航。

　　四、視頻演示(Video Demo)

　　對于某些依賴(lài)于特定操作方法的應用來(lái)說(shuō)，視頻演示也許是最有效的引導方式了，因為它可以動(dòng)態(tài)的展示應用的實(shí)際操作。Roambi通過(guò)這種這種方式展示了它們的大量可視化數據，并且直觀(guān)的演示了用于導航和瀏覽內容的手勢。Google Goggles則直接在演示中插入了一段Youtube上的視頻。

　　我們通?？梢允褂眠@種方式來(lái)展示應用的關(guān)鍵功能點(diǎn)，或是從標準操作流程的角度出發(fā)，演示應用的操作方式。另外，需要在視頻中提供基本的控制功能，包括停止、暫停、音量控制等。

　　五、半透明標注(Transparency)

　　與其他具有引導性的設計模式相比，半透明標注的方式對于觸屏設備來(lái)說(shuō)有些獨特。它通常會(huì )在應用的首屏出現，以一個(gè)覆蓋在真實(shí)界面上方的半透明層為背景。Pulse和Phoster是比較典型的例子，通過(guò)半透明標注的模式，他們快速并且可視化的向用戶(hù)展示了怎樣對內容進(jìn)行導航。

　　我們應該以正確的方式使用半透明標注，而不是試圖通過(guò)這種效果來(lái)彌補應用界面本身的拙劣設計。當用戶(hù)開(kāi)始產(chǎn)生相應的交互行為時(shí)，要及時(shí)的移除標注。

　　六、嵌入(Embedded)

　　與其他模式不同，“嵌入”不會(huì )在目標界面加載之前呈現。在這種模式中，相關(guān)的引導內容會(huì )融入到界面設計當中，直到被真正的內容覆蓋移除掉。Mini Diary和PageOnce都是典型的例子，通過(guò)嵌入式的提示，他們可以立刻推動(dòng)用戶(hù)進(jìn)行相關(guān)操作。

　　在一個(gè)界面中可以存在多個(gè)嵌入式引導提示。在設計應用的界面時(shí)，要對這些嵌入式元素進(jìn)行差異化處理，通過(guò)圖片等方式使它們能與普通內容很好的區別開(kāi)。

　　七、持續(Persistent)

　　這種方式同樣會(huì )融入到界面當中，并始終存在。例如，Jamie Oliver's Recipes會(huì )始終建議用戶(hù)使用橫屏的方式獲取額外的功能。Spring Pad則結合了“嵌入”與“持續”兩種模式——用來(lái)引導用戶(hù)添加自定義內容的“+”符號會(huì )始終存在，并不斷被正式內容替代。

　　八、探索(Discoverable)

　　所謂的“探索”式引導，聽(tīng)上去也許有些矛盾，但它是一種鼓勵用戶(hù)進(jìn)行某種特定交互操作的有效方式，同時(shí)不會(huì )影響到應用界面本身的設計。通常，這類(lèi)引導會(huì )在某些操作的觸發(fā)下呈現，例如下拉或側翻頁(yè)面。