UI設計基礎知識：引導頁對UI設計到底有什麼作用

什麼是引導頁?引導頁是指當我們第一次打開產品時看到的頁面，用於告知用戶，該產品的主要功能與特點。

引導頁不僅直接影響用戶對產品的第一印象，亦影響產品與用戶之間建立的信任感。因此，對企業而言，引導頁是提高產品業務轉換率和保留率的關鍵。

UI設計基礎知識：引導頁對UI設計到底有什麼作用
UI設計基礎知識
引導頁為什麼對UI設計如此重要?

有人認為，如果一個產品需要引導頁，那意味該產品本身就是一個缺陷，因為說明該產品缺乏「簡單」和「用戶友好」的基本要素。

UI設計基礎知識：引導頁對UI設計到底有什麼作用

▲ Twine將漸進式引導頁融入到UX設計中，用戶流失率降低50%以上。

雖然這句話聽起來很有邏輯，但結論未免過於籠統。數位化設計中有大量規則和成功案例，設計師和開發人員利用這些規則和案例，無需在每次開發產品時推倒重來，同時也能避免用戶在使用全新產品時感到手足無措。

但是，每個產品都有着它的獨到之處，引導頁在合適的時間上出現，能增加用戶對產品的信任，從而提高產品的轉換率和留存率。下面，我們就來看看引導頁一般在什麼時候出現?

UI設計基礎知識：引導頁一般在什麼時候出現?

● 入門之旅

UI設計基礎知識：引導頁對UI設計到底有什麼作用

▲ Dailyo利用引導頁向用戶解釋產品的價值，並提供用戶從中獲益的提示。

這是APP設計中非常流行的模式，當用戶第一次啟動APP時，他們會看到幾個快速概述產品價值和基礎操作的頁面。產品的第一印象很重要，如果用戶第一次使用產品時無法獲得想要的資訊便會很容易放棄使用。

● 非常規交互

UI設計基礎知識：引導頁對UI設計到底有什麼作用

▲ Timely針對每個手勢對用戶進行指導並展示出期望的結果。

如果APP所支持的交互行為並不是大部分用戶能輕易透過常規方式進行，那麼引導頁就顯得相當重要。目前很多手勢驅動的交互方式仍處於試驗和探索階段，因此APP設計需要清晰呈現每個手勢以及他們相對應的功能，以便用戶能使用這些手勢進行交互。

● 空頁面

UI設計基礎知識：引導頁對UI設計到底有什麼作用

▲ Feedly展示用戶在APP中獲得第一批內容的方式。

對於那些默認為空頁面並需要用戶透過其他步驟才能獲得內容的產品，同樣需要使用引導頁，讓用戶打消疑慮，知道自己的操作是正確的。

● 新功能上線

UI設計基礎知識：引導頁對UI設計到底有什麼作用

▲ Facebook上線新功能時，會通過一個高度可見的工具提示標準，讓用戶知道操作新功能的方式。

當產品推出新功能或進行重大改動時，使用帶注釋的引導設計能讓用戶知道這些優點及使用方式。雖然這是一種很常見且相對省力的方法，能用於從一開始並貫穿整個UX設計來引導用戶，但仍要注意的是，不要過度使用或解釋太多顯而易見的事實來干擾用戶的操作。

UI設計基礎知識：引導頁設計的技巧有哪些?

○ 了解用戶

UI設計基礎知識：引導頁對UI設計到底有什麼作用

▲ Basecamp通過透過一個簡單的選擇面板和友好的操作指南，讓新用戶在首次使用產品時需注意的核心要素。

UI設計時，透過用戶測試和可用性分析，了解目標用戶的特性來調整引導頁的設計，能幫助彌合用戶對產品的期望，並可告知用戶在初次使用產品時需關注的內容。

○ 與用戶價值聯繫

UI設計基礎知識：引導頁對UI設計到底有什麼作用

▲ Inbox的入門指南雖然進行冗長的介紹，但每個引導頁面都強調了它的功能以及價值。

使用引導頁告知用戶能通過產品獲得特定價值，能增加用戶使用產品的意欲，以及對產品的信任度，有助於提高用戶留存率。

○ 快速引導

UI設計基礎知識：引導頁對UI設計到底有什麼作用

▲ Morningstar Financial的入門引導過於複雜，會導致沒有多少用戶願意花時間閱讀，更遑論說記住。

在現實生活中，很少有用戶願意翻看說明書，而更願意自己自己去摸索產品功能。同樣道理，在數位世界中，產品引導頁設計簡單且能快速概覽就足夠，當需要更深入考慮漸進式引導時，可將引導擴展到整個UX設計中。

○ 可重複引導

UI設計基礎知識：引導頁對UI設計到底有什麼作用

▲ 指導標記可根據用戶需要在房間中選擇打開或關閉，使用戶能根據自己實際情況獲得指導和幫助。

用戶瀏覽完引導頁，不能假設用戶在使用過程中不會再次訪問這些引導內容，因為用戶可能會忘記第一次看到引導頁所提及到的功能和內容，所以建議在導航中設置「幫助」模塊，方便用戶回看這些引導內容。

○ 避免過於個性化

UI設計基礎知識：引導頁對UI設計到底有什麼作用

▲ 用戶首次使用Pinterest使需要通過郵箱登錄後，再按照年齡和興趣愛好的選擇，為用戶提供個性化體驗。

很多產品都會鼓勵新用戶提供有助於個性化體驗的信息，雖然這能為用戶帶來不錯的操作體驗，但要注意不能要求太多細節，否則用戶會有種信息泄露的感覺。

以上就是有關引導頁設計的簡單知識，總的來說引導頁對大多數新用戶來說是有着非常積極的意義，尤其是在提高用戶轉換率和留存率上。但引導頁的設計也需要注意不少細節，尤其是在「不干擾用戶」及「信息簡單概括」這兩方面，否則會影響產品的操作體驗，繼而影響用戶在使用產品過程中的感受。如果你對UI設計還有什麼問題，歡迎咨詢我們，我們將竭誠為你服務，助你將危機化為轉機!



香港網頁提供一站式數碼營商方案服務，包括、網頁設計、網絡推廣、網頁管理與寄存、系統開發及其它增值服務，全方位滿足客戶的業務需要，歡迎隨時聯絡我們，香港網頁是您開拓網路商機的最佳伙伴。

聯絡電話: 37499734
電郵地址: [email protected]
網址: www.hkweb.com.hk