當前位置:
首頁 > 設計 > APP引導頁的用戶體驗設計!

APP引導頁的用戶體驗設計!

文/吳棟

APP引導頁是指用戶在首次打開移動APP時呈現給用戶的指引性頁面,其主要目的是在用戶使用移動APP之前,給予用戶關於APP的功能介紹和新手使用幫助,使用戶能愉悅的了解APP的主要功能或具體操作方式。

儘管引導頁僅僅在首次打開移動APP時短暫出現,但它是APP的整體用戶體驗的一部分,並且是用戶最先感知到的一部分。設計優秀的引導頁對於APP的用戶體驗是十分重要的。可以說引導頁在一定程度上奠定了用戶對APP的第一印象,影響著用戶對產品的整體感受。

介紹式。介紹式的APP引導頁主要包括:功能介紹、使用說明介紹和版本更新內容介紹。主要目的在於向用戶傳遞APP的核心價值和介紹APP主要功能,給予用戶必要的使用幫助。這類引導頁大多採用單一圖片、圖形或結合文字說明、操作說明的方式展現,讓用戶能直觀清晰了解APP的特徵。

故事描述式。故事描述式的移動APP引導頁主要通過3-5頁的連續性頁面,通過圖片結合文案,循序漸進的講述一個和應用相關的故事。相比於介紹式的引導頁,故事描述式的引導頁通常更具趣味性,容易吸引用戶的注意力,並能夠更好的引導用戶和界面進行交互。

情感體驗式。情感體驗式的移動APP引導頁使用以情動人的方法,通過在引導頁設計中融入產品本身的特質,注入設計師的意識和情感,使用一些能引起用戶共鳴的內容,對現實生活中的痛點進行渲染等方式,引起用戶自身的聯想、回憶,引導用戶去思考移動APP的價值。

APP引導頁出現在用戶正式開始使用應用前,一般來說不超過5個頁面。在實際使用中,一部分對APP的使用有著豐富經驗的用戶,通常希望能快速進入APP,這一部分用戶常常會通過掃讀的方式,漫不經心的快速瀏覽引導頁面,甚至選擇跳過引導頁,直接開始使用APP。

如何在短時間內吸引用戶的注意力,減少用戶的認知負荷,並能清晰、快速的向用戶傳遞出相關的引導信息,創造愉悅的用戶體驗就變得十分重要。

事實上信息引導頁是一個短暫的體驗過程,出現的時間不過短短數秒,對於用戶而言,這是一種瞬時的體驗,是淺層次的信息加工過程,這些信息通常只停留在感覺階段。提供少而突出的焦點能夠很好的吸引用戶的注意力,降低用戶的認知負荷,讓用戶樂於去閱讀並記憶下來。

文案簡短。引導頁設計時應該儘可能的減少文案字數,刪減不必要的多餘文字,使用最重要、最突出的關鍵詞,使用用戶的語言,避免使用生澀、難以理解的一些辭彙。同時也要注意保證文字有很好的可讀性,確保用戶能夠快速的理解和接收到重點信息。

清晰的圖形化表達。相比於乾巴巴的文字,圖形更容易吸引人們的注意力。事實上大部分的信息引導頁都是採用圖形結合文字的表達形式,這樣的表達形式更直觀、更易於理解和記憶。在應用圖形元素時,應該注意使用形象具體、簡單易懂的圖形,確保圖形所傳遞出來的信息是非常明確和易於識別的。

有效的視覺引導。包括兩個部分:視覺焦點和視線引導。

■在信息引導頁中,視覺焦點應該是非常突出的,並且最好是一個頁面只有一個視覺焦點。設計引導頁時需要充分考慮到視覺元素的布局大小比例、層次等,通過對視覺元素的排布和處理,確保用戶能夠在第一時間關注到視覺焦點,感知到引導頁所要傳達的核心信息。

■隱喻的視線引導主要是應用於當前一些連貫性的APP引導頁設計中。尤其是在引導頁的交互方式和大多數引導頁採用的左右滑屏切換的方式不同時,就更加需要有隱喻的視覺引導來指引用戶進行操作。這樣的視線引導能夠提升引導頁的連貫性體驗,讓用戶認知和操作的過程更加流暢。

引導頁的設計不能夠脫離於應用整體的產品特性、品牌特徵和設計風格,而應該是統一且具有延續性的,例如:在引導頁設計中採用與APP統一的設計風格、交互特點、視覺風格、界面元素或是體現出APP本身的品牌特質。

過於複雜的交互方式,會增加用戶的學習成本,讓用戶感覺無從下手。目前大部分APP引導頁的交互方式基本是左右滑動和點按的方式,這樣的交互方式對於用戶而言具有學習成本較低,效率更高的優點,大部分用戶都習慣於這樣的交互方式。

但是這樣千篇一律的交互方式也容易讓用戶感到乏味,沒有新奇感,難以吸引他們的注意力。在APP引導頁設計過程中,我們可以嘗試,改變左右滑動的固定交互方式,設計一些新穎有趣的交互方式來吸引用戶的注意力,激發用戶的好奇心。前提是要保證交互方式的學習成本足夠低。

當前大多數的移動App引導頁都採用圖文結合的方式,相比於靜態的圖片展現,動態內容更容易吸引用戶的注意力。設計APP引導頁時可以嘗試在頁面中增加一些動效元素,吸引用戶的注意力,包括引導頁內容本身的表現形式以及屏與屏之間的切換動效。

除了在引導頁中融入動效元素之外,我們同樣可以探索應用一些新穎的表現形式,例如:視頻、動畫、聲音等方式也是值得設計師進行思考和嘗試的。通過一些新的表現形式,融入其他感官體驗,帶給用戶不一樣的感受,讓引導頁更具有趣味性。

好的設計往往是以小見大的,在細節處彰顯情懷。好的體驗也是由每一個細微的感受構成的,引導頁雖然是整個APP中很小的一部分,但它也是APP整體體驗的一部分,影響著用戶對產品的第一印象。設計師引導頁時應該銘記引導頁的作用和目的,根據不同的設計目標,選擇合適的引導頁表現形式。推薦:APP引導頁模板

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!


請您繼續閱讀更多來自 設計智造 的精彩文章:

APP界面設計中的引導頁!
文字的性格你知多少?