產(chǎn)品新人必備的iOS人機交互指南(轉(zhuǎn)譯)三

2.10 手勢

人們通過在觸摸屏上執(zhí)行手勢來與iOS設(shè)備進行交互。這些手勢與內(nèi)容有著密切的個人聯(lián)系诅诱,增強了屏幕對象直接操作的意識髓堪。人們普遍希望在系統(tǒng)和應(yīng)用程序中使用以下標準手勢。

注:因編輯器無法插入動畫,請參考原文動畫旦袋。

Tap

單擊(Tap):激活控制或選擇項目骤菠。

Drag

拖動(Drag):從一側(cè)到另一側(cè)移動的元件或拖動在屏幕上的元素它改,例如調(diào)整元素順序疤孕。

Flick

滾動(Flick):快速滾動或翻轉(zhuǎn),如滾動相冊央拖。

Swipe

滑動(Swipe):當用一個手指執(zhí)行操作時祭阀,返回到前一個屏幕,在分屏視圖控制器中顯示隱藏的視圖鲜戒,在一個表視圖行中顯示刪除按鈕专控,或者在peek中顯示操作。

Double tap

雙擊(Double tap):拉近和中心內(nèi)容或圖像遏餐,或縮小如果已經(jīng)放大伦腐。

Pinch

捏(Pinch):向外捏的時候拉近腐魂,向內(nèi)捏的時候縮小蹬屹。

Touch and hold

觸摸并按住(Touch and hold):當在可編輯或可選擇的文本中執(zhí)行時空镜,顯示一個放大的光標位置的視圖粹庞。當在某些視圖中執(zhí)行時咳焚,例如集合視圖,進入允許重新排列項目的模式庞溜。

Shake

搖(Shake):啟動撤銷或重做革半。

一般來說,使用標準手勢流码。人們對標準手勢很熟悉又官,不喜歡被迫學習不同的方法來做同樣的事情。在游戲和其他沉浸式應(yīng)用程序中漫试,自定義手勢可以成為體驗中有趣的一部分赏胚。在其他應(yīng)用程序中,最好使用標準手勢商虐,這樣就不需要額外的努力來發(fā)現(xiàn)或記住它們觉阅。

不要阻礙系統(tǒng)的手勢。除了標準的手勢之外秘车,一些附加的手勢還會調(diào)用系統(tǒng)范圍的動作典勇,比如顯示控制中心或通知中心。人們依靠這些手勢在每個應(yīng)用程序中工作叮趴。

避免使用標準手勢來執(zhí)行非標準操作割笙。除非你的應(yīng)用程序是為了活躍游戲中的游戲,重新定義標準手勢的含義會導(dǎo)致混亂和復(fù)雜性。

提供快捷的手勢來補充伤溉、替代基于接口的導(dǎo)航和動作般码。只要有可能,就提供一種簡單的乱顾、可見的導(dǎo)航或執(zhí)行動作的方式板祝,即使這意味著額外的單擊或雙擊。許多系統(tǒng)應(yīng)用包括一個導(dǎo)航欄走净,它提供了一個清晰的券时、可切換的按鈕回到前一個屏幕。但是伏伯,用戶也可以從屏幕一側(cè)滑動導(dǎo)航回來橘洞。在iPad上,人們可以通過按Home鍵说搅,或者通過使用四根手指捏的手勢退出到主屏幕炸枣。

使用多觸點手勢來增強一些應(yīng)用程序的體驗。雖然對每一個應(yīng)用都有多個手指的動作并不適用弄唧,但它們可以豐富應(yīng)用程序的體驗适肠,比如游戲和繪畫應(yīng)用。例如套才,游戲可能包括多個屏幕控制迂猴,諸如操縱桿和點火按鈕可以同時操作。

2.11 加載

