UI設計: iOS 啓動頁的原則

都說iOS打開軟件秒進,但是比如下圖的微信和網易新聞,要等好幾秒

1.jpg

2.jpg

未央之末回答:

這個問題的答案其實可以毀非常多UI和PM長久以來的三觀,其實Apple要求的Launch Image(下稱啓動頁)不允許這樣啊!!!不允許啊!!不啊!

先上簡化結論——

啓動頁的作用:

  1. 提高用戶體驗,減少用戶焦慮

  2. 品牌效應

  3. 商業需求

  4. 情懷(褒義)

而不同的作用必然會帶來不同的體驗。

好了,針對上述的4種,我要開始攤大餅了!!

1. 提高用戶體驗,減少用戶焦慮

原本Apple設計啓動頁的目的僅僅是爲了讓用戶覺得你的APP已準備好給用戶使用,減少用戶打開啓動到正常使用的焦慮感。

引用Apple HIG原文[1]:

1
2
3
4
5
6
7
8
9
"Design a plain launch image that improves the user experience. In particular, the launch image isn’t an opportunity to provide:
An “app entry experience,” such as a splash screen
An About window
Branding elements, unless they are a static part of your app’s first screen
Because users are likely to switch among apps frequently, you should make every effort to cut launch time to a minimum, and you should design a launch image that downplays the experience rather than drawing attention to it.
Design a launch image that is identical to the first screen of the app, except for:
Text. The launch image is static, so any text you display in it won’t be localized.
UI elements that might change. If you include elements that might look different when the app finishes launching, users can experience an unpleasant flash between the launch image and the first app screen.
If you think that following these guidelines will result in a plain, boring launch image, you’re right. Remember, the launch image doesn’t provide you with an opportunity for artistic expression. It’s solely intended to enhance the user’s perception of your app as quick to launch and immediately ready for use. For example, Settings and Weather each supply a launch image that is little more than a background image."

注意我加粗的三個詞——isn't, plain, boring

精簡下大意就是:

你的啓動頁三不要——不要閃一個頁面再進去!不要當做關於xxx的頁面!不要有品牌元素!

你的啓動頁最好——單調!無聊!

對,你沒看錯,你真的沒看錯,國內APP佔全了三不要,繼續看...

看看實際案例吧:

【Apple推薦的做法】

3.jpg

4.jpg

誒...所有的Apple自帶APP+歪國大部分APP都是這樣,大家可以自己試試...

難道國內的UI都沒看見isn't?往下看吧

2. 品牌效應

衍生到國內APP時,啓動頁變成了品牌效應的犧牲品,變成耳熟能詳的 APP名 + 手寫體slogan

5.jpg

對,我是在黑知乎,誰讓它那麼黑....

很明顯,違反了Apple的三不要:全都是一閃而過之後進入APP,淘寶這下面完全是當做關於頁面,不要加品牌元素...

但是,回過頭來說,當我們長久這麼使用了之後,覺得怪麼?不怪,我覺得所有的UI都不是傻瓜,在對原規範和自主之間,選擇一個更貼近國人的選擇也是情理之中——

  • 它可以增加品牌效應,我是淘寶系的,國際範兒,用我的APP沒錯,別信什麼推薦啊,9.9包郵啊啥啥啥的

  • 它可以給用戶心理暗示,從JD這裏買就是又快又好,想團購看電影隨時淘啊~

  • 它可以在消除用戶等待情緒方面提供更好的效果,因爲大部分人確實會看它那麼一小會兒

  • 它可以滿足部分商業務求,下文

  • 它可以體現自己的人文情懷,下文

  • ……

3. 商業需求

隨着國情,哦不,商情的發展,逐漸出現了啓動頁廣告和首發標語的需求,市場需求部分引導產品需求的傾斜,你會發現這兩種啓動頁的粗線:

6.jpg

(手邊沒Android,隨便找了個萬年曆的引導頁,類似這樣包含xxx獨家首發、聯合首發之類的啓動頁有很多)

這兩種就屬於題主說的,等待好幾秒纔會消失,其實,事實是他們真的可以不用等,但是由於某些原因(廣告主要求、廣告SDK要求、首發市場要求),不得不拖那麼久,你有時候甚至可以看到倒計時,我也是醉了...說白了就是流量變現,現變流量的良性循環~

4. 情懷(褒義)

嗯...想了想,我把知乎日報放這兒吧,微信、QQ、知乎日報這仨我個人比較喜歡的...

7.jpg

知乎日報還有個特點是,當你沒有可用網絡的時候,這個啓動頁停留很久...目的其實還是提升用戶的體驗,希望能儘量在實際進入APP的時候能有效展現APP內容。

嗯,就這些吧,沒怎麼檢查,將就看吧...留個我個人比較喜歡的QQ啓動頁的誕生記:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章