iOS人機(jī)界面設(shè)計(jì)指南 #2 啟動(dòng)&啟動(dòng)頁(yè)

2022-6-1    博博

翻譯iOS人機(jī)界面設(shè)計(jì)指南。譯文內(nèi)容有刪改,并增加了個(gè)人注解和案例補(bǔ)充說(shuō)明, 僅供參考, 歡迎交流~

目錄


一、設(shè)計(jì)理念 (Design Themes)   

二、設(shè)計(jì)原則 (Design Principles) 

[點(diǎn)我]以上部分見(jiàn)《iOS人機(jī)界面設(shè)計(jì)指南 #1》

三、應(yīng)用框架(App Architecture)


    啟動(dòng) (Launching)

        -提供一個(gè)啟動(dòng)頁(yè)

        -考慮屏幕方向

        -不要提前詢(xún)問(wèn)設(shè)置信息

        -不要顯示授權(quán)協(xié)議和免責(zé)聲明

        -重啟時(shí)恢復(fù)先前狀態(tài)

        -盡量不要讓用戶(hù)重啟

        -不要頻繁地讓用戶(hù)給你的App評(píng)分


    啟動(dòng)頁(yè)(Launching Screen)

        -設(shè)計(jì)一個(gè)與您的應(yīng)用的首頁(yè)幾乎相同的啟動(dòng)頁(yè)

        -避免在啟動(dòng)頁(yè)上包含文本

        -弱化啟動(dòng)頁(yè)

        -不要做品牌展示

        

        (原指南將“啟動(dòng)頁(yè)”放到視覺(jué)設(shè)計(jì)中, 因與本節(jié)關(guān)聯(lián)較大, 因此譯者整合到在此處)



-------------------------------------


啟動(dòng) (Launching)


啟動(dòng)體驗(yàn)很大程度影響用戶(hù)對(duì)APP的感受。 無(wú)論使用什么設(shè)備,無(wú)論自從上次打開(kāi)APP過(guò)了多久,啟動(dòng)體驗(yàn)都應(yīng)該是快速,無(wú)縫銜接的。


提供一個(gè)啟動(dòng)頁(yè)

應(yīng)用啟動(dòng)時(shí), 顯示啟動(dòng)頁(yè),然后迅速變?yōu)閼?yīng)用的首頁(yè)。 啟動(dòng)頁(yè)的作用是在加載時(shí)給用戶(hù)一種印象——該APP響應(yīng)迅速. 為確保從啟動(dòng)頁(yè)無(wú)縫過(guò)渡,請(qǐng)將啟動(dòng)頁(yè)設(shè)計(jì)成與首頁(yè)相似的、不會(huì)吸引關(guān)注的簡(jiǎn)單頁(yè)面。


考慮屏幕方向

如果您的應(yīng)用同時(shí)支持縱向和橫向模式,則應(yīng)使用設(shè)備的當(dāng)前方向啟動(dòng)。 如果您的應(yīng)用僅以一種方向運(yùn)行,則應(yīng)始終以該方向啟動(dòng),并在必要時(shí)讓人們旋轉(zhuǎn)設(shè)備。 除非有令人信服的理由,否則無(wú)論設(shè)備向左還是向右旋轉(zhuǎn),處于橫向模式的應(yīng)用程序都應(yīng)正確定位自己的方向。


不要提前詢(xún)問(wèn)設(shè)置信息

人們期望應(yīng)用程序能夠正常運(yùn)行。 為大多數(shù)用戶(hù)設(shè)計(jì)您的應(yīng)用程序,讓少數(shù)需要不同配置的用戶(hù)調(diào)整設(shè)置以滿(mǎn)足他們的需求。 盡可能從設(shè)備設(shè)置和默認(rèn)設(shè)置,或通過(guò)同步服務(wù)(例如iCloud)獲取設(shè)置信息。 如果您必須詢(xún)問(wèn)設(shè)置信息,請(qǐng)?zhí)崾救藗冊(cè)谑状未蜷_(kāi)應(yīng)用程序時(shí)提供該信息,并讓他們稍后在應(yīng)用程序設(shè)置中對(duì)其進(jìn)行修改。


不要顯示授權(quán)協(xié)議和免責(zé)聲明

在A(yíng)pp Store顯示授權(quán)協(xié)議和免責(zé)聲明,以便人們可以在下載應(yīng)用之前閱讀它們。 如果您必須在應(yīng)用程序中包含這些內(nèi)容,請(qǐng)注意不要破壞用戶(hù)體驗(yàn).


重啟時(shí)恢復(fù)先前狀態(tài)

避免讓用戶(hù)手動(dòng)返回之前的位置。保存和恢復(fù)APP的狀態(tài),讓用戶(hù)可以從他們上次的地方繼續(xù)。


盡量不要讓用戶(hù)重啟

