APP引導頁設計

設計智造 發佈 2023-01-27T07:57:31.955987+00:00

引導頁是出現在加載完啟動畫面之後、進入界面首頁之前用戶所見到的一系列畫面,它的作用是在用戶使用APP之前提前告知他們該產品的主要功能特點。

引導頁是出現在加載完啟動畫面之後、進入界面首頁之前用戶所見到的一系列畫面,它的作用是在用戶使用APP之前提前告知他們該產品的主要功能特點。引導頁跟隨啟動畫面出現,因此第一次印象的好壞決定了用戶當下對你的APP作出的判斷。


當用戶看到一幅精美的引導頁設計時,會激起用戶的使用欲望,大大加深對你的APP的印象和好感;反之,則會質疑你的APP是否粗製濫造。在APP中,引導頁不是必需的元素,因為這會占用用戶打開APP的時間,根據業務需求選擇使用引導頁或不使用。


引導頁設計是一組連貫的視覺表現,每一頁都採用統一的格式,包括一句簡短的標題和文案、解釋文案的插圖、分頁點(最後一頁由進入按鈕代替分頁點)。合理的引導頁數量,建議在4張左右。引導頁根據不同的內容劃分可以分為:


功能介紹

功能介紹類的引導頁是最常見的引導頁,它是對APP新版本的主要功能進行展示,讓用戶提前對新功能有一個大致的了解。它採用的設計形式大多是提煉產品的功能點濃縮成一個標題或一句話,並以直觀的圖形來解釋這個功能點。


在設計時,圖形通常採用插圖或提取界面的方式。例如:一系列統一格式的線框圖形與文字組成。全屏的單色背景、大標題簡明扼要地介紹主要功能點、描述文案對功能進行拆分解釋、線框圖形表現描述文案的內容。


使用說明

使用說明類的引導頁可能會像功能介紹類那樣出現在界面首頁之前,插圖或提取界面的方式將新功能的使用步驟演示繪製出來,以方便用戶理解;也可能出現在界面之中,通常是在當前視圖全屏覆蓋一層半透明的黑色蒙版,再在蒙版之上對需要解釋的功能點或操作進行指引,它包含手寫風格的解釋文案、手繪風格的箭頭或圓圈等圖形符號和一個知道按鈕。


在用戶點擊按鈕後,使用說明隨即消失。目前許多APP已經放棄在界面中使用這種引導頁因是全屏半透明的黑色蒙版影響用戶體驗,但在一些需要大量手勢操作的界面,有效的引導設計必不可少。


品牌宣傳

品牌宣傳類的引導頁是根據產品的定位和目標人群的性格特點,通過一系列情感化的設計,傳遞出產品的態度和價值觀,讓用戶更理解這個產品的基調和情懷,以契合用戶打動他們。例如:閱讀類APP的用戶通常安靜、文藝,那麼引導頁的設計可以傳遞一種細膩、感性的氣質。


再例如:旅行類APP的用戶通常熱愛生活、充滿幻想,那麼引導頁的設計可以傳遞一種自由、樂觀的精神。一個好的品牌宣傳類引導頁,會引發用戶的共鳴,以此獲得他們的好感與認同感。


視頻展示

視頻展示類的引導頁是打開APP後在當前視圖直接輪流播放一段5~10秒的離線視頻,這種形式較為新穎和潮流,往往能受到年輕用戶的喜愛。相比較靜態的引導頁設計,視頻展示更加生動和直觀。


通常是傳遞給用戶一種積極向上的生活方式和人文理念、表達他們的青春活力和開朗樂觀,因此適合於健身、旅遊、音樂、體育、攝影類應用。視頻展示的優點如此之多,但也有其局限性,視頻占用內存較大,可能會造成程序運行緩慢或出現視頻播放卡頓的情況。

來源:微信公眾號 PingMianDesigner(平面設計)

關鍵字: