APP界面設計中的引導頁!

2020-12-25 設計智造

文/張麗 引導頁即是用戶在首次使用軟體時進行產品推介和引導的說明書,使用戶在最短的時間內了解這個軟體的主要功能、操作方式,以便於迅速上手。

引導頁具有指引用戶了解和掌握軟體應用的功能、特性操作方法等作用,根據軟體應用的安裝情況,從位置上一般將引導頁分為前置引導和中間引導。

①前置引導。

所謂前置引導即在用戶安裝完成軟體應用,並第一次打開的時候出現的引導頁,該引導頁一般由2到6頁連續或不連續的相關頁面構成,某些應用引導頁可達10頁。

前置引導是用戶使用軟體應用前所看到的內容,此時用戶對所安裝的產品了解並不多,對於產品的功能、布局、具體操作方法等內容還沒有相關的認知。

所以前置引導擔任的作用主要就在於介紹產品的概況內容、核心功能、比同類產品更具競爭力的功能,以及重要的操作步驟等。

②中間引導。

對於版本更新的軟體應用,採用中間引導是一個常見的選擇。

中間引導往往是對已有版本更新升級後,新功能的一些說明性操作指導。

在第一次使用有新功能出現的頁面或操作中彈出指導性的說明界面,能夠讓用戶快速掌握新功能的使用,而不會因為對新功能的不解造成使用上的困擾。

中間引導在設計中常用比較貼近用戶的俏皮口語進行引導,而非正式官方的書面用語。

因為在使用過程中,用戶往往更傾向於舒適滿意的服務性語言,而不使用說教形式的官方用語。

設計中多用卡通形象進行引導,以對話的方式逐步提示使用戶帶入感更強,更利於引導內容的呈現,避免了用戶的反感。

①合理化原則。

只做必要的內容引導,根據引導頁的目的,出發點不同,大致可以將其分為產品說明類、使用說明類、推廣類和問題解決類。

在設計之初就應該對需要設計的引導頁進行充分分析,從而得出合理化的設計方案。

②優化編排原則。

引導頁最常用設計方式有文字與界面組合、文字與插圖組合、動態效果與音樂、視頻特效等。

常用的編排有逐一展示故事串聯、應景節日等,逐一展示是將一個個內容總結成點並順序排列出來,各點之間沒有必要的關聯。

③眼球效應原則。

有效地吸引用戶的眼球才能使引導頁面起到事半功倍的效果,需要將焦點聚集在重點閱讀的內容上,才能達到突出信息的目的。

聚焦可以通過光影突出、虛化背景、放大鏡突出內容等方式來實現。

眼球效應還可以通過交互效果、動畫和視頻來實現。對於泛濫的靜態引導頁面來說,採用動態內容更能夠吸引用戶的注意力。所以除了採用靜態的表現方式,還可以通過增加合適的動態內容來吸引用戶的眼球。

採用不一樣的引導頁切換方式,也可以吸引用戶的眼球。一般引導頁的切換都是從右向左滑動切換,對於用戶來說沒有多餘的學習負擔,但長久以後就會麻木從而感覺沒有創意。

可以通過設計出具有新意的切換方式來博取用戶的關注,比如類似抽取、刮開、上下等切換形式,在合適的時候能取得與眾不同的效果。

引導頁在互動設計中應當根據項目需求來制定設計方案,並且需要根據產品的受眾及競品等調研進行合理化設計。

引導頁的設計對於新用戶來說是非常重要的,而功能性的升級版本中的引導頁也能讓老用戶快速掌握新升級功能,能起到很好的輔助作用,提升用戶體驗。

總之,引導頁設計是APP的設計重點之一。

