最新iOS設(shè)計(jì)規(guī)范六|10大交互規(guī)范(User Interaction)
編輯導(dǎo)讀::iOS是運(yùn)行于iPhone、iPad和iPod touch設(shè)備上、最常用的移動(dòng)操作系統(tǒng)之一。作為互聯(lián)網(wǎng)應(yīng)用的開(kāi)發(fā)者、產(chǎn)品經(jīng)理、體驗(yàn)設(shè)計(jì)師,都應(yīng)當(dāng)理解并熟悉平臺(tái)的設(shè)計(jì)規(guī)范。這有利于提高我們的工作效率,保證用戶(hù)良好的體驗(yàn)。本文是iOS設(shè)計(jì)規(guī)范系列第6篇,介紹人機(jī)交互(User Interaction)
iOS是運(yùn)行于iPhone、iPad和iPod touch設(shè)備上、最常用的移動(dòng)操作系統(tǒng)之一。作為互聯(lián)網(wǎng)應(yīng)用的開(kāi)發(fā)者、產(chǎn)品經(jīng)理、體驗(yàn)設(shè)計(jì)師,都應(yīng)當(dāng)理解并熟悉平臺(tái)的設(shè)計(jì)規(guī)范。這有利于提高我們的工作效率,保證用戶(hù)良好的體驗(yàn)。
本文是iOS設(shè)計(jì)規(guī)范系列第6篇,介紹人機(jī)交互(User Interaction)。
關(guān)于人機(jī)交互,Human Interface Guidelines提供了14條規(guī)范。其中與iOS直接相關(guān)的有10條,本文重點(diǎn)介紹。其他4條分別是與iPad和游戲手柄相關(guān)的,僅做簡(jiǎn)略介紹。
一、認(rèn)證(Authentication )
要求用戶(hù)進(jìn)行身份驗(yàn)證一般是僅在交換價(jià)值時(shí)。例如:個(gè)性化體驗(yàn)、訪問(wèn)其他功能、購(gòu)買(mǎi)內(nèi)容或同步數(shù)據(jù)。如果你的APP需要身份驗(yàn)證,請(qǐng)使用Apple登錄,這為用戶(hù)提供了一種簡(jiǎn)單安全的登錄方式。
當(dāng)你的APP支持使用Apple登錄時(shí),用戶(hù)可以獲得他們可以信任的一致性登錄體驗(yàn),也不必記住的很多個(gè)帳戶(hù)和密碼。
- 若使用Apple登錄,請(qǐng)使用密碼自動(dòng)填充。此功能可自動(dòng)生成并填寫(xiě)密碼和安全代碼,以便人們?cè)隍?yàn)證上花的時(shí)間更少。所有APP都應(yīng)支持此功能。
- 盡可能延遲登錄。如果不能馬上做任何有用的事情,用戶(hù)經(jīng)常會(huì)果斷放棄使用該APP。在他們放棄之前,讓他們有機(jī)會(huì)愛(ài)上你的APP。例如:在購(gòu)物APP中,讓用戶(hù)在進(jìn)入后立即瀏覽商品,并且只有在他們準(zhǔn)備要購(gòu)買(mǎi)時(shí)才需要彈出登錄。而在一些媒體流APP中,讓用戶(hù)在登錄之前也可以輕松瀏覽并查看APP里面的內(nèi)容。
- 解釋身份驗(yàn)證的好處及如何注冊(cè)。如果你的APP需要身份驗(yàn)證,請(qǐng)?jiān)诘卿涰?yè)上顯示簡(jiǎn)短、友好的說(shuō)明,說(shuō)明驗(yàn)證的原因及其好處。此外,請(qǐng)記住,并非每個(gè)使用APP的人從一開(kāi)始就擁有帳戶(hù)。請(qǐng)務(wù)必說(shuō)明如何獲取賬戶(hù),或提供簡(jiǎn)單的注冊(cè)方式。
- 通過(guò)顯示適當(dāng)?shù)逆I盤(pán)來(lái)最大程度地減少數(shù)據(jù)輸入。例如:在訪問(wèn)電子郵件地址時(shí),請(qǐng)顯示電子郵件鍵盤(pán)屏幕,其中包含有用的數(shù)據(jù)輸入快捷方式。
- 切勿使用“密碼”一詞。密碼是用于解鎖用戶(hù)的iOS設(shè)備,并在生物識(shí)別(Face ID 和 Touch ID)被禁用的情況下,可以使用密碼驗(yàn)證Apple Pay。
Face ID 和 Touch ID:
盡可能支持生物識(shí)別認(rèn)證。Face ID和Touch ID是用戶(hù)相信安全、熟悉的身份驗(yàn)證方法。如果用戶(hù)啟用了生物識(shí)別身份驗(yàn)證,你可以先假設(shè)他們了解其工作原理,了解其便利性,并且希望盡可能使用它。請(qǐng)記住,用戶(hù)也可能會(huì)選擇在其設(shè)備上禁用生物識(shí)別身份驗(yàn)證,因此你的APP應(yīng)準(zhǔn)備其他備選方案。
默認(rèn)向用戶(hù)展示一種認(rèn)證方式。用戶(hù)不用選擇具體哪一種方式進(jìn)行身份驗(yàn)證,這是最直觀的。只需給他們一個(gè)選項(xiàng),比如Face ID,然后提供替代登錄方案。例如:若在初始方法失敗時(shí),將用戶(hù)名和密碼登錄的方式作為后備方案。
僅在響應(yīng)用戶(hù)操作時(shí)啟動(dòng)身份驗(yàn)證。顯示操作(如點(diǎn)按按鈕)可確保用戶(hù)進(jìn)行身份驗(yàn)證。例如:在Face ID的情況下,用戶(hù)可能需要面向相機(jī)。
明確描述身份驗(yàn)證方法。例如:使用Face ID登錄APP的按鈕標(biāo)題應(yīng)為“使用Face ID登錄”,而不僅僅是“登錄”二字。
準(zhǔn)確引用身份認(rèn)證方法。請(qǐng)勿在支持Face ID的設(shè)備上引用Touch ID。同理,請(qǐng)勿在支持Touch ID的設(shè)備上引用Face ID。檢查設(shè)備的功能并用適當(dāng)?shù)奈淖终f(shuō)明。
一般不要在APP中提供選擇生物識(shí)別身份認(rèn)證的設(shè)置。如果系統(tǒng)中啟用了生物識(shí)別身份驗(yàn)證,則只需假設(shè)用戶(hù)在你的APP里也是想使用它的。如果你單獨(dú)在APP做一個(gè)生物識(shí)別身份的選擇開(kāi)關(guān),則用戶(hù)可能會(huì)看到這樣一種狀態(tài):當(dāng)生物識(shí)別身份認(rèn)證在系統(tǒng)內(nèi)被真正禁用時(shí),APP設(shè)置里卻顯示為已啟用。
請(qǐng)勿使用圖標(biāo)來(lái)標(biāo)識(shí)系統(tǒng)身份驗(yàn)證功能 。當(dāng)用戶(hù)看到類(lèi)似于系統(tǒng)的Touch ID(指紋)和Face ID圖標(biāo)時(shí),他們會(huì)認(rèn)為應(yīng)該進(jìn)行身份驗(yàn)證。使用圖標(biāo)來(lái)標(biāo)識(shí)身份驗(yàn)證功能會(huì)產(chǎn)生不一致并導(dǎo)致混淆,尤其是當(dāng)圖標(biāo)上色、以大尺寸顯示并脫離上下文時(shí)。
二、近場(chǎng)通信:NFC(Near Field Communication)
近場(chǎng)通信(NFC)使得彼此相距幾厘米的設(shè)備能夠以無(wú)線方式交換信息。在支持的iOS設(shè)備上可以使用NFC從現(xiàn)實(shí)世界對(duì)象的電子標(biāo)簽中讀取數(shù)據(jù)。例如:購(gòu)物者可以識(shí)別店內(nèi)標(biāo)志以訪問(wèn)優(yōu)惠券,手機(jī)靠近公交車(chē)的刷卡器可以進(jìn)行扣費(fèi)。
應(yīng)用內(nèi)讀?。?/strong>
APP可以在前臺(tái)運(yùn)行時(shí)啟用單對(duì)象或多對(duì)象進(jìn)行讀取,并在用戶(hù)需要讀取某些內(nèi)容時(shí)顯示讀取彈窗。
- 不要鼓勵(lì)用戶(hù)接觸實(shí)物。要讀取標(biāo)簽iOS設(shè)備必須離標(biāo)簽很近,但不需要實(shí)際接觸標(biāo)簽。當(dāng)需要用戶(hù)識(shí)別物體時(shí),使用“識(shí)別并保持靠近”這樣的術(shù)語(yǔ),而不是點(diǎn)擊和觸摸。
- 使用平易近人的術(shù)語(yǔ)。某些人可能不熟悉近場(chǎng)通信。為了使其更平易近人,請(qǐng)不要使用技術(shù)性術(shù)語(yǔ),如NFC、近場(chǎng)通信等。請(qǐng)使用大多數(shù)人都能理解的友好的對(duì)話術(shù)語(yǔ)。
為識(shí)別彈窗提供簡(jiǎn)潔的說(shuō)明文字。初次識(shí)別請(qǐng)?zhí)峁┯镁涮?hào)結(jié)尾的、完整的描述語(yǔ)句。后續(xù)識(shí)別請(qǐng)適當(dāng)修改文本。另外要保持文本簡(jiǎn)短和完整。
后臺(tái)讀取:
后臺(tái)讀取可以讓用戶(hù)在任何時(shí)候都可以快速讀取標(biāo)簽,而無(wú)需先打開(kāi)APP。在支持后臺(tái)讀取的設(shè)備上,系統(tǒng)會(huì)在屏幕亮起時(shí)自動(dòng)查找附近兼容的標(biāo)簽。在檢測(cè)到標(biāo)簽并將其與APP匹配后,系統(tǒng)會(huì)顯示一個(gè)通知,用戶(hù)可以點(diǎn)擊通知將標(biāo)簽數(shù)據(jù)發(fā)送到APP進(jìn)行處理。
以下情況后臺(tái)讀取將被禁用:當(dāng)NFC彈窗可見(jiàn)、電子錢(qián)包或Apple Pay正在使用、攝像頭正在使用、設(shè)備處于飛行模式且重啟后設(shè)備被鎖定時(shí)。
同時(shí)支持后臺(tái)和APP內(nèi)讀取。有時(shí)候用戶(hù)的設(shè)備可能不支持后臺(tái)標(biāo)簽讀取,所以你的APP仍必須提供應(yīng)用內(nèi)讀取的方式。
三、信息輸入(Data Entry)
無(wú)論是點(diǎn)擊界面元素還是使用鍵盤(pán),輸入信息都是一個(gè)繁瑣冗長(zhǎng)的過(guò)程。
在用戶(hù)想要通過(guò)APP做一些任務(wù)或有意義的操作之前,卻要進(jìn)行一連串的輸入才能繼續(xù),這明顯會(huì)拖慢整個(gè)操作流程,用戶(hù)很快會(huì)感到氣餒,甚至可能完全放棄使用你的APP。
盡可能提供選項(xiàng)來(lái)代替輸入。盡量提高信息輸入的效率。例如:考慮使用選擇器或列表進(jìn)行選擇,而不是直接輸入文本字段,因?yàn)樘崆霸O(shè)定好選項(xiàng)供用戶(hù)選擇比讓他們直接輸入信息要容易得多。
盡可能從系統(tǒng)獲取信息。不要強(qiáng)迫人們提供那些本可以自動(dòng)獲取,或是在用戶(hù)許可范圍之內(nèi)的信息。例如:聯(lián)系人或日歷信息。
提供合理的默認(rèn)值。在可能輸入的范圍內(nèi),盡量提供一個(gè)合理可靠的默認(rèn)值。合理的默認(rèn)值會(huì)大大縮短用戶(hù)做出決定的時(shí)間,同時(shí)加快整個(gè)流程進(jìn)行。
只有在填完必填項(xiàng)后才能夠下一步。在激活“下一個(gè)”或“繼續(xù)”按鈕之前,請(qǐng)確保所有必填項(xiàng)都有值。利用按鈕的外觀狀態(tài)作為提示,告訴用戶(hù)可以進(jìn)行下一步了。
動(dòng)態(tài)驗(yàn)證所輸信息的有效性。在用戶(hù)填完冗長(zhǎng)的信息后,再使其返回去更正錯(cuò)誤會(huì)很令人沮喪的。盡可能的在用戶(hù)輸入信息后立即進(jìn)行字段值檢查,以便用戶(hù)能及時(shí)發(fā)現(xiàn)并更正錯(cuò)誤。
只有在必要時(shí)才需要必填字段值。只有系統(tǒng)運(yùn)行真正必需的信息才需要使用必填字段。
通過(guò)字段值列表實(shí)現(xiàn)輕松導(dǎo)航。尤其是在列表和選擇器中,必需能很簡(jiǎn)單地選擇一個(gè)值。可以考慮將字段值列表按首字母排序或是其它邏輯排列,以便于加快用戶(hù)瀏覽和選擇的速度。
在文本字段中顯示提示,以幫助傳達(dá)目的。當(dāng)輸入欄沒(méi)有其他文本時(shí),可以用占位符文本,比如:“電子郵件”或“密碼”。當(dāng)占位符文本已經(jīng)足夠說(shuō)明時(shí),不要再用單獨(dú)的標(biāo)簽文字來(lái)描述。
四、文件處理(File Handing)
用戶(hù)在創(chuàng)建、查看和操作文件時(shí),用戶(hù)不需要了解文件系統(tǒng)的概念。如果你的APP有涉及到文件,請(qǐng)盡可能地淡化文件處理。
除非取消或刪除,否則確保文件自動(dòng)保存。一般情況下,不要讓用戶(hù)主動(dòng)去保存文件。相反,在打開(kāi)和關(guān)閉文件以及切換到其他APP時(shí),應(yīng)該自動(dòng)為用戶(hù)保存文件。
不過(guò)在某些其他情況下,例如編輯現(xiàn)有文件時(shí),保存和取消按鈕是有存在的必要的,因?yàn)樗梢愿嬖V用戶(hù)具體什么時(shí)候可以保存和撤銷(xiāo)編輯。
不要提供創(chuàng)建僅本地文件的選項(xiàng)。用戶(hù)通常希望他們的所有文件都可以在他們的所有設(shè)備上使用。無(wú)論如何,盡量讓你的APP像iCloud等服務(wù)一樣支持云存儲(chǔ)。
設(shè)計(jì)直觀的圖形文件瀏覽界面。理想情況下,選擇用戶(hù)最熟悉的系統(tǒng)文件瀏覽器來(lái)瀏覽界面。如果你設(shè)計(jì)了一個(gè)定制化的文件瀏覽器,請(qǐng)確保它直觀且高效。
文件瀏覽器只有在提供高質(zhì)量的圖形及視覺(jué)響應(yīng)界面的條件下,才會(huì)發(fā)揮最大的效果。如果想要更快地導(dǎo)航,可以考慮加一個(gè)文件按鈕,這樣用戶(hù)便可以無(wú)需跳轉(zhuǎn)至其它頁(yè)面便可創(chuàng)建新的文件。
允許用戶(hù)無(wú)需離開(kāi)你的APP也可預(yù)覽文件。即使你的APP實(shí)際上沒(méi)有打開(kāi)文件,你也可以使用“快速查看”功能讓用戶(hù)查看Keynote,Numbers和Pages文檔,PDF,圖像和某些其他類(lèi)型文件的內(nèi)容。
必要時(shí),與其他APP共享文件。如果有必要的話,你的APP可以通過(guò)文件提供程序擴(kuò)展(關(guān)于擴(kuò)展)與其他應(yīng)用共享文件。除此之外,還應(yīng)該可以讓用戶(hù)瀏覽和打開(kāi)其他APP的文件。
五、手勢(shì)(Gestures)
用戶(hù)在觸摸屏上用不同的手勢(shì)來(lái)與iOS設(shè)備上進(jìn)行交互。這些手勢(shì)讓用戶(hù)與內(nèi)容緊密聯(lián)系在一起,增強(qiáng)了用戶(hù)對(duì)屏幕內(nèi)容的直接操縱感。
- 盡可能地使用標(biāo)準(zhǔn)手勢(shì)。用戶(hù)熟悉標(biāo)準(zhǔn)手勢(shì),并不希望總是被迫學(xué)習(xí)不同的手勢(shì)來(lái)完成相同的操作。在游戲以及其他沉浸式APP中,自定義手勢(shì)可以成為用戶(hù)體驗(yàn)中有趣的一部分。但在其他APP中,最好使用標(biāo)準(zhǔn)手勢(shì),因?yàn)檫@樣用戶(hù)無(wú)需花額外的精力去發(fā)現(xiàn)和記住新手勢(shì)。
- 避免使用標(biāo)準(zhǔn)手勢(shì)執(zhí)行非標(biāo)準(zhǔn)動(dòng)作。除非您的應(yīng)用是活躍游戲中的游戲,否則重新定義標(biāo)準(zhǔn)手勢(shì)的含義會(huì)導(dǎo)致混亂和復(fù)雜性。
- 避免與系統(tǒng)的屏幕邊緣手勢(shì)沖突(邊緣保護(hù))。根據(jù)設(shè)備的不同,屏幕邊緣手勢(shì)可提供對(duì)主屏幕和應(yīng)用程序切換器、通知中心、控制中心和Dock的訪問(wèn)。在極少數(shù)沉浸式應(yīng)用程序中(如游戲)可能需要自定義屏幕邊緣手勢(shì),這些手勢(shì)優(yōu)先于系統(tǒng)手勢(shì),即第一次滑動(dòng)調(diào)用特定于應(yīng)用程序的手勢(shì),第二次滑動(dòng)調(diào)用系統(tǒng)手勢(shì)。使用這種交互時(shí)應(yīng)該非常謹(jǐn)慎,因?yàn)檫@會(huì)使用戶(hù)更難以訪問(wèn)系統(tǒng)級(jí)操作。
- 提供快捷手勢(shì)以補(bǔ)充基于界面的導(dǎo)航和操作,而不是代替。盡可能提供一種簡(jiǎn)單、可見(jiàn)的方式來(lái)導(dǎo)航或執(zhí)行操作,即使這可能意味著需要額外的點(diǎn)擊。許多系統(tǒng)APP的導(dǎo)航欄中,都包含一個(gè)清晰且可點(diǎn)擊的返回按鈕。但是用戶(hù)也可以通過(guò)從屏幕側(cè)面滑動(dòng)來(lái)返回上一頁(yè)。在iPad上,用戶(hù)還可以通過(guò)按Home鍵或使用四指捏手勢(shì)退出主屏幕。
- 使用多指手勢(shì)來(lái)增強(qiáng)某些APP的體驗(yàn)。雖然同時(shí)涉及多個(gè)手指的手勢(shì)并不適合每個(gè)APP,但它們可以豐富某些APP的體驗(yàn),比如游戲和繪圖APP。例如:游戲APP中可以同時(shí)操作控制桿和發(fā)射按鈕。
標(biāo)準(zhǔn)手勢(shì):
以下標(biāo)準(zhǔn)手勢(shì)需要在整個(gè)系統(tǒng)和每個(gè)APP中保持相同?!锻ㄓ媒换ナ謩?shì)詞典》提供了更多手勢(shì),可在公眾號(hào)后臺(tái)回復(fù)“交互手勢(shì)詞典”獲取。
- 點(diǎn)擊(Tap):激活按鈕或者選擇某個(gè)對(duì)象
- 拖動(dòng)(Drag):把一個(gè)元素從一邊移到另一邊,或者在屏幕內(nèi)拖動(dòng)某個(gè)元素
- 滑動(dòng)(Flick):快速滑動(dòng)或平移
- 橫掃(Swipe):當(dāng)用一根手指橫掃時(shí),可以用來(lái)返回到上一個(gè)屏幕、呼出在分屏視圖控制器中的隱藏視圖、在列表中顯示“刪除”按鈕、或者在預(yù)覽中呼出操作列表。在iPad上用四根手指橫掃時(shí),可在APP之間切換。
- 雙擊(Double Tap):放大居中的內(nèi)容或圖片,或縮小已經(jīng)放大的圖片
- 捏合(Pinch):向外張開(kāi)時(shí)放大當(dāng)前內(nèi)容,向內(nèi)捏合時(shí)縮小當(dāng)前內(nèi)容
- 三指捏(Three-finger pinch):向內(nèi)捏時(shí)復(fù)制所選文本,向外捏時(shí)粘貼復(fù)制的文本。
- 三指滑動(dòng)(Three-finger swipe):向左滑動(dòng)時(shí)啟動(dòng)撤消操作,向右滑動(dòng)時(shí)啟動(dòng)重做操作。
- 觸摸并按住(Touch and Hold):當(dāng)以可編輯或可選文本形式執(zhí)行時(shí),突出顯示指尖下的文本并顯示編輯菜單。
- 旋轉(zhuǎn)(Rotate):旋轉(zhuǎn)圖像或視圖
- 搖晃(Shake):撤銷(xiāo)或重做
六、3D 觸控(3D Touch )
3D觸摸可以說(shuō)是為觸摸交互方式提供了另一個(gè)維度的交互,在支持3D觸摸的設(shè)備上,用戶(hù)可以通過(guò)對(duì)屏幕施加不同程度的壓力來(lái)喚醒不同的功能,例如:可以觸發(fā)菜單,顯示更多的內(nèi)容甚至是播放動(dòng)畫(huà),而以上均無(wú)需用戶(hù)去學(xué)習(xí)新的手勢(shì)操作即可使用。當(dāng)其輕壓屏幕且獲得相應(yīng)響應(yīng)的同時(shí),便意味著其發(fā)現(xiàn)了一個(gè)新的交互維度。
1. 主屏幕交互
在支持3D Touch設(shè)備的主屏幕上,按壓應(yīng)用圖標(biāo)即可喚醒相應(yīng)的操作視圖。而這個(gè)視圖便可以讓你能夠快速執(zhí)行常用的應(yīng)用任務(wù)或者預(yù)覽有趣的信息。例如:日歷用于便提供了一個(gè)可以快速創(chuàng)建新事件的快捷操作,同時(shí)又可以顯示你的下一個(gè)日程。
實(shí)況照片:
當(dāng)用戶(hù)與實(shí)況照片交互時(shí),實(shí)況照片就會(huì)變得栩栩如生,通過(guò)動(dòng)作和聲音來(lái)展示照片拍攝前后的瞬間。
在運(yùn)行iOS 13或更高版本的設(shè)備上,用戶(hù)將手指放在照片就可激活實(shí)況照片; 在支持3D Touch設(shè)備上,用戶(hù)短時(shí)間觸摸并按下就可激活實(shí)況照片。
七、反饋(Feedback)
反饋可以幫助用戶(hù)知道APP正在做什么,發(fā)現(xiàn)他們下一步可以做什么以及了解操作結(jié)果。
將反饋狀態(tài)和其他類(lèi)型的反饋融入到你的界面設(shè)計(jì)中,不要太引人注目。理想情況下,用戶(hù)無(wú)需進(jìn)行任何操作或中斷即可獲得重要的信息提示。例如:在瀏覽郵件時(shí),郵件的狀態(tài)信息被巧妙地放在在底部工具欄中。這樣做既不會(huì)搶了屏幕中主要內(nèi)容的風(fēng)頭,又可以在用戶(hù)需要時(shí)快速查看。
盡量不要用警示框。警示框是一種非常強(qiáng)大的反饋機(jī)制,它應(yīng)該用在傳遞非常重要的信息上。如果用戶(hù)看到太多并非是重要信息的警示框,他們很快就會(huì)學(xué)會(huì)忽略之后出現(xiàn)的警示框。
八、音頻(Audio )
iPhone和iPad可以通過(guò)內(nèi)部或外部揚(yáng)聲器,耳機(jī)播放音頻,也可以通過(guò)藍(lán)牙或支持AirPlay的設(shè)備無(wú)線播放音頻。用戶(hù)可以使用多種類(lèi)型的控件來(lái)操縱其設(shè)備上的聲音,包括音量按鈕,“鈴聲/靜音”開(kāi)關(guān),耳機(jī)控件,“控制中心”音量滑塊以及第三方附件中的聲音控件。無(wú)論聲音是應(yīng)用程序體驗(yàn)的主要部分還是裝飾,您都需要滿(mǎn)足人們對(duì)應(yīng)用程序聲音應(yīng)如何表現(xiàn)的期望。
靜音:
用戶(hù)將設(shè)備切換為靜音狀態(tài),以免被突如其來(lái)的聲音干擾。例如:電話鈴聲和短信提示音。同時(shí)他們還希望關(guān)掉一些沒(méi)必要的提示音,包括鍵盤(pán)聲音、音效,游戲音樂(lè)和其他聲音反饋。
當(dāng)設(shè)備被設(shè)置為靜音時(shí),只應(yīng)發(fā)出本該出現(xiàn)的聲音,例如播放中的音樂(lè)、鬧鈴和視頻聲音。
音量:
無(wú)論是使用設(shè)備上的物理按鍵還是屏幕上的滑塊,用戶(hù)都希望能夠改變音量大小來(lái)控制整個(gè)系統(tǒng)的聲音,包括音樂(lè)和APP內(nèi)音效。唯一的例外是鈴聲的音量,當(dāng)其他音頻沒(méi)有被播放的時(shí)候,它總是可以被單獨(dú)調(diào)節(jié)音量。
耳機(jī):
用戶(hù)私下里喜歡使用耳機(jī)去接收聲音,來(lái)解放他們的雙手。當(dāng)插入耳機(jī)時(shí),用戶(hù)希望聲音能夠自動(dòng)進(jìn)行轉(zhuǎn)換到耳機(jī)并不中斷。當(dāng)拔下耳機(jī)時(shí),他們則希望播放立即暫停。
設(shè)計(jì)出色的音頻體驗(yàn):
必要時(shí)自動(dòng)調(diào)整不同層級(jí)的音量水平,但不是整體音量。為達(dá)到更好的混合音效,你的APP可以單獨(dú)調(diào)整不同層級(jí)音頻間的相對(duì)音量以實(shí)現(xiàn)多種音頻的混合。但是,最終音量的輸出應(yīng)始終由系統(tǒng)音量控制。
允許在適當(dāng)時(shí)重新選擇輸出路徑。人們經(jīng)常想選擇其他音頻輸出設(shè)備。例如,他們可能想通過(guò)客廳立體聲音響,汽車(chē)收音機(jī)或Apple TV收聽(tīng)音樂(lè)。除非有迫不得已的理由,否則請(qǐng)支持此功能。
使用系統(tǒng)提供的音量視圖讓用戶(hù)進(jìn)行音頻調(diào)整。音量視圖包括音量級(jí)別滑塊和用于重新選擇輸出路徑的控件。您可以自定義滑塊的外觀。
短促的聲音和振動(dòng)請(qǐng)使用系統(tǒng)提供的聲音。提示音往往具有系統(tǒng)識(shí)別行,最好不要自定義。
音頻類(lèi)別有很多種,選擇時(shí)要考慮適合你的應(yīng)用程序。不同的音頻類(lèi)別都可以用靜音開(kāi)關(guān)靜音、與其他音頻混響、或在APP在后臺(tái)時(shí)播放。根據(jù)音頻類(lèi)別的含義和當(dāng)前設(shè)備的音頻狀態(tài)選擇一個(gè)類(lèi)別,并將其分配給你的音頻對(duì)話。例如:非必要情況下,請(qǐng)不要阻止用戶(hù)聽(tīng)來(lái)自其他APP的音樂(lè)。一般情況下,最好避免在APP運(yùn)行時(shí)更改音頻類(lèi)別,除非APP需要經(jīng)常錄制并馬上播放音頻。
中斷結(jié)束后,請(qǐng)確定是否自動(dòng)恢復(fù)音頻播放。有時(shí),當(dāng)前正在播放的音頻會(huì)被來(lái)自其他應(yīng)用的音頻中斷。暫時(shí)性干擾(比如來(lái)電鈴聲)被認(rèn)為是可恢復(fù)的。永久性干擾(比如由Siri打開(kāi)的音樂(lè)播放列表),被認(rèn)為是不可恢復(fù)的。當(dāng)APP正在播放音頻發(fā)生暫時(shí)性干擾而中斷播放,在中斷結(jié)束后,應(yīng)立即恢復(fù)播放。例如:在播放配樂(lè)的游戲和播放音頻的媒體應(yīng)用,都應(yīng)該恢復(fù)聲音的播放。
在音頻會(huì)話中斷時(shí),確保您的VoIP應(yīng)用可以正確響應(yīng)。特別是當(dāng)用戶(hù)在使用內(nèi)置麥克風(fēng)的同時(shí)關(guān)閉iPad的Smart Folio,結(jié)束通話至關(guān)重要。關(guān)閉Smart Folio會(huì)自動(dòng)使iPad麥克風(fēng)靜音,并且默認(rèn)情況下會(huì)中斷與之關(guān)聯(lián)的音頻會(huì)話。如果在人們重新打開(kāi)他們的Smart Folio時(shí)重新啟動(dòng)音頻會(huì)話,則可能會(huì)在不知情的情況下重新啟用麥克風(fēng),從而有可能侵犯其隱私。
讓其他應(yīng)用知道您的應(yīng)用何時(shí)完成播放臨時(shí)音頻。如果你的APP可能暫時(shí)中斷其他APP的音頻,那應(yīng)該適當(dāng)?shù)貥?biāo)明聲音片段,以便可以在安全恢復(fù)時(shí)通知其他APP。
僅在有意義時(shí)才響應(yīng)音頻控件。無(wú)論你的APP在前臺(tái)還是后臺(tái),用戶(hù)都能夠通過(guò)應(yīng)用界面以外的東西去控制音頻的播放。如果你的APP正在清晰的音頻相關(guān)環(huán)境中主動(dòng)播放音頻,或連接到支持AirPlay的設(shè)備上,則可以對(duì)音頻控件做出響應(yīng)。但是,你的APP不應(yīng)該混淆其它應(yīng)用的音頻,因?yàn)樗鼈兛赡軙?huì)在控件被激活時(shí)播放。
請(qǐng)勿重新調(diào)整音頻控件的用途。用戶(hù)希望聲音控件在所有APP中都能保持一致。永遠(yuǎn)不要重新定義聲音控件。如果你的APP不支持某些控件,那么不對(duì)他們做出響應(yīng)即可。
九、觸覺(jué)(Haptics)
觸覺(jué)反饋(如各種形式震動(dòng))可以增強(qiáng)用戶(hù)與屏幕界面交互的體驗(yàn)。例如:當(dāng)確認(rèn)Apple Pay交易時(shí),除了提供視覺(jué)和聽(tīng)覺(jué)反饋之外,系統(tǒng)還會(huì)有力的反饋。觸覺(jué)還可以增強(qiáng)觸摸手勢(shì)和交互,如滾動(dòng)選擇器和切換開(kāi)關(guān)。
在支持的iPhone型號(hào)上,你可以通過(guò)多種方式在APP內(nèi)添加觸覺(jué)反饋:
- 標(biāo)準(zhǔn)的:默認(rèn)情況下會(huì)使用系統(tǒng)觸覺(jué)反饋,如開(kāi)關(guān)、滑塊和選擇器。
- 預(yù)設(shè)的:必要時(shí)使用反饋生成器播放通知、影響和選擇類(lèi)別中幾個(gè)預(yù)定義觸覺(jué)模式之一。
- 自定義:在需要更多控制的情況下,可以設(shè)置并播放自定義的觸覺(jué)模式。
當(dāng)你使用系統(tǒng)觸覺(jué)時(shí),iOS會(huì)對(duì)不同行為進(jìn)行不同強(qiáng)度的反饋。比如系統(tǒng)級(jí)的開(kāi)關(guān)反饋就比較微弱。用戶(hù)是可以分辨系統(tǒng)級(jí)別的反饋的,因此請(qǐng)確保按照正確的含義使用觸覺(jué)反饋。
無(wú)論你使用系統(tǒng)提供的觸覺(jué)模式還是創(chuàng)建自定義觸覺(jué)模式,使用觸覺(jué)技術(shù)是為了豐富用戶(hù)體驗(yàn),同時(shí)應(yīng)該做到不分散用戶(hù)的目標(biāo)。
觸覺(jué)反饋的使用:
在觸覺(jué)和觸發(fā)器之間建立清晰的因果關(guān)系。理想情況下,用戶(hù)應(yīng)當(dāng)知道你的APP為什么會(huì)播放觸覺(jué)模式。如果一個(gè)觸覺(jué)無(wú)法加強(qiáng)這種因果關(guān)系,那么它可能會(huì)讓人感到困惑,而且似乎是無(wú)緣無(wú)故發(fā)生的。
使用觸覺(jué)可以補(bǔ)充APP中的其他反饋。當(dāng)APP中的視覺(jué)、聽(tīng)覺(jué)和觸覺(jué)反饋協(xié)調(diào)一致 – 就像它們?cè)谖锢硎澜缰幸粯?– 這樣的用戶(hù)體驗(yàn)更加連貫,看起來(lái)更自然。
明智地使用觸覺(jué)反饋。例如:當(dāng)觸覺(jué)提供持久的價(jià)值時(shí)使用觸覺(jué)模式;使用它們來(lái)增加新鮮感,會(huì)讓你的APP看起來(lái)花哨。此外,可以在少量重要的、結(jié)果性的交互中添加觸覺(jué)。若為大量且瑣碎的交互操作添加觸覺(jué)的話,則會(huì)讓人頭暈?zāi)垦!?/p>
確保觸覺(jué)反饋的一致性。觸覺(jué)反饋的一致性有助于用戶(hù)在某些觸覺(jué)模式和某些體驗(yàn)之間建立觸覺(jué)關(guān)聯(lián)。例如:如果你的APP在游戲角色未能完成任務(wù)時(shí)播放特定的觸覺(jué)模式,用戶(hù)則會(huì)學(xué)習(xí)將該觸覺(jué)模式與否定的結(jié)果關(guān)聯(lián)起來(lái)。如果你再使用相同的觸覺(jué)模式來(lái)反饋獲得肯定的結(jié)果,比如任務(wù)完成,那就會(huì)使用戶(hù)感到困惑。
避免過(guò)度使用觸覺(jué)反饋。有時(shí),觸覺(jué)在偶爾體驗(yàn)時(shí)會(huì)感覺(jué)恰到好處,但在如果經(jīng)常遇到讓人煩惱。避免設(shè)計(jì)產(chǎn)生擴(kuò)展和重復(fù)觸覺(jué)反饋的體驗(yàn)。通常情況下,最好的觸覺(jué)體驗(yàn)應(yīng)該是用戶(hù)可能根本沒(méi)有意識(shí)到的,但是當(dāng)它被關(guān)閉時(shí)卻會(huì)意識(shí)到。
對(duì)APP中的觸覺(jué)反饋進(jìn)行測(cè)試。不同的人對(duì)觸覺(jué)有不同的偏好和敏感程度,因此你需要盡可能找更多的人測(cè)試觸覺(jué)。
使觸覺(jué)反饋設(shè)計(jì)是可選的。如果用戶(hù)愿意,讓他們可以選擇關(guān)閉觸覺(jué)或者使觸覺(jué)靜音,并確保他們?cè)跊](méi)有觸覺(jué)模式的情況下依然可以很好的享受你的APP。
在游戲APP中,可以考慮自定義觸覺(jué)反饋來(lái)增強(qiáng)玩家體驗(yàn)。除了在玩家與物品、控件互動(dòng)時(shí)播放觸覺(jué),你可能會(huì)想在游戲中交流事件的時(shí)候播放觸覺(jué)。例如:觸覺(jué)可以增強(qiáng)實(shí)質(zhì)性的體驗(yàn) – 比如碰撞或打擊或微妙的體驗(yàn) – 就像是腳步聲或迫在眉睫的危險(xiǎn)。
留意播放觸覺(jué)可能會(huì)影響其他用戶(hù)體驗(yàn)。通過(guò)設(shè)計(jì),觸覺(jué)產(chǎn)生足夠的物理力量,讓用戶(hù)感覺(jué)到設(shè)備的振動(dòng)。確保觸覺(jué)不會(huì)破壞涉及相機(jī)、陀螺儀或麥克風(fēng)的用戶(hù)體驗(yàn)。
觸覺(jué)反饋的自定義:
自定義的觸覺(jué)模式可以表示諸如釋放彈弓或在隆隆的帶子上行駛的事物。自定義觸覺(jué)模式也可以根據(jù)用戶(hù)輸入或上下文的變化而變化。例如:當(dāng)游戲角色從樹(shù)上跳下時(shí),玩家感覺(jué)到的沖擊力可能比角色跳到位時(shí)要強(qiáng)。
在iOS 13及更高版本中提供兩個(gè)生成自定義觸覺(jué)模式的基本構(gòu)建:
瞬態(tài)事件:短暫、緊湊的體驗(yàn),感覺(jué)像點(diǎn)擊或脈沖,例如:在主屏幕上輕點(diǎn)手電筒按鈕的體驗(yàn)
連續(xù)事件:感覺(jué)像是持續(xù)的振動(dòng),比如信息中的激光效果。
無(wú)論你選擇生成自定義觸覺(jué)模式的構(gòu)建塊是什么,你都可以控制其清晰度和強(qiáng)度。
清晰度指的是將觸覺(jué)體驗(yàn)抽象為產(chǎn)生相應(yīng)物理感覺(jué)波形的一種方式。您可以使用清晰度值來(lái)傳達(dá)柔和,圓潤(rùn)或自然的體驗(yàn),或清晰,精確或機(jī)械的體驗(yàn)。
強(qiáng)度指的就是指觸覺(jué)反饋的強(qiáng)烈程度。
通過(guò)排列組合瞬態(tài)和連續(xù)事件,變化的清晰度和強(qiáng)度,并包括可選的音頻內(nèi)容,就可以創(chuàng)建出各種不同的觸覺(jué)體驗(yàn)。
十、撤銷(xiāo)和重做(Undo and Redo)
許多APP允許用戶(hù)搖動(dòng)設(shè)備以撤消或重做某些操作,例如鍵入或刪除。以這種方式啟動(dòng)時(shí),警報(bào)會(huì)要求用戶(hù)確認(rèn)或取消刪除,或重做操作。
- 簡(jiǎn)要而準(zhǔn)確地描述要撤消或重做的操作。撤消和重做警示框的標(biāo)題自動(dòng)包含前綴“撤消”或“重做”(包括尾隨空格)。你需要提供一到兩個(gè)詞用于描述撤消或重做的內(nèi)容,以顯示在此前綴之后。例如,你可以創(chuàng)建警報(bào)標(biāo)題,例如“撤消名稱(chēng)”或“重做地址更改”。
- 當(dāng)搖動(dòng)手勢(shì)用于呼出撤消和重做操作時(shí),請(qǐng)不要將其用于其他操作。雖然你可以通過(guò)編程方式為搖晃手勢(shì)賦予多種含義,但這可能讓用戶(hù)感到困惑和無(wú)法預(yù)測(cè)。
- 謹(jǐn)慎提供撤消和重做按鈕。當(dāng)APP提供多種方法來(lái)執(zhí)行相同的任務(wù)時(shí),這會(huì)令人困惑。如果你的APP確實(shí)需要專(zhuān)門(mén)的撤消和重做按鈕,請(qǐng)使用系統(tǒng)提供的圖標(biāo)并將它們放在預(yù)期的位置,例如導(dǎo)航欄。
- 僅在當(dāng)前上下文中執(zhí)行撤消和重做操作。“撤消”和“重做”應(yīng)該僅對(duì)當(dāng)前上下文產(chǎn)生明確而直接的影響,而不是更早的時(shí)候。
十一、Apple Pencil和涂鴉(Scribble)
Apple Pencil是適用于iPad應(yīng)用程序的多功能工具,在書(shū)寫(xiě)筆記、素描、繪畫(huà)、標(biāo)記文檔等時(shí),可提供像素級(jí)的精度。在iPadOS 14和更高版本中,Scribble允許用戶(hù)使用Apple Pencil手寫(xiě)識(shí)別功能在屏幕上快速、隱秘的在任何文本字段中輸入文本。
- 支持預(yù)期的行為。
- 讓用戶(hù)選擇何時(shí)在Apple Pencil和手指輸入之間進(jìn)行切換,而不要強(qiáng)迫他們。
- 當(dāng)Apple Pencil接觸到屏幕時(shí)應(yīng)當(dāng)立馬留下痕跡。
- 通過(guò)回應(yīng)人們使用Apple Pencil的方式來(lái)幫助人們表達(dá)自己的想法。
- 使用視覺(jué)反饋來(lái)指示與內(nèi)容的直接聯(lián)系。
- 設(shè)計(jì)出色的左撇子和右撇子體驗(yàn)。
- 只要有可能,對(duì)用戶(hù)的雙擊手勢(shì)設(shè)置作出回應(yīng)。
- 必要時(shí)給人們提供一種啟用自定義雙擊行為的方法。
- 切勿使用雙擊手勢(shì)來(lái)執(zhí)行修改內(nèi)容的動(dòng)作。
1. 支持涂鴉(Scribble)
- 始終使輸入文本輕松流暢。
- 使涂鴉可以在人們可能想要輸入文本的任何地方使用。
- 避免在寫(xiě)作時(shí)分散人們的注意力。
- 人們?cè)谖谋咀侄沃袝?shū)寫(xiě)時(shí),請(qǐng)確保其保持靜止并且其內(nèi)容不會(huì)滾動(dòng)。
- 給人們足夠的寫(xiě)作空間。
2. 提供定制的圖紙?bào)w驗(yàn)
- 幫助人們利用現(xiàn)有內(nèi)容。
- 當(dāng)您的應(yīng)用在緊湊的環(huán)境中運(yùn)行時(shí),請(qǐng)確保工具選擇器不會(huì)遮擋內(nèi)容。
- 考慮提供自定義撤消和重做按鈕,以便應(yīng)用程序在緊湊環(huán)境中運(yùn)行時(shí)顯示。
十二、拖放Drag and Drop
用一根手指,用戶(hù)可以通過(guò)將內(nèi)容從一個(gè)位置拖動(dòng)到另一位置,然后抬起手指將其放下,來(lái)移動(dòng)或復(fù)制所選的照片,文本或其他內(nèi)容。
觸摸并按住所選內(nèi)容使它看起來(lái)像上升并附著在用戶(hù)的手指上。拖動(dòng)內(nèi)容時(shí),動(dòng)畫(huà)和視覺(jué)提示會(huì)確定可能的目的地。系統(tǒng)還會(huì)顯示一個(gè)標(biāo)志,指示何時(shí)無(wú)法刪除,否則將導(dǎo)致復(fù)制內(nèi)容而不是移動(dòng)內(nèi)容。
1. 起始點(diǎn)和目的地
在iPad上,源位置和目標(biāo)位置也可以存在于不同的應(yīng)用程序中,從而實(shí)現(xiàn)跨應(yīng)用程序交互,例如將照片從Safari中的網(wǎng)頁(yè)拖到Mail中的新消息。拖動(dòng)內(nèi)容時(shí),用戶(hù)可以通過(guò)多任務(wù)處理,退出到主屏幕或從屏幕底部向上滑動(dòng)以顯示Dock來(lái)訪問(wèn)另一個(gè)應(yīng)用程序。
2. 支持拖放
- 使拖放可用于所有可選和可編輯的內(nèi)容。
- 如果適用,允許將內(nèi)容拖放到控件上。
- 盡可能使用標(biāo)準(zhǔn)的文本視圖和文本字段。
- 為了提高效率,請(qǐng)考慮支持多項(xiàng)目拖放。
- 確定在應(yīng)用程序中拖放內(nèi)容是應(yīng)該移動(dòng)還是復(fù)制。
- 允許用戶(hù)撤消拖放操作。
- 考慮啟用彈性加載。
被拖動(dòng)的內(nèi)容:
- 如有必要,自定義拖動(dòng)項(xiàng)目預(yù)覽。
- 盡可能提供從最高到最低保真度排序的拖動(dòng)數(shù)據(jù)的多種表示形式。
- 如果適用,將自定義對(duì)象的本機(jī)版本顯示為最豐富的數(shù)據(jù)形式。
- 當(dāng)應(yīng)用程序內(nèi)容的傳輸非常耗時(shí)或占用大量資源時(shí),請(qǐng)實(shí)施文件提供程序擴(kuò)展。
- 當(dāng)您的應(yīng)用程序內(nèi)容需要時(shí)間傳輸時(shí),請(qǐng)?zhí)峁┻M(jìn)度信息
被放置的內(nèi)容:
- 使用視覺(jué)提示來(lái)識(shí)別潛在的目的地并預(yù)覽放置內(nèi)容的效果。
- 在適當(dāng)?shù)臅r(shí)機(jī)自動(dòng)滾動(dòng)目標(biāo)的內(nèi)容。
- 提取并顯示拖放內(nèi)容的最豐富的表示形式。
- 如果適用,僅提取被放置內(nèi)容的相關(guān)部分。
- 內(nèi)容被放置后,在表視圖和集合視圖中顯示占位符。
- 當(dāng)被放置的內(nèi)容需要時(shí)間傳輸時(shí)顯示進(jìn)度。
- 當(dāng)被放置的內(nèi)容會(huì)啟動(dòng)一個(gè)進(jìn)程時(shí),要提供反饋。
- 被放置失敗時(shí)通知用戶(hù)。
- 對(duì)放置的文本應(yīng)用適當(dāng)?shù)臉邮健?/li>
- 當(dāng)用戶(hù)無(wú)法立即撤消拖放操作時(shí),請(qǐng)考慮提供一種微妙和直觀的退出方式。
十三、指針(Pointers)
iPadOS 13.4引入了動(dòng)態(tài)指針效果和行為,可增強(qiáng)在iPad上使用定點(diǎn)設(shè)備的體驗(yàn)。當(dāng)人們使用定點(diǎn)設(shè)備時(shí),iPad OS會(huì)自動(dòng)使指針適應(yīng)當(dāng)前環(huán)境,從而提供豐富的視覺(jué)反饋,并提供提高生產(chǎn)率和簡(jiǎn)化常見(jiàn)任務(wù)所需的正確精度。
十四、游戲控制器(Game Controllers)
游戲控制器可以增強(qiáng)游戲玩法并增加人們對(duì)游戲的沉浸感。支持盡可能多的游戲控制器為人們提供了更多與您的游戲或應(yīng)用進(jìn)行交互的方式。
- 確定游戲控制器要求。
- 在啟動(dòng)時(shí)確認(rèn)所需的游戲控制器連接。
- 幫助人們了解在您的應(yīng)用程序中使用游戲控制器的優(yōu)勢(shì)。
- 測(cè)試所有受支持的輸入設(shè)備。
本文介紹了iOS的10大人機(jī)交互(User Interaction),參考資料Apple Developer-Human Interface Guidelines。下一篇介紹視覺(jué)設(shè)計(jì)(Visual Design)。
#專(zhuān)欄作家#
曉吾,微信公眾號(hào):體驗(yàn)主義,人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。騰訊高級(jí)交互設(shè)計(jì)師,前創(chuàng)新工場(chǎng)、新浪微博交互設(shè)計(jì)師。專(zhuān)注社交創(chuàng)新與娛樂(lè)產(chǎn)品設(shè)計(jì)。
本文由 @曉吾 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
專(zhuān)欄作家
曉吾,微信公眾號(hào):體驗(yàn)主義,人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。騰訊高級(jí)交互設(shè)計(jì)師,前創(chuàng)新工場(chǎng)、新浪微博交互設(shè)計(jì)師。專(zhuān)注社交創(chuàng)新與娛樂(lè)產(chǎn)品設(shè)計(jì)。
本文由 @曉吾 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議。
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
- 目前還沒(méi)評(píng)論,等你發(fā)揮!