當內(nèi)容加載時背伴,一個空白或靜態(tài)的屏幕會讓你的應(yīng)用看起來像是被凍結(jié)沸毁,從而導(dǎo)致混亂和沮喪,并有可能導(dǎo)致人們離開你的應(yīng)用傻寂。

當加載發(fā)生時息尺,請明確說明。至少疾掰,顯示一個活動的轉(zhuǎn)輪搂誉,表示正在發(fā)生的事情。更好的是静檬,顯示出顯著的進度炭懊,以便用戶可以衡量他們將要等待多久。

loading

教育或娛樂人們以掩蓋加載時間拂檩∥旮梗考慮一下游戲的提示,有趣的視頻序列稻励,或者有趣的占位符圖形父阻。

costom_Loading

自定義加載屏幕。雖然標準進度指標通常是可以的,但有時候他們有時會感覺不到上下文加矛÷耐瘢考慮通過與應(yīng)用程序或游戲風格相匹配的自定義動畫和元素來設(shè)計更加身臨其境的體驗。

盡快顯示內(nèi)容斟览。在看到他們期望的屏幕之前毁腿,不要讓人等待內(nèi)容加載。立即顯示屏幕趣惠,并使用占位符文本狸棍、圖形或動畫來確定哪些內(nèi)容是不可用的身害。在內(nèi)容加載時替換這些占位符元素味悄。只要有可能,在后臺預(yù)加載即將到來的內(nèi)容塌鸯,例如在播放動畫或用戶正在瀏覽級別或菜單時侍瑟。

有關(guān)其他指導(dǎo),請參閱進度指示器丙猬。

2.12 模態(tài)(Modality)

Modality(譯者注:臨時視圖)通過阻止人們完成任務(wù)或者關(guān)閉消息或視圖來完成其他任務(wù)涨颜,從而創(chuàng)造了重點。行動表(Action sheets)茧球,警報(alerts)和活動視圖(activity views)提供模態(tài)體驗庭瑰。

Alert
Modal View

最小化使用模式。一般來說抢埋,人們喜歡以非線性方式與應(yīng)用程序進行交互弹灭。只有當某個任務(wù)必須完成或放棄以繼續(xù)使用該應(yīng)用程序或保存重要數(shù)據(jù)時,才考慮創(chuàng)建一個模態(tài)上下文引起關(guān)注揪垄。

提供一種明顯而安全的方式來退出模態(tài)任務(wù)穷吮。確保人們在忽視模態(tài)的時候總是知道他們的行動結(jié)果。

讓模態(tài)任務(wù)簡單饥努、簡短捡鱼、專注。不要在應(yīng)用程序中創(chuàng)建應(yīng)用程序酷愧。如果一個模態(tài)任務(wù)太復(fù)雜驾诈,人們就會失去當他們進入模態(tài)上下文時被暫停的任務(wù)。特別注意創(chuàng)建涉及層次結(jié)構(gòu)的模態(tài)任務(wù)溶浴,因為用戶可能會迷失方向乍迄,并忘記了如何回溯其步驟。如果模態(tài)任務(wù)必須包含子視圖戳葵,請?zhí)峁┩ㄟ^層次結(jié)構(gòu)的單個路徑和完成路徑就乓。避免在完成任務(wù)之外使用完成按鈕。

如果合適,顯示標識任務(wù)的標題生蚁。您還可以在視圖的其他部分提供更完整的描述任務(wù)或提供指導(dǎo)的文本噩翠。

提供必要的和理想的可行動的信息的預(yù)備警報(alert)。Alert中斷了體驗邦投,需要輕按關(guān)閉伤锚,所以重要的是讓人覺得入侵是有必要的。要了解更多信息志衣,請參閱警報屯援。

尊重通知偏好。在“設(shè)置”中念脯,用戶可以指定他們希望如何從應(yīng)用接收通知狞洋。遵守這些偏好設(shè)計,以免他們完全關(guān)閉應(yīng)用的通知绿店。

