發(fā)布時(shí)間:2024-01-18 15:46:46 瀏覽量:323次
要想發(fā)布一款能夠位于App Store排行榜之首的產(chǎn)品,產(chǎn)品在質(zhì)量和功能上的高標(biāo)準(zhǔn)表現(xiàn)是必不可少的,而為了達(dá)到這種高度,我們應(yīng)該如何做呢?本文主要講述的是 iOS 12 界面交互設(shè)計(jì)指南中的App架構(gòu)部分,一起來看看~
3D觸摸可以說是為觸摸交互方式提供了另一個(gè)維度的交互,在支持3D觸摸的設(shè)備上,用戶可以通過對(duì)屏幕施加不同程度的壓力來喚醒不同的功能,例如:可以觸發(fā)菜單,顯示更多的內(nèi)容甚至是播放動(dòng)畫,而以上均無需用戶去學(xué)習(xí)新的手勢(shì)操作即可使用。當(dāng)其輕壓屏幕且獲得相應(yīng)響應(yīng)的同時(shí),便意味著其發(fā)現(xiàn)了一個(gè)新的交互維度。
在支持3D Touch設(shè)備的主屏幕上,按壓應(yīng)用圖標(biāo)即可喚醒相應(yīng)的操作視圖。而這個(gè)視圖便可以讓你能夠快速執(zhí)行常用的應(yīng)用任務(wù)或者預(yù)覽有趣的信息。例如:日歷用于便提供了一個(gè)可以快速創(chuàng)建新事件的快捷操作,同時(shí)又可以顯示你的下一個(gè)日程。詳情可參考主屏幕(Home Screen Action)及控件(Widgets)章節(jié)。
輕壓允許用戶使用3D觸摸來在當(dāng)前環(huán)境中預(yù)覽一個(gè)臨時(shí)視圖中的對(duì)象,如:頁面、鏈接,甚至是一個(gè)文件。要想在支持該功能的設(shè)備上實(shí)現(xiàn)預(yù)覽,只需用手指對(duì)應(yīng)用施加一點(diǎn)壓力,而抬起手指就能退出預(yù)覽。要想打開對(duì)象來瀏覽更多的內(nèi)容,請(qǐng)更重地按壓屏幕直到對(duì)象放大到填滿屏幕。
在一些輕壓視圖上,你可以通過上滑來顯示相應(yīng)的操作按鈕。譬如:在Safari打開了某個(gè)鏈接的輕壓視圖時(shí),你可以通過上滑展開相應(yīng)的操作按鈕——打開鏈接,添加至閱讀列表和復(fù)制鏈接。
利用輕壓視圖提供實(shí)時(shí)的,內(nèi)容豐富的預(yù)覽(Use peeking to provide live, content-rich previews.),理想情況下,輕壓視圖為該項(xiàng)提供足夠的信息以補(bǔ)充說明當(dāng)前任務(wù),或者幫助你決定是否完全地打開該項(xiàng)。
例如:預(yù)覽郵件(Mail)信息中的鏈接,從而決定是否在Safari瀏覽器中打開或者分享給朋友。輕壓視圖一般被利用于表單視圖中,提供一個(gè)行項(xiàng)的詳細(xì)信息,從而決定是否選擇該項(xiàng)。
(1)設(shè)計(jì)足夠大的輕壓視圖
從而保證手指不會(huì)遮擋到內(nèi)容,確保輕壓視圖能夠提供足夠詳細(xì)的信息,以便用戶決定是否按地更重來完全地打開該項(xiàng)。
(2)統(tǒng)一使用輕壓和重壓功能
如果你只在某些地方使用輕壓和重壓,而不在另一些地方使用,用戶就不會(huì)知道到底哪里可以使用這個(gè)功能,而且可能會(huì)認(rèn)為你的應(yīng)用或是他們的設(shè)備出了問題。
(3)允許每個(gè)輕壓視圖都能夠被重壓
雖然輕按視圖能夠提供給用戶他們所需的大部分信息,但如果他們想離開當(dāng)前任務(wù)并轉(zhuǎn)移注意力至該項(xiàng)時(shí),應(yīng)該允許他們過渡到重壓。
(4)避免在輕壓視圖中呈現(xiàn)按鈕式元素
如果用戶抬起手指去點(diǎn)擊類似按鈕的元素,輕壓就會(huì)消失。
(5)不要讓同一項(xiàng)具備輕壓和編輯菜單兩個(gè)功能
當(dāng)一個(gè)項(xiàng)目同時(shí)啟用兩個(gè)功能時(shí),不但會(huì)讓用戶感到困惑,也會(huì)讓系統(tǒng)難以判斷用戶目的。了解更多指導(dǎo),請(qǐng)參閱Edit Menus。
(6)適當(dāng)時(shí)提供操作按鈕
不是每個(gè)一輕壓都需要操作按鈕,但這是一個(gè)為常用任務(wù)提供快捷操作的好方式。如果你的應(yīng)用已經(jīng)為項(xiàng)目提供了自定義的點(diǎn)擊并長按(touch-and-hold)動(dòng)作,那么最好在輕壓里包含同樣的操作。
(7)避免為打開被輕壓的項(xiàng)目提供操作按鈕
用戶一般都通過更重的按壓來打開他們輕壓的項(xiàng)目,所以,沒有必要再提供一個(gè)明顯的打開按鈕。
(8)不要讓輕壓成為唯一的執(zhí)行項(xiàng)目操作的操作
并不是所有設(shè)備都支持輕壓和重壓,甚至有的用戶會(huì)關(guān)閉3D觸摸功能,你的應(yīng)用為這些情況考慮其它觸發(fā)項(xiàng)目操作的方式。譬如:你的應(yīng)用可以將輕壓的快捷操作映射到一個(gè)視圖中,該視圖會(huì)在點(diǎn)擊和長按時(shí)出現(xiàn)。
應(yīng)用可以通過支持Live Photos,并在照片中加入壓感用來查看動(dòng)態(tài)回憶。當(dāng)你按壓它們時(shí),Live Photos死而復(fù)生,通過動(dòng)作和聲音再現(xiàn)拍照的前后時(shí)刻。了解相關(guān)設(shè)計(jì)指導(dǎo),請(qǐng)參閱LivePhotos。
不論聲音是否在你的APP中占據(jù)著用戶體驗(yàn)的半壁江山,亦或是只扮演其中的一個(gè)點(diǎn)綴,你都應(yīng)該知道用戶對(duì)聲音的期待以及反應(yīng)。
用戶可以通過音量按鈕,靜音開關(guān),耳機(jī)以及屏幕上的聲音滑塊來控制聲音,甚至很多的第三方配件同樣支持對(duì)聲音的控制。音頻可以通過內(nèi)置或者外置的播放設(shè)備,耳機(jī)甚至是想AirPlay或者藍(lán)牙這樣的無線方式進(jìn)行播放。
用戶通過開關(guān)音量設(shè)備來避免被一些突如其來的聲音所打斷,如:電話鈴聲、短信提示音等。同樣用戶有時(shí)也需要屏蔽一些非必須的聲音,如:鍵盤聲音、音效、游戲音樂以及音頻反饋。
當(dāng)設(shè)備被設(shè)置為靜音時(shí),應(yīng)該只有本就應(yīng)該出現(xiàn)的聲音出現(xiàn),如播放中的音樂,鬧鐘以及音視頻信息。
不論是使用設(shè)備的物理按鍵亦或是屏幕上的滑塊,用戶均應(yīng)該能夠改變音量大小來控制聲音系統(tǒng),包括音樂以及APP內(nèi)置音效。唯一特殊的是來電鈴聲音量,其應(yīng)該是被單獨(dú)控制的即使是音頻沒有被激活的時(shí)候。
用戶通過耳機(jī)去聽取屬于他們個(gè)人的聲音,同時(shí)耳機(jī)更是可以解放用戶的雙手。當(dāng)耳機(jī)被插入時(shí)用戶期望聲音自動(dòng)的進(jìn)行轉(zhuǎn)換而不被打斷,相反的用戶拔出耳機(jī)時(shí)他們期望的是播放的立即暫停。
(1)必要時(shí)自動(dòng)調(diào)節(jié)不同層級(jí)的聲音,但不是整體音量
為了達(dá)到更好的混合音效,你的應(yīng)用可以單獨(dú)調(diào)節(jié)不同層級(jí)音頻間的相對(duì)音量。但是,最終的音量輸出應(yīng)該由系統(tǒng)音量決定。
(2)恰當(dāng)?shù)臅r(shí)候允許音頻重選路由
用戶會(huì)經(jīng)常想要選擇一個(gè)不同的音頻輸出設(shè)備,比如:他們會(huì)想要通過客廳的立體音響、車載收音機(jī)或是蘋果電視來聽音樂。請(qǐng)支持這個(gè)功能除非你有令人信服的理由不這么做。
(3)使用系統(tǒng)提供的音量視圖來調(diào)節(jié)音量
音量視圖(volume view)是最好的能提供調(diào)節(jié)音量的界面控件,這個(gè)視圖是自定義的,包含一個(gè)音量調(diào)節(jié)滑塊,甚至包含一個(gè)用來替音頻輸出重選路由的控件。了解實(shí)現(xiàn)方法,請(qǐng)參閱MPVolumeView Class Reference。
(4)短音和振動(dòng)請(qǐng)使用系統(tǒng)聲音服務(wù)
了解實(shí)現(xiàn)方法,請(qǐng)參閱System Sound Services Reference。
(5)如果聲音對(duì)你的應(yīng)用十分重要請(qǐng)?jiān)O(shè)置音頻類別
不同的音頻類別允許聲音被靜音按鈕靜音、與其它聲音混響、或是當(dāng)你的應(yīng)用在后臺(tái)時(shí)播放。根據(jù)類別的含義和當(dāng)前設(shè)備的音頻播放情況來選擇一個(gè)類別,然后將其分配給你音頻對(duì)話(audiosessions)。比如:非必要情況下,請(qǐng)不要打斷用戶正在收聽的來自其它應(yīng)用的音樂。
總的來說,盡量不要在你的應(yīng)用運(yùn)行時(shí)更改所屬的音頻類別,除非應(yīng)用需要經(jīng)常地錄制然后播放音頻。了解實(shí)現(xiàn)方法,請(qǐng)參閱Audio Session Programming Guide。
(4)在適當(dāng)時(shí)候繼續(xù)播放被干擾打斷的音頻
正在播放的音頻有時(shí)會(huì)受來自其它應(yīng)用的聲音干擾,暫時(shí)性干擾(比如:來電鈴聲)被認(rèn)為是可恢復(fù)的;永久性干擾(比如:被Siri打開的播放列表)被視為不可恢復(fù)的。
當(dāng)一個(gè)可恢復(fù)的干擾出現(xiàn)時(shí),你的應(yīng)用應(yīng)該在干擾結(jié)束時(shí)恢復(fù)音頻播放(假設(shè)音頻在干擾出現(xiàn)之前就已經(jīng)開始播放了)。比如:一個(gè)在播放配樂的游戲和一個(gè)在播放音頻的媒體應(yīng)用,都應(yīng)該恢復(fù)聲音的播放。當(dāng)干擾發(fā)生時(shí)應(yīng)用沒有在播放任何音頻,那么它也就不需要恢復(fù)任何對(duì)象。
(5)讓其它應(yīng)用知道何時(shí)你的應(yīng)用將停止播放暫時(shí)性的音頻
如果你的應(yīng)用可能會(huì)暫時(shí)性地干擾到其它應(yīng)用的音頻,那么就應(yīng)該恰當(dāng)?shù)貥?biāo)明聲音片段,從而讓其它應(yīng)用知道確切的恢復(fù)時(shí)間。了解實(shí)現(xiàn)方法,請(qǐng)參閱AVFoundation Framework Reference中的
AVAudioSessionSetActiveOptionNotifyOthersOnDeactivation。
(6)只有在有意義時(shí)才對(duì)聲音控件作出反應(yīng)
無論你的應(yīng)用在前臺(tái)還是后臺(tái),用戶都能夠通過應(yīng)用界面以外的東西控制音頻的播放,比如:在控制中心(Control Center)中,或者耳機(jī)聲控。如果你的應(yīng)用正在一個(gè)明確與聲音相關(guān)的環(huán)境下播放音頻,或是連接到一個(gè)支持AirPlay的設(shè)備上,那么對(duì)聲音控件作出反應(yīng)是合理的。但是,你的應(yīng)用不應(yīng)該混淆其它應(yīng)用的音頻,因?yàn)樗鼈兛赡軙?huì)在控件被激活時(shí)播放。
(7)不要重新定義聲音控件
用戶希望聲音控制在任何應(yīng)用都保持一致性,永遠(yuǎn)不要重新定義聲音控件。如果你的應(yīng)用不支持某些控件,那么只需不對(duì)它們作出反應(yīng)即可。
要求用戶僅在交換價(jià)值時(shí)進(jìn)行身份驗(yàn)證,例如:個(gè)性化體驗(yàn)、訪問其他功能、購買內(nèi)容或同步數(shù)據(jù)。如果您的應(yīng)用需要身份驗(yàn)證,請(qǐng)確保登錄過程快速,輕松且不引人注目,因此不會(huì)減損您的應(yīng)用的樂趣。
(1)在所有注冊(cè)和登錄流程中使用密碼自動(dòng)填充
此功能可自動(dòng)生成并填寫密碼和安全代碼,以便人們可以在驗(yàn)證屏幕上花費(fèi)更少的時(shí)間,所有應(yīng)用都應(yīng)支持此功能。有關(guān)開發(fā)人員指導(dǎo),請(qǐng)參閱支持密碼自動(dòng)填充。
(2)盡可能延遲登錄
在做任何有用的事情之前,人們經(jīng)常放棄應(yīng)用程序。在做出承諾之前,讓他們有機(jī)會(huì)愛上您的應(yīng)用。在購物應(yīng)用中,讓人們?cè)诎l(fā)布后立即瀏覽您的商品,并且只有在他們準(zhǔn)備購買時(shí)才需要登錄。在媒體流應(yīng)用中,讓人們?cè)诘卿浿盀g覽您的內(nèi)容并查看您提供的內(nèi)容。
(3)說明身份驗(yàn)證的好處以及如何注冊(cè)您的服務(wù)
如果您的應(yīng)用需要身份驗(yàn)證,請(qǐng)?jiān)诘卿浧聊簧巷@示簡短友好的說明,說明需求的原因及其好處。此外,請(qǐng)記住,并非每個(gè)使用您的應(yīng)用的人都從一開始就擁有一個(gè)帳戶。請(qǐng)務(wù)必說明如何獲取,或提供簡單的應(yīng)用內(nèi)注冊(cè)方式。
(4)通過顯示適當(dāng)?shù)逆I盤來最小化數(shù)據(jù)輸入
例如:在詢問電子郵件地址時(shí),請(qǐng)顯示電子郵件鍵盤屏幕,其中包括有用的數(shù)據(jù)輸入快捷方式。有關(guān)相關(guān)指導(dǎo),請(qǐng)參閱鍵盤。有關(guān)可用鍵盤類型的完整列表,請(qǐng)參閱UIKeyboardType不斷UITextInputTraits。
(5)切勿使用術(shù)語密碼
密碼用于解鎖用戶的iOS設(shè)備,并在禁用生物識(shí)別身份驗(yàn)證時(shí)使用Apple Pay進(jìn)行身份驗(yàn)證。有關(guān)Apple Pay身份驗(yàn)證設(shè)計(jì)指南,請(qǐng)參閱Apple Pay。
(1)盡可能支持生物識(shí)別身份驗(yàn)證
Face ID和Touch ID是人們信任的安全,熟悉的身份驗(yàn)證方法。如果用戶啟用了生物識(shí)別身份驗(yàn)證,您可以假設(shè)他們了解其工作原理,了解其便利性,并且希望盡可能使用它。請(qǐng)記住,人們可能會(huì)選擇在其設(shè)備上禁用生物識(shí)別身份驗(yàn)證,因此您的應(yīng)用應(yīng)準(zhǔn)備好處理此方案。
(2)通過單一方式對(duì)人員進(jìn)行身份驗(yàn)證
當(dāng)人們不必選擇如何進(jìn)行身份驗(yàn)證時(shí),這是最直觀的。只需給他們一個(gè)選項(xiàng),比如:Face ID;提供替代方案,例如:要求輸入用戶名和密碼,僅在初始方法失敗時(shí)作為后備。
(3)僅在響應(yīng)用戶操作時(shí)啟動(dòng)身份驗(yàn)證
顯示操作(如點(diǎn)擊按鈕)可確保用戶進(jìn)行身份驗(yàn)證,在Face ID的情況下,它還增加了用戶面對(duì)相機(jī)的可能性。
(4)始終確定身份驗(yàn)證方法
例如:使用面部識(shí)別登錄您的應(yīng)用程序的按鈕應(yīng)標(biāo)題為“使用面部識(shí)別功能登錄”,而不是“登錄”。
(5)準(zhǔn)確參考認(rèn)證方法
請(qǐng)勿在支持Face ID的設(shè)備上引用Touch ID,相反,請(qǐng)勿在支持Touch ID的設(shè)備上引用Face ID,檢查設(shè)備的功能并使用適當(dāng)?shù)男g(shù)語。有關(guān)開發(fā)人員指導(dǎo),請(qǐng)參閱LABiometryType。
(6)請(qǐng)避免在您的應(yīng)用中提供選擇進(jìn)行生物識(shí)別身份驗(yàn)證的設(shè)置
如果在系統(tǒng)級(jí)別啟用了生物識(shí)別身份驗(yàn)證,則只需假設(shè)用戶想要使用它。如果您實(shí)施特定于應(yīng)用程序的設(shè)置,則用戶可能會(huì)進(jìn)入這樣一種狀態(tài):當(dāng)應(yīng)用程序在系統(tǒng)范圍內(nèi)真正禁用時(shí),該應(yīng)用程序中的生物識(shí)別身份驗(yàn)證似乎已啟用。
(7)不要使用圖標(biāo)來標(biāo)識(shí)系統(tǒng)身份驗(yàn)證功能
當(dāng)人們看到圖標(biāo)看起來像系統(tǒng)的Touch ID(指紋)和面部ID圖標(biāo)時(shí),他們認(rèn)為他們應(yīng)該進(jìn)行身份驗(yàn)證。使用圖標(biāo)來識(shí)別身份驗(yàn)證功能會(huì)產(chǎn)生不一致并導(dǎo)致混淆,尤其是當(dāng)圖標(biāo)被著色,以大尺寸顯示并呈現(xiàn)在上下文之外時(shí)。
對(duì)于開發(fā)人員指南,請(qǐng)參閱本地驗(yàn)證。
無論是通過點(diǎn)擊界面元素亦或是使用鍵盤,信息輸入都是一個(gè)冗長的流程。如果一個(gè)用戶正在做著某些非常有用操作前時(shí)被要求首先要進(jìn)行一連串的輸入,那么這個(gè)屬于會(huì)毋庸置疑的拖慢用戶整個(gè)操作流程,用戶便會(huì)很快對(duì)應(yīng)用感到失望,甚至?xí)氐椎貟仐夁@個(gè)應(yīng)用。
(1)盡可能的用選項(xiàng)代替輸入
盡可能地提高信息輸入的效率,比如:考慮使用選擇器或是列表來替代輸入欄,因?yàn)閺囊涣刑崆霸O(shè)定好的選項(xiàng)中選擇一個(gè)要比輸入數(shù)據(jù)要容易的多。
(2)盡可能的從系統(tǒng)中獲取信息
不要強(qiáng)迫用戶提供那些本是可以自動(dòng),亦或是已經(jīng)在用戶許可內(nèi)就能獲取的信息,比如:聯(lián)系人或是日歷信息。
(3)提供合理的默認(rèn)值
盡可能地預(yù)填最合理的信息值,提供一個(gè)合理可靠的默認(rèn)值,會(huì)大大的縮短用戶做決定的時(shí)間從而加快整個(gè)流程。
(4)只有在收集完必需信息之后才能進(jìn)行下一步
在允許“下一步”或“繼續(xù)”按鈕前,確保所有必要的輸入框都有信息,利用按鈕的視覺信息進(jìn)行流程上的提示。
(5)動(dòng)態(tài)驗(yàn)證所輸數(shù)據(jù)有效性
在用戶完成很長的輸入后再使其返回去更正錯(cuò)誤是會(huì)非常令人沮喪的,盡可能的在用戶輸入信息后馬上進(jìn)行檢查,這樣用戶便能及時(shí)發(fā)現(xiàn)并更正錯(cuò)誤。
(6)只要求必要的信息
只有系統(tǒng)運(yùn)行真正必需的信息才使用必填欄。
(7)簡化值列表的導(dǎo)航
尤其是在列表和選擇器中,必需能夠簡單地選擇值??紤]通過將值列表按首字母排序或是其它邏輯排列,從而加快瀏覽和選擇的速度。
(8)在輸入欄顯示提示以輔助說明
當(dāng)輸入欄沒有其它文字時(shí),可以包含占位符文字,比如:“郵件”或“密碼”。當(dāng)占位符文字已經(jīng)足夠說明時(shí)不要再單獨(dú)使用標(biāo)簽來描述。
使用單個(gè)手指,用戶可以通過將內(nèi)容從一個(gè)位置拖動(dòng)到另一個(gè)位置來移動(dòng)或復(fù)制所選照片,文本或其他內(nèi)容,然后抬起手指以放下它。
觸摸并保持所選內(nèi)容使其看起來上升并粘附到用戶的手指上,在拖動(dòng)內(nèi)容時(shí),動(dòng)畫和視覺提示識(shí)別可能的目的地。系統(tǒng)還會(huì)顯示一個(gè)標(biāo)識(shí),指示何時(shí)無法刪除,或者會(huì)導(dǎo)致重復(fù)內(nèi)容而不是移動(dòng)內(nèi)容。有關(guān)開發(fā)人員指導(dǎo),請(qǐng)參閱UIKit中的拖放操作。
將所選內(nèi)容從原位置拖放移動(dòng)到目標(biāo)位置,這些位置可以位于同一容器中,如文本視圖,也可以位于不同的容器中,例如:拆分視圖兩側(cè)的文本視圖。
例如,在Notes中,用戶可以將所選文本拖動(dòng)到同一音符中的新位置。在“提醒”中,用戶可以將單個(gè)提醒拖出一個(gè)列表并將其放入另一個(gè)列表中。
在iPad上,源位置和目標(biāo)位置也可以存在于不同的應(yīng)用程序中,從而實(shí)現(xiàn)跨應(yīng)用程序交互,例如:將照片從Safari中的網(wǎng)頁拖動(dòng)到Mail中的新郵件。在拖動(dòng)內(nèi)容時(shí),用戶可以通過多任務(wù)處理訪問另一個(gè)應(yīng)用程序,退出到主屏幕,或從屏幕底部向上滑動(dòng)以顯示Dock。
注意:在應(yīng)用程序之間拖放內(nèi)容總是會(huì)導(dǎo)致內(nèi)容的重復(fù),而不是移動(dòng)。
拖放是一種高效,直觀的功能,用戶希望在整個(gè)系統(tǒng)中普遍實(shí)現(xiàn)。如果您的應(yīng)用包含或生成人們可能想要移動(dòng),復(fù)制或插入的文本、照片、視頻、音頻或其他內(nèi)容,您的應(yīng)用應(yīng)支持拖放。
為所有可選擇和可編輯的內(nèi)容提供拖放功能,可選內(nèi)容應(yīng)該是可拖動(dòng)的,可編輯內(nèi)容應(yīng)該接受刪除的內(nèi)容。另外,請(qǐng)確保您的應(yīng)用支持在這些區(qū)域中進(jìn)行復(fù)制和粘貼。
允許在適用時(shí)刪除控件上的內(nèi)容。通常,配置允許數(shù)據(jù)輸入或選擇的控件(如文本字段)接受已刪除的內(nèi)容。
盡可能使用標(biāo)準(zhǔn)文本視圖和文本字段,這些系統(tǒng)提供的元素包括內(nèi)置的拖放支持。有關(guān)相關(guān)指導(dǎo),請(qǐng)參閱文本字段和文本視圖。有關(guān)開發(fā)人員指導(dǎo),請(qǐng)參閱UITextField和UITextView。
為了提高效率,請(qǐng)考慮支持多項(xiàng)拖放。在許多應(yīng)用程序中,用戶可以用一根手指拖動(dòng)單個(gè)項(xiàng)目,在拖動(dòng)時(shí),通過用另一個(gè)手指點(diǎn)擊它們來選擇其他項(xiàng)目,所選項(xiàng)目一起移動(dòng)并顯示堆疊在拖動(dòng)原始項(xiàng)目的手指下方。
然后,用戶將這些項(xiàng)目作為一組拖放,并將它們放在所需的目的地上。例如:主屏幕允許選擇多個(gè)應(yīng)用程序圖標(biāo)并一次拖入文件夾,某些應(yīng)用程序(如“照片”)提供了一種選擇模式,可以在拖動(dòng)之前選擇多個(gè)項(xiàng)目。
確定在應(yīng)用程序中拖放內(nèi)容是否應(yīng)導(dǎo)致移動(dòng)或復(fù)制。通常,當(dāng)源和目標(biāo)容器相同(拖動(dòng)文檔中的文本)時(shí),移動(dòng)是有意義的,并且當(dāng)副本不同時(shí)(在文檔之間或應(yīng)用程序之間拖動(dòng)),副本是有意義的。然而,情況并非總是如此。
最重要的是,拖放操作應(yīng)該直觀。在“提醒”中,在列表之間拖動(dòng)提醒會(huì)移動(dòng)它們而不是復(fù)制它們,因?yàn)檫@是人們所期望的。在應(yīng)用程序之間拖放內(nèi)容始終會(huì)生成副本。
只要有可能,讓人們撤消拖放。通常,當(dāng)用戶無意中將內(nèi)容丟棄到錯(cuò)誤的目標(biāo)位置時(shí),他們應(yīng)該能夠使用“撤消”將應(yīng)用程序恢復(fù)到之前的狀態(tài)。也就是說,應(yīng)刪除已刪除的內(nèi)容,如果它已從應(yīng)用中的其他位置移動(dòng),則會(huì)還原到其原始位置。
考慮啟用彈簧加載,通過彈簧加載,用戶可以通過拖動(dòng)選定的內(nèi)容來激活某些控件(如:按鈕和分段控件),并暫停而不會(huì)丟棄內(nèi)容。例如:在“郵件”中,可以將選定的郵件拖到導(dǎo)航欄的“后退”按鈕上,以訪問郵箱層次結(jié)構(gòu)中的其他位置。
永遠(yuǎn)不要讓彈簧加載是激活控件的唯一方法,用它作為可以發(fā)現(xiàn)的點(diǎn)綴。在大多數(shù)情況下,彈簧加載的控件也應(yīng)該響應(yīng)輕擊手勢(shì)。有關(guān)開發(fā)人員指導(dǎo),請(qǐng)參閱UISpringLoadedInteraction。
如有必要,自定義拖動(dòng)項(xiàng)預(yù)覽。通常,在用戶手指下顯示的預(yù)覽應(yīng)該是被拖動(dòng)內(nèi)容的半透明表示。此外觀提供上下文,指示正在進(jìn)行拖動(dòng),并使用戶能夠查看拖動(dòng)內(nèi)容下方的目標(biāo)。
盡可能提供拖動(dòng)數(shù)據(jù)的多種表示,從最高到最低保真度排序。例如:在提供藝術(shù)線條時(shí),您的應(yīng)用可以按順序提供PDF矢量表示,具有透明度的無損PNG圖像和無透明的有損JPEG圖像。這樣,目的地可以選擇它可以導(dǎo)入的最高質(zhì)量的表示。
適用時(shí),將自定義對(duì)象的本機(jī)版本顯示為最豐富的數(shù)據(jù)形式。例如:允許人們拖動(dòng)圖表的應(yīng)用程序應(yīng)首先顯示本機(jī)圖表對(duì)象。然后,它應(yīng)該為圖表提供類似替代品的圖像版本,適用于不支持圖表對(duì)象的應(yīng)用程序。
當(dāng)應(yīng)用程序內(nèi)容的傳輸耗時(shí)或資源密集時(shí),實(shí)施文件提供程序擴(kuò)展。即使您的應(yīng)用不再運(yùn)行,文件提供程序擴(kuò)展也會(huì)管理傳輸過程并確保其完成。請(qǐng)注意,在用戶刪除內(nèi)容之前,傳輸過程不會(huì)開始。有關(guān)開發(fā)人員指導(dǎo),請(qǐng)參閱NSFileProviderExtension。
當(dāng)您的應(yīng)用內(nèi)容需要轉(zhuǎn)移時(shí)間時(shí),請(qǐng)?zhí)峁┻M(jìn)度信息。如果必須下載內(nèi)容或大文件需要時(shí)間復(fù)制,請(qǐng)?zhí)峁┻M(jìn)度信息。至少,提供內(nèi)容的總大小,以便目的地可以計(jì)算剩余的時(shí)間量并顯示適當(dāng)?shù)倪M(jìn)度指示器。有關(guān)開發(fā)人員指導(dǎo),請(qǐng)參閱NSProgress。
使用視覺提示識(shí)別潛在目的地并預(yù)覽刪除內(nèi)容的效果。突出顯示,插入點(diǎn)指示符和動(dòng)畫都是識(shí)別可能目的地的好方法。當(dāng)內(nèi)容被拖過時(shí),視圖可以巧妙地閃爍并改變顏色,或者段落可以分開以為拖動(dòng)的圖像騰出空間。
當(dāng)屏幕上有多個(gè)可能的目的地時(shí),一次識(shí)別一個(gè)目的地。如果源容器和目標(biāo)容器相同,則可能不需要突出顯示,除非將內(nèi)容完全拖出源,然后重新進(jìn)入。確保在刪除內(nèi)容或不再位于目標(biāo)上方時(shí)刪除突出顯示。
適當(dāng)時(shí)自動(dòng)滾動(dòng)目標(biāo)的內(nèi)容。當(dāng)內(nèi)容被拖動(dòng)到目的地的邊界之外時(shí),您的應(yīng)用可能需要確定是否滾動(dòng)目標(biāo)的內(nèi)容或允許用戶繼續(xù)拖動(dòng)到完全不同的目的地。如果您的應(yīng)用允許用戶繼續(xù)拖動(dòng),請(qǐng)考慮定義一個(gè)區(qū)域,當(dāng)拖動(dòng)的項(xiàng)目位于其上方時(shí),該區(qū)域會(huì)導(dǎo)致自動(dòng)滾動(dòng)。
例如:當(dāng)內(nèi)容被拖動(dòng)到正文區(qū)域的頂部或底部時(shí),Mail中的冗長草稿消息會(huì)自動(dòng)滾動(dòng),標(biāo)準(zhǔn)文本視圖和文本字段自動(dòng)采用此行為。
提取并顯示已刪除內(nèi)容的最豐富表示,例如:您的應(yīng)用可能會(huì)提供圖表的多個(gè)表示形式。如果您的應(yīng)用程序支持圖表,則可以提取并顯示本機(jī)圖表對(duì)象。如果您的應(yīng)用不支持圖表,則可以提取并顯示圖表的圖像版本。
適用時(shí),僅提取已刪除內(nèi)容的相關(guān)部分。例如,如果用戶將聯(lián)系人從“聯(lián)系人”拖動(dòng)到“郵件”中的收件人字段,則僅使用名稱和電子郵件地址,而不是聯(lián)系人的地址信息。
刪除內(nèi)容后在表視圖和集合視圖中顯示占位符,占位符會(huì)在完成轉(zhuǎn)移后臨時(shí)指明內(nèi)容的駐留位置。
刪除內(nèi)容需要時(shí)間傳輸時(shí)顯示進(jìn)度。默認(rèn)情況下,當(dāng)應(yīng)用程序之間發(fā)生耗時(shí)的傳輸時(shí),系統(tǒng)會(huì)顯示應(yīng)用程序模式警報(bào)??紤]自定義顯示進(jìn)度的方式,例如:在表視圖或集合視圖中顯示占位符上的進(jìn)度指示器,這樣就不會(huì)阻止用戶使用您的應(yīng)用程序。請(qǐng)注意,在用戶刪除內(nèi)容之前,傳輸過程不會(huì)開始。
丟棄的內(nèi)容啟動(dòng)進(jìn)程時(shí)提供反饋,如果用戶將內(nèi)容放到啟動(dòng)任務(wù)的控件上,例如:將視頻上傳到共享站點(diǎn),則表明該任務(wù)已經(jīng)開始,并讓用戶了解其進(jìn)度。
丟棄失敗時(shí)通知用戶,如果無法插入丟棄的內(nèi)容,可能是因?yàn)槲募鬏敱恢袛?,?qǐng)通知用戶丟棄不成功。
對(duì)刪除的文本應(yīng)用適當(dāng)?shù)臉邮?,?dāng)源和目標(biāo)支持相同樣式的文本屬性時(shí),刪除的文本應(yīng)保持其原始字體、大小和其他屬性。否則,刪除的文本應(yīng)采用目標(biāo)的樣式。
當(dāng)用戶無法立即撤消拖放時(shí),請(qǐng)考慮提供一種微妙,直觀的退出方式。例如:共享應(yīng)用程序可能會(huì)在發(fā)布已刪除的內(nèi)容之前顯示中間份額表,此共享表可以提供一種方式來提供狀態(tài)消息等附加內(nèi)容,同時(shí)還提供取消按鈕。將照片拖入共享照片流時(shí),照片會(huì)出現(xiàn)此行為。
反饋?zhàn)钪庇^的體現(xiàn)為使用戶知道當(dāng)前應(yīng)用正在做什么事情,去引導(dǎo)告知用戶接下來其能夠做的事情以及了解這么做將產(chǎn)生的結(jié)果。
(1)隱秘的在你應(yīng)用的界面中加入信息狀態(tài)或其它類型的反饋
理想情況下,用戶可以得到非常重要的信息提示,而且是在無需進(jìn)行任何操作或者被打斷的前提下。以郵件為例,即使用戶當(dāng)前正在瀏覽郵件狀態(tài)信息也可以很巧妙的被顯示在狀態(tài)欄,而這個(gè)信息不近不會(huì)與當(dāng)前屏幕內(nèi)容有所沖突,而且會(huì)很方便用戶在任何需要的時(shí)候隨時(shí)查看。
(2)避免不必要的警告
警告是一種非常強(qiáng)烈的反饋機(jī)制,也正因?yàn)檫@樣它應(yīng)該只被用在傳遞非常重要信息上。如果用戶看到太多包含不必要信息的警告,結(jié)果將是用戶會(huì)潛移默化的被教育到去忽視所有的警告。更多信息請(qǐng)參考Alerts。
對(duì)于硬件可以支持的設(shè)備,體感為用戶提供了一種更直接的物理上的反饋方式,從而使用戶可以更輕易明顯的注意到并且做出相應(yīng)的反應(yīng)。像有些系統(tǒng)級(jí)別的界面元素,例如:選擇器、開關(guān)、滑塊等系統(tǒng)都為其自動(dòng)配置了相應(yīng)的體感反饋。同時(shí)你也可以為你的應(yīng)用配置不同類型的系統(tǒng)體感反饋,iOS平臺(tái)負(fù)責(zé)管理這些反饋的行為和效果。
成功,意味著一個(gè)任務(wù)或者操作,例如:完成一項(xiàng)檢查或者解鎖一輛汽車。
通知(成功,警告,失?。?;影響(輕,中,重);選擇(選擇)
(1)審慎的使用體感
過度的使用可能會(huì)為反饋帶來困擾或消減其重要性。
(2)對(duì)用戶發(fā)起的操作進(jìn)行體感反饋
對(duì)用戶發(fā)起的操作進(jìn)行體感反饋對(duì)于用戶來說是非常容易進(jìn)行反饋關(guān)聯(lián)的,相反來說,太任意的反饋便會(huì)使用戶無法感覺到太大的關(guān)聯(lián)甚至?xí)斜徽`打斷的感覺。
(3)不要重新定義反饋的類型
為了確保一致的用戶體驗(yàn),盡量長期的使用合理的反饋類型。例如:不要使用“有影響的”反饋去提示用戶一個(gè)任務(wù)被成功執(zhí)行;而應(yīng)該使用“成功”類型的“通知”來進(jìn)行反饋。
(4)協(xié)調(diào)應(yīng)用的視覺體驗(yàn)和體感反饋
同時(shí)提供視覺和體感上的反饋用以對(duì)操作和結(jié)果見進(jìn)行更深層次的連接,確保用生動(dòng)準(zhǔn)確的動(dòng)畫效果來在視覺上配合用戶的感覺。
(5)不要僅依賴于單一的一種交流方式
不是所有的設(shè)備均支持所有范圍的體感反饋,而且用戶也可以選擇通過設(shè)置應(yīng)用來關(guān)閉某些特征。總的來說,體感反饋必須在設(shè)備和你的應(yīng)用均支持的基礎(chǔ)上才可以正常做出反應(yīng)。而在視覺及聽覺上的同時(shí)進(jìn)行的反饋可以有效的保證一些重要消息不會(huì)被忽略。
(6)當(dāng)視覺反饋可能被屏蔽的時(shí)候使用體感反饋
對(duì)于某些交互,比如:拖拽某個(gè)對(duì)象到屏幕上的某一個(gè)被用戶手指遮擋住的位置。通常情況下的反饋方式為通過體感在用戶到達(dá)那個(gè)位置時(shí)進(jìn)行反饋。
(7)開始反饋前確保系統(tǒng)準(zhǔn)備完成
因?yàn)閷?duì)于應(yīng)用所提供的體感反饋會(huì)有很多其他潛在的因素存在,因此最好的做法是在請(qǐng)求反饋前確保系統(tǒng)已經(jīng)準(zhǔn)備完成。否則太晚出現(xiàn)的體感反饋可能會(huì)與用戶的操作關(guān)聯(lián)性不大,或者對(duì)于用戶當(dāng)前看到的屏幕上的內(nèi)容。
(8)同步體感反饋和背景聲音
體感反饋不會(huì)自動(dòng)的和聲音進(jìn)行同步,如果應(yīng)用需要一個(gè)背景音樂,那么你需要自己去對(duì)其進(jìn)行同步。
用戶在創(chuàng)建,瀏覽以及操作文件的同時(shí)其實(shí)并不需要了解文件系統(tǒng)的概念。如果你的應(yīng)用涉及到文件,盡可能的淡化文件處理。
(1)使用戶相信程序,是會(huì)一致被保持的除非用戶主動(dòng)去取消或者刪除。一般來說,不要叫用戶去即使保存文件;相反的,在文件被打開,關(guān)閉或者進(jìn)行應(yīng)用間跳轉(zhuǎn)時(shí)自動(dòng)的為用戶保存文件。
對(duì)應(yīng)某些其它情況,比如:編輯一個(gè)已經(jīng)存在的文件時(shí),保存和取消選項(xiàng)也會(huì)變得更有意義,因?yàn)樗鼈兛梢詭椭脩舸_認(rèn)正在被編輯的內(nèi)容何時(shí)應(yīng)該被保持。
(2)不要提供創(chuàng)建本地文件的選項(xiàng),用戶總是期望他們的文件在其所有的贏家設(shè)備上都是可用的。無論何時(shí),盡可能的使你的應(yīng)用支持像iCloud一樣的云存儲(chǔ)。
(3)設(shè)計(jì)一個(gè)直觀化圖形化的文件瀏覽界面,理想情況下,使用用戶所熟悉的系統(tǒng)文件瀏覽器來選擇文件。如果你設(shè)計(jì)了一個(gè)定制化的文件瀏覽器,那么請(qǐng)確保它是直觀且有效的。
文件瀏覽器只有在其提供了高質(zhì)量的圖形及視覺響應(yīng)界面時(shí),才會(huì)發(fā)揮最大的效果。如果想要加快導(dǎo)航速度,減少手勢(shì)操作,那么可以考慮提供一個(gè)文件按鈕,這樣用戶便可以無需跳轉(zhuǎn)至其它地方便可以創(chuàng)建一個(gè)新的文件。
(4)允許用戶在不離開應(yīng)用既可以瀏覽文件,你可以使用Quick Look功能使用戶瀏覽像Keynote,Number以及Pages等文件,同時(shí)也包括PDF、圖像,以及其它個(gè)稅的文件格式的文件而且是在用戶無需打開這個(gè)文件的前提下,詳情請(qǐng)參考Quick Look章節(jié)。
(5)在合適的時(shí)機(jī)和其它應(yīng)用共享文件,在必要的時(shí)候,允許你的應(yīng)用去通過document provider extension與其它應(yīng)用共享文件。同樣你的應(yīng)用也應(yīng)該允許用戶在其它應(yīng)用下打開以及瀏覽文件,詳情請(qǐng)參考Document Picker Programming Guide章節(jié)。
用戶通過在設(shè)備觸摸屏幕上不同的操作手勢(shì)來與應(yīng)用進(jìn)行交互,而這些手勢(shì)不僅一方面表現(xiàn)了人與內(nèi)容之間親密的聯(lián)系,另一方面也加強(qiáng)了用戶對(duì)屏幕上對(duì)象更直接的操作感。用戶同時(shí)也普遍希望對(duì)于系統(tǒng)中不同的應(yīng)用來說也能夠可以通過一套標(biāo)準(zhǔn)的操作手勢(shì)來與應(yīng)用進(jìn)行交互。
熱門資訊
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
3. 移動(dòng)端UI設(shè)計(jì)中常見的5種APP界面類型,你get到了嗎?
通過介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、字體...
5. 移動(dòng)端列表頁和表單頁設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁和表單頁是不可或缺的部分。一個(gè)好的列表頁和表單頁設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
6. 推薦10本適合UI設(shè)計(jì)師看的書籍,輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來說,這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過程中,應(yīng)盡量使用簡潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
9. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣?想學(xué)UI設(shè)計(jì)要多少錢?
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎?不知道學(xué)UI設(shè)計(jì)要花多少錢?不妨看看這篇文章,了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
10. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
最新文章
同學(xué)您好!