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

2021-06-08 23:39:50 字數 1628 閱讀 5924

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)

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

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

layar reality browser是一款基於 增強現實 augmented reality,簡稱ar 技術的移動應用,它的初期版本如下圖所示 移動應用的引導模式大致分為八類 一 對話 dialog 帶有介紹文案的簡單對話方塊是移動應用中最普遍的引導方式,也許是因為在開發編碼方面相對容易些的緣...

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

文 張麗 引導頁即是使用者在首次使用軟體時進行產品推介和引導的說明書,使使用者在最短的時間內了解這個軟體的主要功能 操作方式,以便於迅速上手。引導頁具有指引使用者了解和掌握軟體應用的功能 特性操作方法等作用,根據軟體應用的安裝情況,從位置上一般將引導頁分為前置引導和中間引導。前置引導。所謂前置引導即...

移動裝置的介面設計尺寸

剛開始接觸ui的時候,碰到的最多的就是尺寸問題,什麼畫布要建多大 文字該用多大才合適 我要做幾套介面才可以?什麼七七八八的也著實讓人有些頭疼。iphone 介面尺寸 320 480 640 960 640 1136 ipad 介面尺寸 1024 768 2048 1536 以上單位都是畫素哦,至於解...