不要在彈出窗口上方顯示模態(tài)視圖吉懊。除了警報之外,除了警告之外假勿,彈出窗口中什么也不應(yīng)該出現(xiàn)借嗽。在極少數(shù)情況下,當你需要在彈出窗口中顯示一個模態(tài)視圖時转培,在顯示模態(tài)視圖之前關(guān)閉彈窗恶导。

與您的應(yīng)用程序協(xié)調(diào)模態(tài)視圖外觀。模式視圖可以包括例如導(dǎo)航欄浸须。在這種情況下惨寿,請使用與您應(yīng)用中導(dǎo)航欄相同的外觀。

選擇適當?shù)哪B(tài)視圖樣式羽戒。您可以使用以下任何一種樣式:

fullScreen_Modality

全屏缤沦。覆蓋整個屏幕。用于可以在模態(tài)視圖的上下文中完成的潛在復(fù)雜任務(wù)易稠。

pageSheet_Modality

頁面缸废。部分涵蓋了以橫向為主的大型設(shè)備的底層內(nèi)容。所有未覆蓋的區(qū)域都變暗驶社,以防止與它們的交互企量。在較小的設(shè)備上以縱向方向覆蓋整個屏幕。用于可以在模態(tài)視圖的上下文中完成的潛在復(fù)雜任務(wù)亡电。

formSheet_Modality

表單届巩。以屏幕為中心出現(xiàn),但如果鍵盤可見份乒,則可能會重新定位恕汇。所有未覆蓋的區(qū)域都變暗腕唧,以防止與它們的交互●ⅲ可能會在較小的設(shè)備上覆蓋整個屏幕枣接。用于收集信息。

curentContext_Modality

當前上下文缺谴。顯示為與其父視圖相同的大小但惶。用于在拆分視圖面板、彈出窗口或其他不是全屏的視圖中顯示模式內(nèi)容湿蛔。

選擇適當?shù)倪^渡樣式以顯示模態(tài)視圖膀曾。使用與您的應(yīng)用程序協(xié)調(diào)的過渡樣式,并提高臨時上下文轉(zhuǎn)換的意識阳啥。默認的轉(zhuǎn)換將模式視圖從屏幕底部向上垂直滑動添谊,一旦關(guān)閉就退回。翻轉(zhuǎn)式轉(zhuǎn)換似乎水平翻轉(zhuǎn)視圖以顯示模態(tài)視圖苫纤。視覺上碉钠,模態(tài)視圖看起來像當前視圖的背面纲缓。一旦駁回卷拘,它就會翻轉(zhuǎn)。在您的應(yīng)用程序中使用一致的模態(tài)轉(zhuǎn)換樣式祝高。

有關(guān)模態(tài)視圖開發(fā)人員的指導(dǎo)栗弟,請參閱UIViewControllerUIPresentationController

2.13 導(dǎo)航

直到它無法達到他們的期望工闺,人們往往不知道應(yīng)用的導(dǎo)航乍赫。你的工作就是在不引起注意的情況下,以一種支持你的應(yīng)用的結(jié)構(gòu)和目的的方式來實現(xiàn)導(dǎo)航陆蟆。導(dǎo)航應(yīng)該是自然和熟悉的雷厂,不應(yīng)該主導(dǎo)界面或者把焦點從內(nèi)容中拉出來。在iOS中叠殷,有三種主要的導(dǎo)航方式改鲫。

Hierarchical navigation

分層導(dǎo)航。在你到達目的地之前林束,每一個屏幕做出一個選擇像棘。要到達另一個目的地,您必須重新跟蹤您的步驟或從頭開始壶冒,并做出不同的選擇缕题。在設(shè)置和郵件使用了這種導(dǎo)航風格。

Flat navigation

平面導(dǎo)航胖腾。在多個內(nèi)容類別之間切換烟零。音樂和應(yīng)用商店使用了這種導(dǎo)航方式瘪松。

