SPARKFUL

Blog

SPARKFUL 團隊心得與生活點滴

合適的 APP 啟動畫面

Magic Hunguser-interface-design
name

當使用者按下你辛苦開發的 App 啟動圖示(Launch icon)時,可能是在紅燈轉換綠燈的短暫時間內、可能是在肚子快餓扁想要趕快找家餐廳時、也可能是急著從聯絡清單中找尋可以幫忙的聯絡人電話,這時候其實他們心裡最想要的,就是能夠越快開始使用這個程式越好!

我們在手機 App 開啟時,總是會看到絢麗的啟動讀取大圖,上面印著 App 的 Logo 或是設計精美的視覺圖像,但為何在 iOS 內建的應用程式開啟時,卻都只是顯示一個簡單的 UI 框架呢?我想這並不是 Apple 的設計師偷懶,其實在 iOS 提供的介面設計指南(Human Interface Guideline)中,早就清楚地列著一條建議事項:

在程式啟動的時候,請顯示一張非常相似於你程式初始介面的圖片,這會減少使用者在啟動程式時所感受到的等待時間。 Display a launch image that closely resembles the first screen of the application. This practice decreases the perceived launch time of your application.

這樣的方式,會讓使用者以為程式開啟的比較快,以為介面已經讀取好,只差補上裡面的資料,並且能夠預先提示使用者接下來會出現什麼畫面,以及大約會是什麼樣的操控方式,如內建的股市與 App Store 應用程式:

如果你眼尖的話,在最新的 Facebook iOS App 裡面就可以發現這個設計,Facebook 啟動畫面從以往顯示 Logo ,轉而變成了一張只有上方導覽列的空白介面框架:

很可惜大多數 App 都沒有遵循這個建議,大家都希望能夠掌握這個短暫的啟動時間,呈現一個美美的 Logo 大圖希望能夠使用者印象深刻,但其實使用者卻根本不想重複看到一樣的畫面。品牌與靜態介紹性的 App 的影響上還比較小一點,但如果你的 App 是屬於功能性或是顯示動態資料的程式,就應該要注意這個地方。

遊戲類 App 本身性質上就不同,需要強烈的風格與形象呈現,並且在程式啟動後,通常還需要許多額外讀取資源的時間,這類的 App 反而不適合使用陽春的介面框架。

除了在第一次開啟 App 時,使用者還有足夠的耐心與好奇心,可以慢慢地等待至開始操作的那個時刻,在此之後他們便像急性子的猴子一樣,多等待一秒鐘都有可能惱怒他們,這也不是使用者沒有耐心,而是使用者真的很忙,所以為了良好的使用性,請斟酌你 App 的性質,考慮將 Logo 或形象大圖割捨掉吧!


圖片來源:

  1. stevendepolo, CC licensed
Magic Hung
Magic Hung
Technical Director
Technical Director @ Fourdesire. Create fun and crafts via programming.
divider
相關文章
name

電影色彩學:這些經典電影如何運用「色彩」引導觀眾情緒

電影裡的弦外之音無論是電影、圖畫或任何形式的創作中,「色彩」都是非常基本且重要的元素。好的色彩運用可以讓人一眼看出創作者想表達的情緒。因此,如何恰當的運用色彩是一項相當重要的課題。平常在看電影的時候,除了關心劇情,也可以...閱讀更多
name

藏於字句間的創作:產品中的在地化翻譯

產品辛苦開發了,但要吸引其他語言使用者的使用,並不是那麼簡單的一件事。即使產品已經在某個國家(例如台灣)有了足夠的使用者數量,也不是翻譯成日文,就會憑空冒出許多日本的使用者。網路是連結的,但社群不是許多人...閱讀更多
name

完形心理學的視覺法則

我們的眼睛和大腦在觀察事物、接收影像刺激的時候,會有一些特別的傾向。這些傾向常常可以幫助我們快速的辨別事物,有時候也會產生所謂的「錯覺」。完形心理學重要的概念便是「整體不等於個體的總合」,舉例來說:當我們在觀察另一個人...閱讀更多