久久蜜臀精品av_国产欧美日韩_亚洲一区二区三区四区_国产精品无码久久久久_久久性_国产日本在线视频

當前位置: 首頁 > 設計資訊 > 理論文摘 > 正文

遵循這4步設計應用啟動頁面,讓用戶愛上你的APP

2019-04-30 1713 0

設計 啟動頁面 用戶 APP App-Store

  從App Store誕生伊始,蘋果就一直在強調他們的一個觀念,那就是應用的啟動圖像(也就是桌面上所有應用在打開時應該短暫顯示的一個圖像),必須是一個處于中心位置的圖像,而且不能有其他的東西。如果你仔細閱讀了蘋果的人機界面指南,那么你一定注意到了這一點。

  應用的圖像應該在iOS屏幕上盡可能的簡潔。這樣的圖像能夠為用戶提供良好的感覺,讓他們覺得你的應用響應迅速、準確。在打開你的應用之后,應用的第一屏要立刻代替啟動圖像出現在屏幕上。—蘋果人機界面設計指南對于應用啟動圖像的要求。

  然而現在的問題是,幾乎每一個人,包括我自己,都沒有注意到這個指南對于應用啟動圖像設計的要求。如果你很好奇這個問題究竟有多普遍,你可以看看上圖的例子,或者是關掉后臺中的所有應用進程,并且重新打開這些應用。我相信,你會發現有許多應用其實并沒有遵循蘋果的這個要求。

  更糟糕的是,有許多開發人員其實同意蘋果的這個看法(誰不希望給用戶留下一個響應快速、準確的印象呢?),但是在實際的應用開發過程當中,我們很多人都會忽略這個要求,或者只是為第一次使用應用的用戶提供了啟動圖像。在我日常的咨詢工作中,我也會發現許多公司忽略了這個東西,當他們了解到啟動圖像的作用之后,他們都會愛上這個東西。

  一些應用開發人員則了解到了啟動圖像的重要性,他們甚至更進一步,用一些動畫和視頻來代替啟動圖像。2010年的時候,我就用這種方式打造了我的日歷應用Free Time。對此,我和我的團隊都感到非常自豪。

Free Time啟動動畫,2011年

  如果你看了視頻,你就會發現,在打開這個應用之后,你會看到一個非常好看的動畫,很多人在第一次看到這個動畫之后,都表示他們非常喜歡它。但是并不是當你每一次打開應用的時候,你都會看到那些云彩和那張圖片,然后再過渡到應用的主體界面中。雖然這個動畫很可愛,但是用戶看多了馬上就會對它失去興趣。

  商標啟動圖像只會浪費時間,并且阻礙用戶的使用體驗。

  蘋果說的沒錯,我們不應該忽略他們的指導,因為那些類似廣告的啟動圖像只有當用戶第一次看到的時候才會讓他們感到有意思。如果每一次啟動應用都會看到他們,用戶只會感到厭煩,在最極端的情況下,用戶甚至會放棄繼續使用這個應用。

  這個錯誤,不僅僅是2010年出現的應用犯過,甚至是今天出現的應用也在犯。例如,Food Network的最新一次應用升級(這個應用幾周前剛剛被蘋果推薦過,因此挑挑他們的毛病也不算過分)。

  每一次當你啟動應用的時候,都會看到這個視頻(要知道它足足有5秒那么長)!

  在一段時間的使用之后,我甚至開始感覺這個應用變慢了,但是我心里其實知道這僅僅是一個錯覺,它其實是一個制作精良的應用。而造成這種錯覺的罪魁禍首,就是那段視頻。看看App Store里的用戶評論,你就知道有這種感覺的不僅僅是我一個人而已。上一次我查看的時候,這個應用的評分為4.5星,但是評論中有很多人都在抱怨那段視頻是在浪費用戶的時間。

  我們算一個有趣的數字,這個應用平均5.5秒被啟動一次,它的用戶數量達到了100萬人。就算這些人每周啟動3次這個應用,這意味著,在接下來的一年中,這個應用將會浪費人類820,000,000秒的時間。換句話說,在未來12個月中,Food Network的應用將會浪費我們總共26年的時間。