NavigationExperienceDriven-Graphic

內(nèi)容驅(qū)動或體驗驅(qū)動導(dǎo)航。通過內(nèi)容自由移動锨阿,或者內(nèi)容本身定義導(dǎo)航凉逛。游戲、書籍和其他沉浸式應(yīng)用程序通常使用了這種導(dǎo)航風格群井。

一些應(yīng)用程序結(jié)合了多種導(dǎo)航樣式状飞。例如,使用平面導(dǎo)航的應(yīng)用程序可以在每個類別中實現(xiàn)分層導(dǎo)航书斜。

總是提供一條清晰的路徑诬辈。人們應(yīng)該知道你的應(yīng)用在哪里,以及如何到達他們的下一個目的地荐吉。不管導(dǎo)航風格如何焙糟,通過內(nèi)容的路徑是合乎邏輯的、可預(yù)測的样屠、易于遵循的穿撮。一般來說,給每個屏幕一個路徑痪欲。如果需要在多個上下文中查看屏幕悦穿,可以考慮使用動作表單(action sheet)、警告(alert)业踢、彈出窗口(popover)或模式視圖(modal view)栗柒。要了解更多信息,請查看Action Sheets,Alerts,Popovers, andModality.知举。

設(shè)計一種信息結(jié)構(gòu)瞬沦,使其快速、容易地獲得內(nèi)容雇锡。組織你的信息結(jié)構(gòu)逛钻,需要最少的點擊次數(shù),點擊次數(shù)和屏幕锰提。

使用觸摸手勢來創(chuàng)造流動性曙痘。通過最小的摩擦使你的界面更容易移動。例如欲账,您可以讓用戶從屏幕的一側(cè)滑動返回到前面的屏幕屡江。

使用標準導(dǎo)航組件。只要有可能赛不,使用標準的導(dǎo)航控件惩嘉,如頁面控件、標簽欄踢故、分段控件文黎、表視圖惹苗、集合視圖和分屏視圖。用戶對這些控件已經(jīng)很熟悉了耸峭,他們會直觀地知道如何繞過你的應(yīng)用桩蓉。

使用導(dǎo)航條來遍歷數(shù)據(jù)的層次結(jié)構(gòu)。導(dǎo)航欄的標題可以顯示層次結(jié)構(gòu)中的當前位置劳闹,而back按鈕可以很容易地返回到以前的位置院究。對于特定的指導(dǎo),請參Navigation Bars本涕。

使用標簽欄來顯示內(nèi)容或功能的對等分類业汰。不管當前的位置如何,一個標簽欄可以讓人們快速輕松地在不同的類別之間切換菩颖。對于特定的指導(dǎo)样漆,請參Tab Bars

當有多個相同類型的頁面時晦闰,使用頁控件放祟。頁控件清楚地顯示可用頁面的數(shù)量和當前活動的頁數(shù)。天氣應(yīng)用程序使用頁面控件顯示位置特定的天氣頁面呻右。對于特定的指導(dǎo)跪妥,請參Page Controls

提示

分段控件和工具欄不支持導(dǎo)航窿冯。請使用分段控制將信息組織到不同的類別中骗奖。使用工具欄提供與當前上下文交互的控件。有關(guān)這些類型元素的附加信息醒串,請參見Segmented ControlsToolbars.。

2.14 評分和評論

評分和評論有助于人們在考慮是否嘗試應(yīng)用程序時作出明智的決定鄙皇。積極的評價和評分意味著您的應(yīng)用程序的更多下載芜赌,客戶反饋可以讓您深入了解現(xiàn)實世界的使用情況,從而幫助您評估未來的開發(fā)工作伴逸。

提供良好的整體體驗是鼓勵積極評價和評價的最佳方法缠沈,但在適當?shù)臅r候要求反饋也是至關(guān)重要的。請求人們評價您的應(yīng)用程序時错蝴,請牢記這些注意事項洲愤。

