您好,登錄后才能下訂單哦!
手指無聊的在手機屏幕上滑動,N多程序跟著手指左左右右的翻來覆去,忽然眼角掃見了一個亮眼的程序,仔細一打量覺得有點意思,隨手點擊一下,等著程序啟動。。。。。。
場景是太常見了,那么在點擊圖標之后,APP首頁展示在我們面前之前,這段時間發生了什么呢?
答案是倆。一般來說是倆,也許有的程序有很多,但我目前還沒見過。這倆頁面就是“引導頁” “啟動頁”。
當你第一次使用某個APP的時候,點擊應用首先會出來這么一個頁面,整個一個大的圖,下面還有幾個點,當你在屏幕上滑動時,圖變了,下面的點也跟著發生變化,這個頁面的內容是一些關于APP的形象介紹和產品宣傳,這個頁面就是引導頁,引導用戶使用,并借機宣傳產品功能和特性。
引導頁一般會在兩個時機出現,用戶第一次使用時,和更新版本后第一次使用時。為什么會在這兩個時機展示呢?我們讓用戶看引導頁的目的是什么呢?
當用戶第一次使用APP時,對于APP的了解都是抽象的不具體的,那么就需要用一些引導性的圖片或者動畫也可以是視頻來對用戶來一個簡明扼要的說明,讓用戶了解APP是做什么的。
還有一種情形是產品更新了新版本,加入了更好玩更能吸引用戶對用戶更有幫助的新特性,為了讓用戶更快的了解到產品的變化也會在這個頁面通過圖片或動畫的形式來告訴客戶,吸引用戶的興趣。
引導頁的主要目的是為了給用戶展示信息,做法也比較靈活,展現形式可靜可動。
指的是頁面圖片內容是靜止不動的。可以根據展示的圖片的數量來分為,多圖展示和單圖展示。
多圖展示,圖片可以是多張圖片,通過手指滑動來切換圖片來展示內容,當然最好的變法是切換圖片的時候加入一些切換動畫,來讓效果看起來更生動有朝氣。 單圖展示,圖片是一張大的背景圖,一般是做成卷軸的形式從左到右展現,讀起來感覺像是在通過鏡頭在觀賞一副畫作,通過手指滑動來展示不同的位置。這樣的形式甚至可以講一個故事或者描述一個流程,跟看電影似得,仔細讀讀還挺過癮。
動態引導頁產生的目的是為了讓用戶看起來更形象更立體,動態引導頁也可以分兩種,一種是展示動畫,一種是展示視頻。 展示動畫是在APP里內置一個gif文件或者一組連貫的圖片,通過程序控制播放,通常是描繪的一個完整的用戶使用的場景,優點是展示的場景更生動,缺點是會增大安裝包的體積。 展示視頻是在引導頁播放一段小視頻,可以使用戶使用場景的一個片段也可以是一些人的發言,內容可發揮余地很大,是讓用戶體驗起來最生動最好的。可惜如果內置視頻會導致APP體積增大到很可怕的程度,一般最好不要在用戶第一次安裝時使用這種引導形式。
之前說過引導頁一般出現在用戶第一次安裝啟動時,或者版本更新后第一次啟動時。但是我們有一個特別牛的活動,可以給用戶提供更好地服務,而且還不需要發版本,我該怎么讓用戶知道呢?難道靠用戶在APP里瞎點么?這時候可以考慮打打引導頁的主意,這就需要產品提前做好這個需求,讓程序員開發。這個場景一般可能不需要,因為大部分牛逼的新功能會隨著新版本一塊兒發布,但萬一呢,萬一你有一個big Idea可以直接利用現有的H5頁和App功能直接就能實現呢,一個牛逼的創意,都做出來了,然后用戶確不知道,這不得憋屈死啊。所以這種模式-大活動展示-應用而生,建議目前有這個功能的APP產品人員記著點,這個方式可以極大的方便新特性推廣,沒有的產品記得盡快在某個APP里做進去。
產品在設計引導頁的時候往往走入這么幾個誤區:
做個按鈕點擊了直接跳轉到某個頁面唄
既然圖都能動了,那就來個動畫唄,或者都能動畫了那就直接來個視頻得了
自己想要表達的沒能表述清,再多弄幾張圖或者多一點時間
千萬不要,你的介紹再牛逼,你的動畫再精彩,你所占用的也是用戶的手機流量,用戶的時間,現在用戶對流量耗費還是很敏感的,世面上又有各種程序來查看程序耗費的資源,如果被用戶發現了被卸載不說還有可能被用戶傳播,做爛了口碑。另外引導頁畢竟只是個過渡頁面,程序運行需要的各種設定可能還沒準備好,你如果加了按鈕加了交互操作有可能會引發不可預料的問題。
這已經不是你第一次打開APP了,但每次打開都會有一張圖先展示在你面前,頁面逼格或low或高,畫面風格或清爽或怪異,你總歸要在這個頁面呆個幾秒才能正式進入到APP首頁。這個頁面就是啟動頁。
啟動頁的形式,一般是一張大圖下面再加一句朗朗上口的slogan,這樣有兩個好處,
1、品牌形象整體漏出,在加上slogan的描述,讓用戶對產品了解的更多一些,優秀的形象設計有利于在用戶心理留下好印象,為產品的整體展示做好鋪墊。 2、準備數據,啟動頁下一頁就是首頁,如果用戶進入首頁還要等待一段時間來加載數據會影響用戶體驗,而且會讓用戶明顯的感受到數據請求的過程,進而對程序使用的流量點亮產生質疑,所以可以利用這段時間加載必須的數據,盡量讓用戶進入首頁就能看到東西,讓用戶感覺程序使用很順暢,流量和電量的使用無感知。 3、廣告展示,如果策劃了一個比較好的活動,可以在啟動頁展示海報,對活動進行一個相對詳盡的描述,讓用戶快速的了解活動,也可以通過點擊海報快速參與活動
1、不要用沖擊太大的色彩和圖,啟動頁是展示是很頻繁的,這時候用戶的心里狀態基本是這樣的,“終于選好了一個應用,不用再滿無目的的瞎劃了,靜下心來看看這個應用里有什么好東西”,注意這時用戶的心里是稍微有點平靜的,注意不要用沖擊力很強的顏色,如紅色,如果用的話也不要把沖擊性高的顏色當背景色。背景色盡量選擇平和一點的。
PS:游戲恰恰相反,要根據游戲類型選擇視覺差距明顯的顏色,來吸引用戶的眼球,刺激用戶的腎上腺素調節,烘托一下嗨的氛圍。
2、預留合作方圖標的空間,再設計的時候需要考慮到你的APP可能會做不同渠道的首發,要給別人的圖標留個地方來放。
3、廣告顯示時,一定要有跳過的按鈕,如果沒有按鈕就是強奸用戶,讓用戶感覺你是在浪費我的時間。
4、失效廣告及時下線,如果用戶點了已經失效的廣告,結果進去發現活動無效,會讓用戶鄙視的,覺得在欺騙用戶的。
在程序啟動后進入首頁前顯示幾個頁面其實并不是限制死的,你可以做成多個頁面,也可以在一個頁面里實現功能。首頁之前的頁面主要的目的是,承接用戶點擊圖標時的期待和興趣,對產品進行一個較為詳細的闡述,讓用戶了解的多一點,也可以通過廣告的形式讓用戶直達活動,給后太數據請求和操作留下時間,讓用戶感覺到順滑自然的進入首頁。
之前我們說過首頁前頁面的一個重要的作用就是給后臺數據加載爭取時間,那么在這段時間里程序干了什么呢。下面做一個詳細的解讀。 程序的判斷邏輯。
進入什么頁面if( 需要顯示引導頁){ 進入引導頁 } else{ 進入啟動頁 } 是否需要顯示引導頁if(第一次安裝){ 是 } else if(更新版本后第一次打開){ 是 } else if(活動需要展示){ 是 } else { 否 }
當引導頁或啟動頁在前臺展示時,會有一段時間是等待用戶操作或者等時間到時的,這時候程序后臺會在后臺做一些數據上的準備,具體做的事有以下幾件
進入啟動頁會先請求接口判斷是否有新的廣告圖需要展示,如果沒有會顯示之前的廣告圖或者不顯示廣告圖。如果有會有兩種處理方式:
直接下載圖片,并展示。這時頁面表現為,先展示品牌logo,過一段時間圖片加載完成后顯示廣告圖,為了防止直接切換圖片顯得突兀,可以加一個圖片切換東湖。
顯示上一次的廣告圖或不展示,后臺下載圖片以供下一次啟動時用。這種方式用戶無感知,推薦使用。
目前地理位置信息在手機APP里應用比較多,所以大部分應用都有定位操作,定位操作受GPS信號和網絡信號的影響比較大,所需時間長短不一,為了避免影響用戶在首頁的使用,需要把這個操作前置,提前獲取到位置信息,當用戶進入首頁時直接使用正確的地址顯示正確的數據。
當前APP里大多有分享,支付,以及聊天,推送等功能,一般都是集成第三方控件來實現的,有些控件是需要在程序啟動時就要聲明使用的,這部分操作就在首頁前完成。
APP啟動時需要檢查是否發布了新版本,如果有新版本一般會在后臺下載好,待再次啟動時,提醒用戶是否需要更新,當然也有任性的,直接要求你更新不更新不能使用。后者命名為強制更新,強制更新對用戶傷害很大,一般不使用。
根據不同的產品需求,有些功能可能沒有及時開發完成或者有一些配置文案類的東西,會在APP啟動后進首頁前加載,集中獲取,提前寫好。避免在使用時再加載,保證用戶體驗順暢。
部分情況為了保證首頁打開時直接就有數據,也可以在這一階段把首頁的數據都請求下來存在內存里,在切換到首頁時,直接顯示內容。
在進入首頁前,程序后臺要做的事可能不只以上這些。為了保證用戶進入首頁流程順暢,我們可以把一些準備性的工作都在這一階段完成。但功能不是無限加的,一定要保證時間不要太長,用戶操作也不要太多。因為,當用戶點擊的時候,會有一段時間的心里平靜期,這段時間是我們可以利用的時間。但這段時間不會太長,一定不要讓用戶等的不耐煩。也不要讓用戶在這段時間有太多的操作出口,操作出口太多有可能導致用戶點擊,點來點去進不到首頁,得不償失了。
我們在首頁前展示的頁面有且只有兩個目的,1、品牌形象宣傳。2、進首頁的數據準備。一定要注意的是這個時間不會太長,形象宣傳設計要精簡到位,準備的數據也要重要且必須,不要在這個階段展示太多東西也不要浪費太多的時間,畢竟盡快讓用戶進入首頁看到整體才有效果,這才是我們的目的。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。