[系列]APP設計之一:啟動頁

4 評論 72241 瀏覽 182 收藏 9 分鐘

最近一直在花時間琢磨各種各樣的app??吹枚嗔?,對于如何設計app有了一些自己的小心得,準備針對app的常見模塊總結下自己的想法,以加深學習效果。

今天從app的啟動頁開始。

一、什么是啟動頁?

每個做產品的聊起來啟動頁都頭頭是道,但究竟什么啟動頁很少有人能夠給一個定義。多數時候在解釋不清楚的時候,我們會打開一個app,然后指著啟動頁說“喏,這就是啟動頁”。贊,漂亮地解決了問題。但在這里我還是想要說下啟動頁的定義。因為,從定義中我們可以看出一個東西的根本,有利于我們討論如何設計它。

啟動頁的定義:

當應用程序被用戶打開時,在程序啟動過程中被用戶所看到的過渡頁面(或動畫)都被我們統稱為啟動頁。由于啟動頁在每次打開應用時都會出現,并且往往停留很短的時間,就像閃現的效果一樣,所以也有人把啟動頁稱之為閃屏。

以上這段定義是參考了網絡上對啟動頁的各種描述后的總結,沒找到標準的定義或系統設計官方的定義(ios人機交互指南里頁沒能搜索到)。個人覺得還是比較靠譜的。

二、為什么要有啟動頁?

由定義可以看出,啟動頁的作用在于過渡。也就是說,它是用戶啟動和真正能使用app功能的中間階段。那么,必然地,時間盡可能地短成為了啟動頁的基本要求。讓用戶盡快用上功能才是王道啊。OK,既然應該讓用戶最快地使用app的功能,為什么不能沒有啟動頁呢。當然,這是一種非常好的想法,ios人機交互指南也提到了:

“Start Instantly

It’s often said that people spend no more than a minute or two evaluating a new app. When you make the most of this brief period by presenting useful content immediately, you pique the interest of new users and give all users a superior experience.

快速啟動

常言說,人們至多花一兩分鐘來判斷一個新應用。當你能夠在最短的時間內向用戶展現有用的內容時,你就勾起了新用戶的興趣,同時能夠給所用用戶一種卓越的體驗。

As much as possible, avoid displaying a splash screen or other startup experience. It’s best when users can begin using your app immediately.”

因此,要盡可能地避免展現一個啟動頁或其它啟動體驗。讓用戶立即用上你的應用是最好的。

摘錄來自: Apple Inc. “iOS Human Interface Guidelines”。

但是,理想很豐滿,現實很骨感啊?,F實中,產品啟動過程中多數時候是需要一定的時間的,特別大型的app,如繪圖軟件或是游戲,啟動的時間都相對較長。此時,如果不給予用戶合理的反饋,就會讓用戶覺得:

  1. app是卡死、奔潰了?還是出什么問題了?
  2. 界面難看死了,一看就知道不是啥好app。比如啟動頁是一個進度條。

因此,理論上啟動頁應該是一種不存在事物,但卻成為了一種合理的事物。

三、怎么設計啟動頁?

既然啟動頁不可避免,那么就應該設計好它,以給用戶盡量好的體驗。在這里要強調一句,從某種意義上說啟動頁是一種不得已的選擇。因此,個人的觀點是:

  1. 應用設計上,要讓啟動頁展現的時間要盡可能地短。
  2. 由于展現時間短,啟動頁的設計要盡可能地簡單。

以下是幾種常見的啟動頁設計模式:

1.設計與主界面相似的圖片,給用戶快速啟動的感覺。

這是ibooks的啟動頁。當我們在主屏幕上點擊應用程序圖標時會立即顯示這個啟動圖像。真正啟動后界面會把書展現出來。但由于啟動頁和真實界面上非常相似,會讓你有啟動了的錯覺,好像應用啟動很快。

這種啟動頁設計方式好像越來越少了。

2.使用應用logo和slogan作為主元素,傳遞品牌信息。

當然,也有更狠的,只放一個logo,更加簡潔。但本質是相同的。這種模式目前比較普遍。

3.使用意境化啟動頁,引起情感上的共鳴

這種模式的重點在于情感共鳴,其實設計難度是最大的。建議沒有必然的信心就別嘗試了。

4.使用廣告圖片,賺錢或宣傳其他。

這種模式簡直了。不知道該說啥。而且,很多時候,為了能夠讓用戶看到廣告圖片。app在設計上就故意給啟動頁留了幾秒的時間。這完全讓啟動頁變味兒了。完全不推薦。除非你不在乎用戶體驗或你的應用是網易新聞這種級別的,那你忽視用戶我也沒啥好說的。

5.動畫。

這種模式以前見過,但一下子沒找到合適的。不貼圖了。同上一種模式一樣,個人完全不推薦這種模式。完全違背了啟動頁的初衷。屬于漠視用戶。

四、如果我來設計啟動頁

那么:

  1. 在應用設計時,讓啟動頁展現的時間要盡可能地短。
  2. 使用應用logo和slogan作為主元素,簡單有效地傳遞品牌信息。要知道,很多公司為了讓自己的logo和slogan能夠出現在用戶面前,不斷加深用戶對自己的印象,往往花費成百上千萬只為讓其在種種場景下出現。所以,在自家的應用上就不要浪費了。每一次啟動都是一次印象的加深,都是增加粘性的機會。
  3. 從始至終,盡量用同一個啟動頁。理由同第二條。
  4. 始終記住啟動頁只是一個過渡,過渡就意味著應該快、不重要,沒必要花費太多的精力在設計上(一次就夠了)。

完。

#專欄作家#

岳山丘,微信公眾號:iamyueshanqiu,人人都是產品經理專欄作家,慕課網產品經理。兜兜轉轉好多年,一直在教育行業做產品。初始做內容,后來開始做WEB端。關注在線教育、互聯網金融(順便賺點小錢花)。最近一段時間開始研究移動APP產品,希望能夠多學習一些東西。

本文系作者授權發布,未經許可,不得轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 動畫這個可以看下uber,個人覺得啟動頁很舒服

    來自四川 回復
  2. 不錯

    來自四川 回復
  3. 棒棒嗒

    來自廣東 回復