僅在用戶展示與您的應(yīng)用程序的互動后才能要求評級。例如顷锰,在完成游戲級別或生產(chǎn)力任務(wù)時提示用戶柬赐。在首次啟動或入場時不要求評級。允許用戶擁有充足的時間形成意見官紫。

不要中斷用戶肛宋。特別是當他們執(zhí)行時間敏感或壓力很大的任務(wù)時州藕。查找邏輯停頓或停止點,評級請求最有意義酝陈。

不要打擾用戶床玻。重復(fù)的評級提示可能會刺激,甚至可能會對用戶對您的應(yīng)用程序的意見產(chǎn)生負面影響沉帮。在評級請求之間至少允許一周或兩周锈死,并在用戶展示與您的應(yīng)用程序進一步互動后再次提示。

2.14.1系統(tǒng)評級和審查提示

該系統(tǒng)為應(yīng)用程序提供了一種一致的穆壕、非侵入式的方式來請求評級和評論馅精。要使用這個功能,您只需標識應(yīng)用程序用戶體驗中的位置粱檀,在這里請求反饋是有意義的洲敢。如果用戶還沒有給出反饋,而且最近還沒有提出請求茄蚯,系統(tǒng)會顯示一個應(yīng)用內(nèi)提示压彭,要求進行評分和可選的書面評論。用戶可以通過一個點擊來提供反饋或取消提示渗常。(在設(shè)置中壮不,用戶也可以選擇不接受他們安裝的所有應(yīng)用的評級提示。)在365天的時間內(nèi)皱碘,該系統(tǒng)會自動將提示符的顯示次數(shù)限制為每款應(yīng)用的三次询一。

使用提供的系統(tǒng)提示。該系統(tǒng)的評級提示提供了一個熟悉的癌椿,高效率的經(jīng)驗健蕊,旨在使用戶的影響微乎其微。

不要使用按鈕或其他控件來請求反饋踢俄。由于系統(tǒng)限制了評級提示的頻率發(fā)生缩功,因此嘗試響應(yīng)控制請求反饋可能不會顯示評級提示。

對于開發(fā)人員指南都办,請參閱SKStoreReviewControllerStoreKit嫡锌。

提示響應(yīng)評論是與用戶溝通,解決問題琳钉,并可能提高應(yīng)用程序評級的好方法势木。有關(guān)最佳做法歌懒,請參閱Responding to Reviews on the App Store

AppRating

2.15 請求許可

用戶必須授予應(yīng)用程序訪問個人信息的權(quán)限震蒋,包括當前位置茸塞,日歷钾虐,聯(lián)系信息,提醒和照片效扫。雖然人們欣賞使用可以訪問這些信息的應(yīng)用程序的便利性,但他們也期望能夠控制他們的私人數(shù)據(jù)菌仁。例如,人們喜歡能夠自動標記照片的物理位置或找到附近的朋友济丘,但他們也希望禁用這些功能的選項洽蛀。

僅在您的應(yīng)用程序明確需要時才能請求個人數(shù)據(jù)摹迷。懷疑個人信息的請求是很自然的,特別是如果沒有明顯的需要郊供。確保權(quán)限請求僅在人們使用明確需要個人數(shù)據(jù)的功能時發(fā)生峡碉。例如,一個應(yīng)用程序可能只會在激活位置跟蹤功能時請求訪問當前位置驮审。

如果請求不明顯的話鲫寄,解釋為什么你的應(yīng)用程序需要信息。您可以向系統(tǒng)提供的權(quán)限請求警報(alert)添加自定義文本疯淫。讓文字更具體地来、更有禮貌,這樣人們就不會感到有壓力了峡竣。保持文本簡短靠抑,并使用句子。不需要包含你的應(yīng)用名稱适掰。該系統(tǒng)已經(jīng)將你的應(yīng)用程序識別為發(fā)出請求的應(yīng)用程序。

