具有引導性的移動應用介面設計模式

layar reality browser是一款基於「增強現實」(augmented reality，簡稱ar)技術的移動應用，它的初期版本如下圖所示：

移動應用的引導模式大致分為八類：

一、對話(dialog)

帶有介紹文案的簡單對話方塊是移動應用中最普遍的引導方式，也許是因為在開發編碼方面相對容易些的緣故。不過由於太常見了，這種模式也非常容易被使用者直接無視。

保持介紹文案的言簡意賅是非常重要的，沒人願意在這裡閱讀大量內容。另外有一點需要注意，對於非常重要的資訊，最好在應用內部留有能夠重新閱讀這些提示內容的入口。下面的截圖出自targetweight 和 actionmethod 這兩款應用的首頁。

二、提示(tip)

shoppinglist會在使用者使用的過程中漸進式的對一些主要功能進行提示，引導使用者操作。

通常的原則，是在當前需要突出的相關功能旁邊放置提示氣泡，保持介紹文案的簡短，並且在使用者開始執行對應的操作時移除提示。

三、遊歷(tour)

遊歷可以帶來終極的引導體驗——通過對關鍵屏和重要功能的連續展示，在最短的時間內引領使用者對應用進行全面的探索。nike gps應用是該方式的乙個不錯的例子，它特別為移動裝置進行了優化，包括明了的介紹、生動的、簡單的導航以及足夠明顯的關閉按鈕。這套遊歷會在應用的首屏出現，使用者可以在7屏的介紹中自由的前後瀏覽或關閉。另外，在導航方面，nike gps同時使用了頁面指示(圓點)與頁碼計數("2 of 7")來清晰的展示當前遊歷的步驟。calcbot也用到了類似的導航。

五、半透明標註(transparency)

與其他具有引導性的設計模式相比，半透明標註的方式對於觸屏裝置來說有些獨特。它通常會在應用的首屏出現，以乙個覆蓋在真實介面上方的半透明層為背景。pulse和phoster是比較典型的例子，通過半透明標註的模式，他們快速並且視覺化的向使用者展示了怎樣對內容進行導航。

我們應該以正確的方式使用半透明標註，而不是試圖通過這種效果來彌補應用介面本身的拙劣設計。當使用者開始產生相應的互動行為時，要及時的移除標註。

六、嵌入(embedded)

與其他模式不同，「嵌入」不會在目標介面載入之前呈現。在這種模式中，相關的引導內容會融入到介面設計當中，直到被真正的內容覆蓋移除掉。mini diary和pageonce都是典型的例子，通過嵌入式的提示，他們可以立刻推動使用者進行相關操作。

在乙個介面中可以存在多個嵌入式引導提示。在設計應用的介面時，要對這些嵌入式元素進行差異化處理，通過等方式使它們能與普通內容很好的區別開。

七、持續(persistent)

這種方式同樣會融入到介面當中，並始終存在。例如，jamie oliver's recipes會始終建議使用者使用橫屏的方式獲取額外的功能。spring pad則結合了「嵌入」與「持續」兩種模式——用來引導使用者新增自定義內容的「+」符號會始終存在，並不斷被正式內容替代。

八、探索(discoverable)

所謂的「探索」式引導，聽上去也許有些矛盾，但它是一種鼓勵使用者進行某種特定互動操作的有效方式，同時不會影響到應用介面本身的設計。通常，這類引導會在某些操作的觸發下呈現，例如下拉或側翻頁面。

具有引導性的移動應用介面設計模式

具有引導性的移動應用介面設計模式

實現引導頁 APP介面設計中的引導頁！

移動裝置的介面設計尺寸

具有引導性的移動應用介面設計模式

具有引導性的移動應用介面設計模式

實現引導頁 APP介面設計中的引導頁！

移動裝置的介面設計尺寸

相關推薦