為品牌冠名啟動屏幕找到解決方式

  很多年來,我自己也并不是十分在意蘋果的啟動圖像設計指南,但是如今我已經認識到了它的重要性,因為在這份指南中我找到了最好的設計方式,甚至可以說我進入到了一個全新的世界中。在這個世界里,開發人員可以展示自己的品牌,而蘋果也能維持良好的應用體驗。

  如果你覺得按照以下指南,你只能設計出無聊的應用啟動圖像,你一點錯都沒有。記住,啟動圖像其實無法為你創造更多的機遇,它的作用只是提升用戶的使用體驗,讓他們感覺應用的響應迅速而準確。—蘋果人機界面設計指南對于應用啟動圖像的要求。

  我們開發的應用啟動動畫, 目的非常明確:

1 獲得我們需要的用戶授權(使用設備日歷和通知功能)

2 立刻消失(一些應用的登錄體驗簡直慢的讓人難以接受)

3 讓第一次使用應用的用戶感到高興,但是嚴格遵守蘋果UX的規定

如今的扁平化UI的趨勢,能夠讓應用開發人眼在設計應用啟動圖像和動畫的時候更好的遵守蘋果的人機設計指南。

  在以前的iOS版本中,擬物化的設計讓遵守設計指南變得非常困難。但是如今的扁平化導航欄能夠輕松的通過鋪平整個屏幕,變身為過渡動畫的畫布。而且更好的是,這種過渡一點都不突兀,而且非常自然。

  下圖展示了用戶在打開Free Time之后所看到啟動動畫的過渡:

設計 啟動頁面 用戶 APP App-Store

  制作應用啟動圖像或是動畫其實很簡單,只需要遵從以下4步:

1 如果你的應用中有頂部導航欄或是分頁條,你要用純色,然后按照蘋果的規定創建一個簡潔的啟動圖像。

2 在第一次啟動的時候,通過動畫效果從上到下擴展導航欄,讓它成為應用啟動圖像的“背景畫布”。

3 在這個界面上展示你的商標,并且向用戶索取授權,歡迎用戶,然后立刻消失。

4 通過動畫讓“畫布”變小,重新變成導航欄,然后讓界面過渡到應用第一屏。

  如果采取了這樣的設計,你的用戶將會非常高興,他們根本不會有被打擾到的感覺。同時,他們還會覺得你的應用響應迅速、準確,然后不斷的使用你的應用。

  對你,對用戶,這都是一個雙贏的結果。


0
評論區(0)
正在加載評論...
相關推薦
主站蜘蛛池模板: 免费黄色成人 | 成人激情视频免费观看 | 99re视频| 欧美国产一区二区 | 国产一级电影在线观看 | 国产精品日韩一区二区 | 中文精品视频 | 美国十次成人欧美色导视频 | 暖暖成人免费视频 | 久久精品99国产精品日本 | 青草福利 | 丁香久久 | 国产视频一区二区在线观看 | 日韩精品一区二区三区在线观看 | 亚洲国产一区二区三区四区 | www.日日干| 一区二区中文字幕 | 国产一二三区电影 | 欧州一区二区三区 | 日韩视频免费看 | 午夜99 | 国产成人jvid在线播放 | 91视频在线观看 | 国产精品久久久久久妇女6080 | 国产高清毛片 | 亚洲高清电影 | 久久综合一区二区三区 | 亚洲综合99 | 亚洲国产一区二区在线 | 国产欧美精品一区二区三区 | 影音先锋中文在线 | 亚洲精品一区在线观看 | 99在线免费视频 | 国产免费一区二区三区最新6 | 国产91九色 | 精品毛片 | 日韩中文字幕在线不卡 | 亚洲乱码国产乱码精品精98午夜 | 欧美乱做爰xxxⅹ久久久 | 中国黄色毛片视频 | 国产综合网址 |