只有在應(yīng)用程序需要運行時才請求啟動權(quán)限荠列。如果用戶的應(yīng)用程序顯然依賴于他們的個人信息來操作类浪,那么用戶不會被這個請求打擾。

permission

不要不必要地請求位置信息肌似。在訪問位置信息之前费就,請檢查系統(tǒng)以查看是否啟用了位置服務(wù)。有了這些知識川队,您可以將警報延遲到某個特性真正需要它的時候力细,或者可能完全避免警報睬澡。

要學習如何實現(xiàn)位置特性,請參閱位置和地圖編程指南眠蚂。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末煞聪,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子逝慧,更是在濱河造成了極大的恐慌昔脯,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,464評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件笛臣,死亡現(xiàn)場離奇詭異云稚,居然都是意外死亡沈堡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,033評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來率拒,“玉大人猬膨,你說我怎么就攤上這事勃痴∨嫔辏” “怎么了铁材?”我有些...
    開封第一講書人閱讀 169,078評論 0 362
  • 文/不壞的土叔 我叫張陵村生,是天一觀的道長趁桃。 經(jīng)常有香客問我,道長油啤,這世上最難降的妖魔是什么益咬? 我笑而不...
    開封第一講書人閱讀 59,979評論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮罕模,結(jié)果婚禮上淑掌,老公的妹妹穿的比我還像新娘抛腕。我一直安慰自己担敌,他們只是感情好,可當我...
    茶點故事閱讀 69,001評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著刹悴,像睡著了一般土匀。 火紅的嫁衣襯著肌膚如雪就轧。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,584評論 1 312
  • 那天,我揣著相機與錄音携丁,去河邊找鬼梦鉴。 笑死肥橙,一個胖子當著我的面吹牛存筏,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播予跌,決...
    沈念sama閱讀 41,085評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼券册,長吁一口氣:“原來是場噩夢啊……” “哼烁焙!你這毒婦竟也來了骄蝇?” 一聲冷哼從身側(cè)響起九火,我...
    開封第一講書人閱讀 40,023評論 0 277
  • 序言:老撾萬榮一對情侶失蹤当娱,失蹤者是張志新(化名)和其女友劉穎跨细,沒想到半個月后冀惭,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體散休,經(jīng)...
    沈念sama閱讀 46,555評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡戚丸,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,626評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了痢缎。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片独旷。...
    茶點故事閱讀 40,769評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡嵌洼,死狀恐怖麻养,靈堂內(nèi)的尸體忽然破棺而出回溺,到底是詐尸還是另有隱情遗遵,我是刑警寧澤逸嘀,帶...
    沈念sama閱讀 36,439評論 5 351
  • 正文 年R本政府宣布翼岁,位于F島的核電站司光,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏榆俺。R本人自食惡果不足惜茴晋,卻給世界環(huán)境...
    茶點故事閱讀 42,115評論 3 335
  • 文/蒙蒙 一诺擅、第九天 我趴在偏房一處隱蔽的房頂上張望烁涌。 院中可真熱鬧,春花似錦驰怎、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,601評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽凡简。三九已至秤涩,卻和暖如春司抱,著一層夾襖步出監(jiān)牢的瞬間匀谣,已是汗流浹背武翎。 一陣腳步聲響...
    開封第一講書人閱讀 33,702評論 1 274
  • 我被黑心中介騙來泰國打工宝恶, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留卑惜,地道東北人驻售。 一個月前我還...
    沈念sama閱讀 49,191評論 3 378
  • 正文 我出身青樓毫痕,卻偏偏與公主長得像,于是被迫代替她去往敵國和親栏笆。 傳聞我的和親對象是個殘疾皇子臊泰,可洞房花燭夜當晚...
    茶點故事閱讀 45,781評論 2 361

推薦閱讀更多精彩內(nèi)容