關(guān)于 iOS apps 的啟動頁設(shè)計,再嘮叨幾句

0 評論 16942 瀏覽 16 收藏 5 分鐘

【導(dǎo)讀】對于app視覺設(shè)計者來說,熟悉iOS和android開發(fā)平臺的設(shè)計指南是設(shè)計的基礎(chǔ)。

在蘋果官方給出的《iOS 人機界面準則(iOS Human Interface Guidelines)》中,明確建議啟動頁設(shè)計成和 app 首屏一樣的啟動畫面,以傳達給用戶「認為你的 app 啟動迅速并已經(jīng)準備就緒」的信息。

點擊查看相關(guān)頁面

iOS 人機界面準則中相關(guān)字段

簡潔的啟動圖像會提升用戶體驗。尤其是,啟動圖像不宜提供:

  • 如閃屏一般的「app 進入體驗」
  • 「關(guān)于」窗口
  • 品牌元素,除非它們真的是你 app 的首屏的靜態(tài)部分

由于用戶可能會頻繁在 app 間切換,所以你應(yīng)竭盡所能地讓啟動時間縮短,而且你設(shè)計的啟動畫面應(yīng)淡化啟動體驗 而不是吸引用戶注意。

設(shè)計一個app 的第一屏一樣的啟動畫面,但不包括:

  • 文本。啟動圖像是靜態(tài)的,所以你在其中顯示的任何文本都不會被本地化
  • 可能會變化的 UI 元素。如果 app 完成啟動后有一個看起來不太一樣的元素,用戶可能會在啟動圖像和 app 的首屏之間感受到一個不愉悅的閃爍。

如果你認為下面這些準則會導(dǎo)致一個樸素、無趣的啟動圖像,你說對了。請記住,啟動畫面并不是一個供你藝術(shù)表達的機會。它的唯一目的是讓用戶認為你的 app 啟動迅速并已準備就緒。例如,「設(shè)置」和「天氣」都提供了一個和靜態(tài)背景圖差不多的啟動畫面。

國外的 app 遵循的很好(不是全部都做到),而但國內(nèi)遵守這個準則的幾乎沒有,都換成了廣告或營運的啟動頁,似乎變成了習(xí)慣。

30690-71572cc11e7bb5c4

國內(nèi)我們常見應(yīng)用的啟動頁

30690-2fe762cc1476e8e5

從左到右依次是 Facebook、Pinterest、Snapchat、Vine

這不是權(quán)不權(quán)威的問題。為 iOS 開發(fā)應(yīng)用,需要遵守這份人機界面準則是開發(fā)者的責任,如果不遵守,app 在發(fā)布階段蘋果的審核團隊可以不通過這款 app 的審核。作為一個設(shè)計師,我在進行相關(guān)設(shè)計工作的時候,會首先向產(chǎn)品經(jīng)理解釋清楚蘋果官方對啟動頁的建議,這是我的責任和義務(wù)。如果產(chǎn)品經(jīng)理堅持使用其它形式的啟動頁,我就尊重產(chǎn)品經(jīng)理的決定去做設(shè)計,但需要承擔這個審核不通過的風險。

用戶當然不需要知道這些事情,但似乎國內(nèi)的用戶都已經(jīng)習(xí)以為常了,為這些五彩八門的啟動頁無形中支付了用戶體驗的成本。而從用戶體驗的角度講,使用這些「空白」的頁面,是有利的。

如果認同,還不知道的設(shè)計師或產(chǎn)品經(jīng)理,請盡量去遵守;已經(jīng)知道的設(shè)計師或產(chǎn)品經(jīng)理,請倡導(dǎo)更多的設(shè)計師或產(chǎn)品經(jīng)理去遵守。如果是用戶,你完全有選擇不使用這款應(yīng)用的權(quán)利。

本文作者:劉英滕 ? ?轉(zhuǎn)載自:簡書

附:Android Design Android 設(shè)計指南非官方簡體中文版

iOS 8人機界面指南(一):UI設(shè)計基礎(chǔ)

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!