用戶知道標(biāo)準(zhǔn)手勢(shì)

用戶使用點(diǎn)擊、拖拽、捏合等手勢(shì)和 app、ios 設(shè)備互動(dòng)，手勢(shì)會(huì)令用戶更貼近設(shè)備，并且能讓用戶直觀地感受到屏幕上的物體。人們希望所有 app 中的手勢(shì)都是相同用法的。

點(diǎn)擊。按壓或選擇一個(gè)控件或選項(xiàng)。

拖拽。移動(dòng)一個(gè)元素。

滑動(dòng)。快速滑動(dòng)屏幕。

掃。使用一個(gè)手指掃動(dòng)屏幕，可以回到之前的屏幕、可以拉出隱藏視圖，也可以滑出刪除按鈕。使用四個(gè)手指，可以在 ipad 上滑動(dòng)選擇 app。

雙擊。放大內(nèi)容或圖片、使內(nèi)容居中，也可以恢復(fù)縮小的內(nèi)容。

捏合。向外捏合用來放大；向內(nèi)捏合用來縮小。

長(zhǎng)按。當(dāng)編輯文本時(shí)，用來定為光標(biāo)的位置。

搖晃。撤銷或重啟操作。

除了用戶熟悉的標(biāo)準(zhǔn)手勢(shì)，ios 也定義了可以調(diào)用全系統(tǒng)動(dòng)作的手勢(shì)，例如展示控制中心和通知中心。用戶可以在任何 app 中使用這些手勢(shì)。

不要給標(biāo)準(zhǔn)手勢(shì)定義不同的行為。除非你的 app 是游戲，重新定義標(biāo)準(zhǔn)手勢(shì)的含義會(huì)誤導(dǎo)用戶，而這會(huì)讓人覺得你的 app 很難使用。

不要再創(chuàng)建和標(biāo)準(zhǔn)手勢(shì)功能相同的新手勢(shì)。人們已經(jīng)熟悉了標(biāo)準(zhǔn)手勢(shì)，他們不會(huì)希望再學(xué)習(xí)一個(gè)和已知手勢(shì)功能相同的新手勢(shì)。

使用復(fù)雜的手勢(shì)作為某個(gè)任務(wù)的快捷鍵，但不要讓它成為唯一的方式。盡可能地給用戶提供一個(gè)簡(jiǎn)單直接的方式，即使只是增加一兩下點(diǎn)擊也不行。簡(jiǎn)單的手勢(shì)能讓用戶更關(guān)注體驗(yàn)和內(nèi)容，而不是交互本身。

一般情況下，不要定義新手勢(shì)，除非你的 app 是游戲。 在游戲或其他沉浸式的應(yīng)用中，自定義手勢(shì)是一個(gè)十分有趣的體驗(yàn)。但是對(duì)于那些幫助人們完成重要工作的 app，最好使用標(biāo)準(zhǔn)手勢(shì)，因?yàn)槿藗儾槐卣加镁碛涀∷鼈儭?/p>

在常規(guī)環(huán)境中，考慮使用多指手勢(shì)。盡管復(fù)雜的手勢(shì)不適合于每一個(gè) app，它們卻可以豐富用戶的應(yīng)用體驗(yàn)，例如游戲或創(chuàng)造型的應(yīng)用。要時(shí)刻記得非標(biāo)準(zhǔn)手勢(shì)并不容易發(fā)現(xiàn)，所以不要使用的太多，如果要用的話，讓它成為完成這個(gè)動(dòng)作的唯一方式。

用交互元件吸引用戶點(diǎn)擊

為了體現(xiàn)交互性，內(nèi)置 app 使用了多種方式，包括顏色，位置，上下文，多含義的圖標(biāo)和標(biāo)簽。用戶很少需要額外的用來引導(dǎo)他們點(diǎn)擊的元件裝飾。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/color_interactivity_2x.png" alt="" />

一個(gè)關(guān)鍵色可以給用戶很強(qiáng)的視覺引導(dǎo)，尤其是在你的 app 里沒有其他冗余的顏色時(shí)。為了對(duì)比強(qiáng)烈，用藍(lán)色標(biāo)記可以交互的元件，并且讓 app 有統(tǒng)一、易于識(shí)別的風(fēng)格。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/back_button_interactivity_2x.png" alt="" />