重啟需要花費(fèi)時(shí)間,并且會(huì)讓你的APP顯得不可靠且難用。如果你的APP有內(nèi)存或其他問(wèn)題使其難以運(yùn)行,你需要解決這些技術(shù)問(wèn)題。除非是手機(jī)系統(tǒng)原因. 


不要頻繁地讓用戶(hù)給你的App評(píng)分

安裝后或在用戶(hù)使用你的APP時(shí)過(guò)于頻繁地彈出評(píng)分提示是很煩人的,你收到的有用反饋可能會(huì)反而因此減少。為了鼓勵(lì)用戶(hù)給出合理的反饋,你應(yīng)該給用戶(hù)一些時(shí)間讓他們對(duì)你的應(yīng)用形成自己的看法。并始終提供一種選擇退出評(píng)分提示的方法,永遠(yuǎn)不要強(qiáng)迫用戶(hù)對(duì)你的應(yīng)用進(jìn)行評(píng)分。


-------------------------------------


啟動(dòng)頁(yè)(Launching Screen)


當(dāng)你的APP啟動(dòng)時(shí),啟動(dòng)頁(yè)會(huì)立即出現(xiàn),并很快被應(yīng)用程序的首頁(yè)取代,給人一種APP響應(yīng)迅速的印象。啟動(dòng)頁(yè)不是一個(gè)藝術(shù)表達(dá)的機(jī)會(huì)。它只是為了增強(qiáng)你的APP快速啟動(dòng)和立即準(zhǔn)備使用的感覺(jué)。每個(gè)APP必須提供一個(gè)啟動(dòng)頁(yè)。




不要在啟動(dòng)頁(yè)面上使用靜態(tài)圖像。 如果您需要了解各種屏幕尺寸的尺寸以幫助您進(jìn)行設(shè)計(jì)布局,請(qǐng)參見(jiàn)設(shè)備屏幕尺寸和方向。在iOS 14及更高版本中,啟動(dòng)屏幕限制為25 MB。



設(shè)計(jì)一個(gè)與您的應(yīng)用的首頁(yè)幾乎相同的啟動(dòng)頁(yè)


如果您添加的元素在應(yīng)用程序完成啟動(dòng)時(shí)看起來(lái)有所不同,則人們可能會(huì)在應(yīng)用程序的啟動(dòng)屏幕和第一個(gè)屏幕之間遇到不愉快的閃爍。 還要確保您的啟動(dòng)屏幕與設(shè)備的當(dāng)前外觀(guān)模式(淺色/深色)匹配.




避免在啟動(dòng)頁(yè)上包含文本

由于啟動(dòng)頁(yè)中的內(nèi)容不會(huì)更改,因此任何顯示的文本都不會(huì)本地化。


弱化啟動(dòng)頁(yè)

人們重視是否讓他們快速訪(fǎng)問(wèn)內(nèi)容并執(zhí)行任務(wù)。 設(shè)計(jì)類(lèi)似于應(yīng)用程序界面的啟動(dòng)頁(yè)會(huì)給用戶(hù)帶來(lái)“應(yīng)用程序立即啟動(dòng)了”的錯(cuò)覺(jué)。 快速的啟動(dòng)時(shí)間,結(jié)合這種設(shè)計(jì)方法, 會(huì)使您的應(yīng)用程序響應(yīng)迅速。對(duì)于游戲,啟動(dòng)頁(yè)應(yīng)正常過(guò)渡到游戲顯示的首頁(yè)。


不要做品牌展示

啟動(dòng)頁(yè)不是品牌機(jī)會(huì)。不要設(shè)計(jì)得看起來(lái)像品牌刊登頁(yè)或“關(guān)于”窗口。 除非品牌標(biāo)志或其他品牌元素在應(yīng)用首頁(yè)也固定出現(xiàn),否則請(qǐng)勿包含徽標(biāo)或其他品牌元素。 如果您的游戲或其他沉浸式應(yīng)用在過(guò)渡到第一個(gè)屏幕之前顯示純色,則可以創(chuàng)建僅顯示該純色的啟動(dòng)屏幕。


//然而事實(shí)是, 幾乎所有應(yīng)用都會(huì)在啟動(dòng)頁(yè)展示品牌logo. 只有apple官方的應(yīng)用將“快速響應(yīng)”的思路堅(jiān)持到底. 我的看法是, 可以適當(dāng)融入一些品牌元素, 但依然要考慮與首頁(yè)過(guò)渡, 避免閃爍感和等待焦慮,  盡量簡(jiǎn)單、不引起注意, 從而帶來(lái)“快速響應(yīng)”的啟動(dòng)體驗(yàn). 



----------------------------------------


下篇預(yù)告       

 3.2 新手教程 (Onboarding) & 加載(Loading)


作者:子胖

轉(zhuǎn)載請(qǐng)注明:站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話(huà),可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

魏華的微信.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)m.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司


原文鏈接:https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/launching/

日歷

鏈接

個(gè)人資料

存檔