相關焦點

  • APP引導頁設計!引導的藝術
    文/稅夢瑤 初次使用一款移動產品,用戶經常會看見各種各樣的引導頁設計,,引導頁的作用是在用戶使用產品前,告訴其使用方式、產品功能及特色。引導頁界面的設計不僅是操作步驟的設計,更應該是流暢、舒適、愉悅體驗的設計,是充分利用使用者好奇心關注產品的設計。①基本功能類。
  • APP設計中關於引導頁的設計方法
    引導頁,顧名思義就是指引用戶如何使用產品,或者告知用戶產品與競品有哪些差異的界面。目前常見的引導頁的製作形式有產品介紹型、操作指引型、故事型三種。當產品內的某個功能學習成本較高時,可以使用操作指引型的引導頁來讓用戶清晰了解產品的某項功能。其優點是可以具體到某個界面,能更有針對性地引導用戶進行操作。但一定程度上會干擾用戶的操作,引起反感。
  • APP引導頁的用戶體驗設計!
    故事描述式的移動APP引導頁主要通過3-5頁的連續性頁面,通過圖片結合文案,循序漸進的講述一個和應用相關的故事。相比於介紹式的引導頁,故事描述式的引導頁通常更具趣味性,容易吸引用戶的注意力,並能夠更好的引導用戶和界面進行交互。③情感體驗式。
  • 產品魅力釋放的舞臺:引導頁設計窺探
    這與我們使用一款新app相類似,人們嘗試新事物過程中會產生緊張與不安,引導頁的作用就是短時間內讓用戶對這款產品有一個大概的了解,緩解用戶的焦慮與不安,讓用戶更快的進入使用環境。引導頁的三個基本功能引導頁可以做的很簡單,也可以做的很複雜。但是再簡單的的引導頁也必須有三個功能:問候、傳遞信息和提升參與度。
  • 歡迎頁/新手引導頁設計:建立良好的產品第一印象
    歡迎頁/新手引導頁如何設計,才能建立良好的產品第一印象呢?一、定義Onboarding英文入職指引,個人翻譯成——新用戶歡迎頁(新手引導頁),指的是啟動App的啟動頁(Launch Screen)之後的歡迎頁面,是用戶對產品的第一印象。
  • 淺談啟動頁/廣告頁/引導頁設計思想
    作者結合實際的產品經驗,總結了啟動頁/廣告頁/引導頁的一些設計思想,希望能夠給你帶來啟發。3.引導頁設計引導頁設計思想前面介紹啟動頁面告訴用戶「我是誰」「我是做什麼的」,開頭跟用戶做了自我介紹,引導頁的目的主要是告訴用戶:「我該怎麼使用」或者是「我有什麼亮點」(重點宣傳的功能),借用男女相親例子,雙方介紹完自己之後,開始展示自己有什麼優勢,好的引導頁設計直接關係到用戶是否
  • 乾貨:VR APP界面設計實踐指南
    別擔心,在本文中,我們將詳細的分享VR app在設計方面的具體流程,包括相應的工具及方法,希望各位讀過之後能夠掌握到足夠的知識去運用到自己的VR項目設計當中。要實現這一目標,你不必成為什麼專家,但學習熱情以及將能力運用到新領域當中的渴望則是必需的。希望我們最終能夠通過更多的分享與交流來最大程度的推進VR的發展速度。
  • Axure入門案例系列:APP首次引導頁
    編輯導讀:用戶在初次安裝或者更新APP的時候,第一印象就來自於APP首次引導頁。那麼,如何做好APP首次引導頁呢?本文作者將基於自身工作經驗,梳理了整套APP首次引導頁的Axure教程。本教程知識點詳細教程本文以三頁引導頁為例,實現引導頁的基本功能。功能打開APP可以通過拖動切換引導頁的展示信息。同時支持跳過,最後一個頁面跳轉登錄頁面。
  • APP界面設計中如何建立更好的層次感?
    由於人的習慣是由上而下,由左及右的瀏覽順序,因此界面的信息瀏覽起點時在左上方,而左對齊有時界面設計中最常用的對齊方式。排版設計中,左上方一般防止信息流的主標題。如此就造就了上重下輕、左重右輕的布局方式。
  • 淺析音樂類 App 分享頁
    分享一直是音樂類app的一個重要拉新手段,因此如何提升分享量及分享回流比成了許多產品經理需要關注的問題。今天,作者將對市場上主流的幾款音樂類應用軟體,做一個分享頁的簡單分析。設計分享頁,我們要注意些什麼說實話,能讓用戶主動分享並且有其他用戶會願意點擊查看進而成為產品的新用戶是一件很難的事情。
  • 4個技巧搞定行動支付app的界面設計
    正確的ui/ux設計是提高轉換率,增加銷售額的有效方法。需要注意的是,設計師必須認真考慮在線商店的用戶體驗原則,這對於移動端設計來說更是如此。目前,在大部分網際網路流量中行動裝置流量佔據主導地位。2017年,移動用戶在整個網際網路的用戶中總數佔比達到52%左右。
  • 看看老外的社交APP UI界面設計,不知道你能有啟發不?
    對話頁面的ui要怎麼設計呢?下面列舉12個國外社交app ui設計案例供設計師盆友們參考。1、Tomek Kwiatkowski作品,黑色背景設計,歷史聊天記錄跟當下聊天用橫線分隔開。2、Trupti Pawnikar設計作品,清晰簡潔的設計。
  • APP界面設計之頁面布局的22條基本原則
    移動APP頁面布局(Layout)是我們設計app界面的時候,最主要的設計任務。一個app的好與不好,很大部分取決於移動APP頁面布局的合理性。
  • ui靈感:地圖類app界面設計欣賞
    那麼,除了我們常用的百度地圖,高德地圖外,地圖app還能怎麼設計呢?今天就一起來欣賞幾個設計精美的地圖app。1,這個一個有生命的實況地圖,可以看到灰機灰,火車跑,廣告彈,當然,界面設計也是非常有卡通感。2,這是一個中規中矩的谷歌地圖設計稿。
  • 10個最新手機美食APP界面設計欣賞
    移動軟體時代,簡單下載美食app,動動手指,滑動幾下手機屏幕,即可足不出戶,搜索,預定和購買各路美食。然而,對於作為手機app UI 界面設計師的你來說,最大的問題並不在於如何使用這些美食軟體來方便生活,而是在於如何才能為各類餐廳,酒店,咖啡館,水果以及飲料店設計出美觀,舒適且簡單易用的手機美食App,對吧?
  • 電商大促攻略頁設計指南
    而電商大促活動中的攻略頁,可不僅僅是一篇資訊文章那麼簡單,除了要向用戶傳達促銷信息,往往承載著引流,預約,發券,傳播等營銷目,同時存在很多交互操作。所以電商攻略頁可被視為一個獨立的小型產品,在設計這樣的產品時,有什麼設計方法可尋呢?本文內容即為筆者在多次大促攻略頁設計經驗中總結出來的一套方法,希望能對要設計促銷攻略頁的運營同學和交互同學有所幫助。
  • APP界面設計:如何選符合產品氣質的字體
    不管是中文還是英文,文字不僅是傳達信息的載體,也是設計中的重要元素,設計過程中儘量保證文字的閱讀性,在嚴謹中尋求突破。經過藝術設計的字體,可以使信息更形象、更美感的銘記於你心中。
  • 學員作品欣賞|引導頁,與用戶的第一次親密接觸!
    哈嘍,各位大佬們好啊現在的APP數量越來越多製作也是越來越精美,特別是引導頁每個APP都希望能在設計上與其他APP區分開從而給用戶留下美好的第一印象因此在引導頁的設計上就需要更多的創意今天的學員作品欣賞時間苗苗老師將為大家帶來設計學院學員們的引導頁設計一起來欣賞吧~
  • 移動應用的三種空狀態界面設計
    長久以來,空狀態界面一直是被忽視的,因為設計師們通常會將全部精力集中在怎樣更好的呈現內容和數據上,只有開發人員才會比較頻繁的與這類相對「意外」的狀態打交道。也正是因為這樣的原因,空狀態界面留給用戶的印象大體上就是晦澀難懂的文案以及缺乏視覺設計風格。要想打造完美的整體體驗,作為設計師,我們不能放過任何一個用戶有可能接觸到的界面狀態。
  • 視覺設計的思考:如何設計APP的登錄頁
    三、視覺設計的思考過程下面我開始做視覺設計了。為了演示方便,我給自己出了一個題目,以綠色為虛擬的主題做設計登錄頁。首先設計稿以iPhone7為基準設計,解析度是1334×750,為什麼選擇這個解析度,我的書說的很明白了。這裡就不再贅述了。我們先做強制登錄註冊的。這裡打開應用後,一般國外的應用挺喜歡出現選擇登錄註冊界面。這裡我給自己出一個題目,以綠色為主題進行設計。