返回按鈕使用了多個(gè)方法來暗示它的交互性和功能：它用來返回導(dǎo)航，顯示了一個(gè)指向后方的箭頭圖標(biāo)，它使用了典型的關(guān)鍵顏色，并且它也可以顯示先前頁面的標(biāo)題。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/actionable_titles_2x.png" alt="" />

一個(gè)清楚地表明需要點(diǎn)擊的圖標(biāo)或標(biāo)題會(huì)吸引用戶點(diǎn)擊它。例如，“地圖”中的標(biāo)題：“Flyover Tour” 和 “Directions to Here”，清楚地表示了用戶可以點(diǎn)擊它的意圖。再與關(guān)鍵色相結(jié)合，就可以省去按鈕邊界和其他多余的點(diǎn)綴了。

在內(nèi)容區(qū)域，有必要給按鈕添加邊界或背景。操作條、動(dòng)作菜單或警告框中的按鈕是不需要邊界的，因?yàn)橛脩糁肋@些區(qū)域中的大多數(shù)按鈕都是可以點(diǎn)擊的。但在內(nèi)容區(qū)域，按鈕需要邊界和背景來把它們和其他內(nèi)容分離開。例如，“音樂”，“時(shí)鐘”，“相冊(cè)”，“App Store” 中的一些按鈕就是這樣做的。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/bordered_button_2x.png" alt="" />

“相冊(cè)” 使用按鈕邊界將它和底部的解釋文本分離開。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/clock_bordered_button_2x.png" alt="" />

“時(shí)鐘” 在秒表和計(jì)時(shí)器中用背景來吸引人們注意到開始和暫停鍵，并且這也易用用戶點(diǎn)擊。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/appstore_bordered_button_2x.png" alt="" />

“App Store” 在列表中的每一行使用按鈕邊界來區(qū)分獲得詳細(xì)信息的點(diǎn)擊和下載應(yīng)用的點(diǎn)擊。

反饋有助于理解

反饋會(huì)幫助用戶了解 app 在做什么，即將做什么以及操作的結(jié)果。UIKit 控件和視圖提供了多種反饋機(jī)制。

在你的 UI 中，盡可能的融合狀態(tài)和其他相關(guān)的反饋信息。最好能讓用戶在不進(jìn)行操作、不被打斷的情況下獲得這種信息。例如，“郵件” 會(huì)在工具欄里顯示郵箱狀態(tài)，而工具欄并不會(huì)和用戶正在使用的內(nèi)容相沖突。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/mail_update_2x.png" alt="" />

避免不必要的警告。警告框是一個(gè)重要的反饋機(jī)制，但它應(yīng)該只能用于傳遞重要且理論上可行的信息。如果用戶看了太多不重要的警告，他們很快會(huì)忽視所有警告。想了解更多關(guān)于警告框，請(qǐng)點(diǎn)擊Alert

簡(jiǎn)化輸入信息的方式

輸入信息會(huì)浪費(fèi)時(shí)間和經(jīng)歷，無論是點(diǎn)擊控件輸入還是鍵盤輸入都是如此。如果你的 app 在提供有用信息之前就讓用戶輸入大量的內(nèi)容而降低了他們的效率，用戶就會(huì)對(duì)你的 app 感到灰心。

讓用戶進(jìn)行更多的選擇而不是自己輸入。例如，你可以用選項(xiàng)控件或列表視圖來代替文本輸入，因?yàn)榇蠖鄶?shù)人比起打字都更喜歡選擇。

備忘錄中的日期選擇：http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/reminders_easy_input_2x.png" alt="" />

設(shè)置中的選項(xiàng)列表：http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/settings_easy_input_2x.png" alt="" />

在合適的時(shí)候可以從 ios 中獲取信息。人們會(huì)在他們的設(shè)備上儲(chǔ)存很多信息。不要讓用戶給你提供那些你可以自己找到的信息，例如他們的聯(lián)系人和日歷信息。

通過給用戶提供有用的信息來平衡輸入要求。付出和得到的概念能讓用戶感到工作在進(jìn)行。