成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

N多應用都忽略了的蘋果人機界面指南細節

移動開發 iOS
從App Store創建伊始,蘋果就一直在推廣一個觀念:應用的啟動圖片(你打開應用第一眼看到的)應該僅僅是一個中間屏幕,僅此而已。

今天我們想分享一些在創建FreeTime時的發現,FreeTime是一款日歷應用,在隨后的正文中我們會多次提到它。

為什么蘋果不喜歡你應用的啟動圖片
從App Store創建伊始,蘋果就一直在推廣一個觀念:應用的啟動圖片(你打開應用***眼看到的)應該僅僅是一個中間屏幕,僅此而已。引用蘋果的人機界面指南如下: 

“一個啟動文件或啟動圖片的作用是,當應用啟動時提供給iOS系統的一個簡單的圖片占位符。這個圖片占位符給用戶一個印象:你的應用是快速的、有反應的,因為一點開應用它會立即展現,且很快被應用的***屏替換。”

問題是,相當多的人(包括我自己)忽略了這條準則。如果你對此感到好奇,可以看看上面的封面圖,或者把所有運行在后臺的應用關了再啟動看看。我敢打賭你會發現有一大部分沒有遵循蘋果的準則。

更糟的是,大多數應用開發者也許同意蘋果的建議(畢竟誰不希望“給用戶留下應用是快速有反應的這樣的印象”呢),但在開發中太容易為了取悅初次使用的用戶,去展現一個高大上啟動圖片以及有趣的初始動畫,結果忽略了這個準測。甚至在我的咨詢工作中,啟動圖片是一個品牌推廣***的輸出機會,我們的客戶很喜歡這個。

有些應用開發者(又包括了我自己)在應用的登場體驗上更進一步,用到了動畫和視頻。回想2010年,我給我的日歷應用FreeTime的***版做了這個啟動動畫序列,當時我們為此還相當得意。

32.gif

在這個視頻中,你會看到一段優美的引導動畫,很多人***眼看的時候就被深深迷住了。但你沒看到的是,今后你每次打開應用時,它都要先秀一段白云飄飄,然后才轉入到應用的主界面----一開始很有趣,但很快它的吸引力就消失殆盡。

品牌植入型的啟動圖片和動畫只會擋道,浪費時間。

蘋果是對的,我們不應該忽略他們的準則,因為這些品牌植入的啟動圖片說好聽點是***眼很可愛很有趣,多看幾眼就膩了,說難聽點它消耗了使用我們軟件的人的大量時間。

這不僅是2010年時的應用所為,這仍然發生在2015年的今天。比如說,Food Network最近一次的應用更新就是如此(他們幾周前剛上蘋果的精品推薦,所以對他們挑剔一點也是公平的)。

33.gif

這段視頻每次每次啟動應用時都要出現(而且大約有5秒鐘那么長)。

隨便用了一會之后,我甚至開始覺得這個應用真是極其的慢,但其實我心里知道這是一個制作精良的應用(實際是由Bottle Rocket的大牛們做的)。App Store評分也反映了這一點(上次我看時大約4.5星),但是使用過程中浪費掉的時間實在是太多了。

不如我們做個趣味思維練習:每次啟動花5.5秒,每周約啟動3次,然后有100萬活躍用戶,接下來一年里人類就要損失超過8億2千萬秒。

Food Network的應用在接下來12個月里會干掉整整26年的人生。

給品牌植入型啟動屏幕找條出路

這些年來我不怎么關注蘋果的啟動圖片準則,但現在我注意到了,因為我發現一個簡單有趣的方法實現雙贏。一方面是品牌推廣還是能夠做,另一方面蘋果也能保有乏味的啟動圖片(是的他們知道這是乏味的):

“要是你覺得遵循這些準則會導致一個平凡、乏味的啟動圖片,你是對的。請記住,啟動圖片不是給你提供做藝術展現的機會的。它僅僅用來加強用戶一些感知,感知你的應用啟動很快且馬上就能使用。”

這是我們開發的一個啟動動畫。我們的目標相當明確:

獲取應用所需權限(日歷訪問權限和通知)

