好湿?好紧?好多水好爽自慰,久久久噜久噜久久综合,成人做爰A片免费看黄冈,机机对机机30分钟无遮挡

主頁 > 快速排名 > 常見問題 > 特殊情況下的APP設計(2):啟動頁面設計

特殊情況下的APP設計(2):啟動頁面設計

POST TIME:2018-12-03 21:28

 

不管一個產品的啟動頁呈現哪種形式,都不該該忘了啟動頁存在的根來源根基因:為了減少用戶在等待APP啟動時的焦慮感。

心理學上有一個“7秒理論”,說的是,一個人對另一個人的印象,在初次見面的七秒內就會形成,比來更有研究表白,這個時間可能更短——不到1秒。所以初次見面所展示的形象真的很重要。同理,用戶在使用APP時,每次啟動呈現在用戶面前的界面重要程度不言而喻,而這個界面就是大家熟知的啟動頁。

1.啟動頁是什么?

在iOS的規范中,啟動頁的英文叫Launch Screen,指的是啟動APP時呈現的第一個界面。其實這種描述不夠嚴謹,從啟動APP到APP首頁的出現之前的頁面,都可以稱為啟動頁(新手引導頁除外:用戶第一次使用APP,有可能還會出現新手引導頁)。引導頁也是一個重要的話題,我們先按下不表,以后再聊。

由于APP啟動的過程很短,從幾百毫秒到幾秒不等,所以啟動頁也被稱為閃屏。

2.為什么要有啟動頁面?

了解我的人可能都知道,經常說的一句話就是“需求決定功能,功能決定設計形式”,這是我做產品的一個價值不雅觀。每種設計形式的出現都是有它背后的邏輯和機制的,了解了a這個Why,能讓我們做產品的時候變得更智慧。

那為什么會存在啟動頁這種形式?

首先目前的APP所相關的兩大平臺Android和iOS,是用Java和swift這些編程語言寫出來的,而計算機的元器件只有開和關這兩種狀態。當啟動APP時,設備(手機、平板等)需要將編程語言進行編譯成計算機能夠讀懂的二進制語言,計算機只認識1和0(對應元器件的開和關)。這個編譯過程需要時間,同時,啟動過程還存在向辦事器請求數據的情況,這也需要時間。也就是說,在點擊啟動APP圖標,到APP首頁的出現,是存在一個時間,這個時間的長短取決于設備的性能和網絡環境,從幾百毫秒到幾秒不等。

在這段空白時間,為了不讓用戶感到困惑或因為等待而產生焦慮。iOS的設計規范規定,要在啟動APP時,設計一個啟動頁,來填補這段用戶等待的時間。

3.怎么設計啟動頁?

根據功能和達成目的的維度,我將啟動頁分為了五類,別離是快速啟動類、品牌類、情感共鳴類、廣告類、節日類。

1.快速啟動類

對于啟動頁的設計,官方是有明確規定的,iOS的設計規范是這么描述的:

“為了增強應用程序啟動時的用戶體驗,您應該提供一個啟動圖像。啟動圖像與應用程序的首屏幕看起來非常相似。當用戶在主屏幕上點擊您的應用程序圖標時,iPhone OS會立即顯示這個啟動圖像。一旦準備就緒,您的應用程序就會顯示它的首屏幕,來替換掉這個啟動占位圖像。”

查看原文:https://developer.apple.com/ios/human-interface-guidelines/graphics/launch-screen/

國外的APP大多采用這種方案,它的最大好處是,啟動頁和首頁很相似,過度自然,用戶感覺不到有啟動這個過程,用戶體驗很棒。

Instagram

Foodie

Path

Facebook

如果首頁的框架和內容是變革的,不固定的,那怎么辦?不要慌,還是有措施的:采用和首頁顏色接近的圖來作為啟動頁。如“VSCO”等。

VSCO

如果是在國外,這篇文章講到這就要結束了,因為記住一條方法論就行“設計一張和首屏相似的頁面作為啟動頁,如果首屏內容是動態的,則采用和首屏整體最接近的顏色作為啟動頁”

但是國內的APP決定要走出一條本身的路,所以有了下面的八門五花的啟動頁。

2品牌類

盡管蘋果明確提出,啟動頁不是你品牌展示的窗口,但將啟動頁做成“品牌logo+名稱+slogan”成了國內最主流的啟動頁設計。放幾張圖,大家自行感受。

有道云條記&UC瀏覽器

上圖的兩個例子是目前國內APP最主流的方式,這種形式一是沒有設計,二是啟動頁和首屏有明顯的割裂感,真的不如直接用一張和首屏相似的圖片作為啟動頁。

那如果真的要在啟動這么短的時間內來強調公司或品牌,可以有更好的方案,Uber啟動頁利用品牌元素進行動態變革的設計,品牌元素從出現,到變革,再到消失一氣呵成,并且和首屏的銜接過渡的也很自然,在確保體驗的前提下,也起到了強化品牌的作用。我從Uber的這種做法提煉出了三個思路,一是除了靜態圖片還可以考慮動態展示的形式;二是將啟動頁做得更具設計感;三讓啟動頁和首屏的過度動畫更自然。可以作為品牌類啟動頁設計的方法論來用。

再來看幾個例子:

XY&開眼

輕芒閱讀&一個

標簽:九江 東營 鹽城 烏魯木齊 林芝



收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266