退場(有的登場體驗堪稱拖拉)

取悅初次使用的用戶,但還是得讓著“蘋果用戶體驗”爸爸,遵守規矩。

經過許多迭代之后最終我們做成了這樣:

34.gif

UI設計的扁平化趨勢使得應用更容易用啟動界面做初始品牌推廣,即使在遵循了人機界面指南的前提下。

在早先版本的iOS中,大量的漸變使得這樣做很困難,但現在扁平化的導航欄能很容易地擴展成兩倍大小,變成用作應用登場效果的畫布。使用動畫導航欄和分頁欄能很容易的向外擴展,占據整個屏幕,隨后給應用實際用途讓路。

更贊的是,這還不會讓人感覺到笨拙或別扭,完全自然而然。

下面這張圖展示了用戶***次啟動FreeTime時所看到的,以及后續每次啟動時看到的。

于是解決辦法來了----只需做以下四步:

如果你的應用有頂部導航欄或者tab bar(下面以頂部導航欄為例),使用單一顏色,與此同時創建一張遵循蘋果規則的普通啟動圖片.

在***次啟動時,動畫擴展導航欄,向下擴展到視圖中成為“登場效果畫布”。

插入有趣的品牌推廣(關鍵要有趣),詢問權限許可,歡迎一下,然后馬上退場。

動畫使畫布回到導航欄,漸隱現出你的應用主界面。

你的用戶初次看到動畫會很高興,然后在后續啟動中,他們不會再看到有關登場動畫的任何東西,但是他們也許會細微的覺察到你的應用啟動真是快,即開即用。

雙贏。

責任編輯:陳琳 來源: CocoaChina
相關推薦

2014-09-18 10:53:38

Apple Pay開發人機界面

2015-11-04 09:54:34

ios9人機界面ui

2011-08-01 14:20:43

iPhone 界面 屏幕

2020-10-04 13:11:38

物聯網工業4.0技術

2020-08-04 10:40:18

邊緣AI人機界面HMI

2011-08-01 14:34:06

iPhone 聲音 音頻

2011-08-01 14:42:47

iPhone 應用程序 聲音

2011-08-01 14:26:41

iPhone 應用程序 事件

2021-10-28 11:16:26

AI 數據人工智能

2017-04-07 14:42:27

人機界面語音觸覺

2021-10-26 15:15:00

蘋果 iOS 15 iPadOS 15

2020-08-05 11:35:11

UI設計師iOS蘋果

2023-06-25 10:10:00

2011-03-02 08:35:19

人機交互界面iOS

2013-03-22 14:27:52

iOSWin8UI設計

2021-10-29 10:50:41

技術資訊

2012-08-17 09:47:01

施耐德電氣人機界面

2011-06-10 13:57:00

SEO

2010-01-26 13:28:11

Android開發要點

2019-04-02 09:00:00

機器人人工智能HMI設計
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 久久1区 | 国产午夜av片| 国产在线观看av | 亚洲三级av | 中文字幕亚洲欧美日韩在线不卡 | 自拍视频网站 | 色综合色综合 | 欧美另类视频 | 综合激情网 | 91麻豆精品国产91久久久更新资源速度超快 | 在线欧美一区 | www.久久 | 男女黄网站 | 老司机成人在线 | 欧美乱大交xxxxx另类电影 | 一区二区免费 | 国产一区二区三区色淫影院 | 国产精品欧美一区二区三区不卡 | 日本色综合 | 一区免费观看 | 久久av一区二区 | 99国产精品99久久久久久粉嫩 | 91视视频在线观看入口直接观看 | 久久久久久久一区 | 国产精品日韩欧美 | 久久亚洲一区二区 | 91福利电影在线观看 | 丁香婷婷综合激情五月色 | 秋霞电影院午夜伦 | 久草免费在线视频 | 国产三级一区二区 | 精品乱人伦一区二区三区 | 国产精品久久777777 | 国产黄色在线观看 | 日韩精品在线一区 | 亚洲国产精品精华素 | 精品欧美一区免费观看α√ | 亚洲区一区二区 | 国产一区中文字幕 | 亚洲啊v | 玖玖国产|