iOS 8人機(jī)交互指南(7)

前一篇:iOS 8人機(jī)交互指南(6)

7. 交互與反饋(Interactivity and Feedback)

7.1 用戶(hù)需了解的標(biāo)準(zhǔn)手勢(shì)(Users Know the Standard Gestures)

People use gestures—such as tap, drag, and pinch—to interact with apps and their iOS devices. Using gestures gives people a close personal connection to their devices and enhances their sense of direct manipulation of onscreen objects. People generally expect gestures to work the same in all the apps they use.

人們使用手勢(shì)——例如點(diǎn)擊捶枢、拖拽以及捏合——來(lái)與 app 和 iOS 設(shè)備交互。使用手勢(shì)會(huì)帶給人們與設(shè)備之間一種親密的個(gè)人聯(lián)系闯估,也會(huì)加強(qiáng)他們直接操控屏幕對(duì)象的感覺(jué)。人們通常期待所有 app 中手勢(shì)操作的效果一致。

此處為一段視頻,可以到原文鏈接中查看

Tap?To press or select a control or item.

點(diǎn)擊(Tap):通過(guò)點(diǎn)擊來(lái)按壓或選擇一個(gè)控件或條目。

此處為一段視頻,可以到原文鏈接中查看

Drag?To scroll or pan—that is, move side to side.

To drag an element.

拖拽(Drag):拖拽元素由一個(gè)位置移動(dòng)到另一位置府蛇。

此處為一段視頻,可以到原文鏈接中查看

Flick?To scroll or pan quickly.

輕按滑動(dòng)(Flick):輕按并滑動(dòng)來(lái)實(shí)現(xiàn)快速滾動(dòng)屿愚。

此處為一段視頻汇跨,可以到原文鏈接中查看

Swipe?With one finger, to return to the previous screen, to reveal the hidden view in a split view controller, or the Delete button in a table-view row.

With four fingers, to switch between apps on iPad.

滑動(dòng)(Swipe):使用單指滑動(dòng)务荆,可以實(shí)現(xiàn)返回上一界面,顯示分割視圖控制器中的隱藏視圖或圖表視圖中行的左滑/右滑刪除按鈕穷遂。

iPad 上四指滑動(dòng)可以實(shí)現(xiàn) app 間的切換吠裆。

此處為一段視頻敏储,可以到原文鏈接中查看

Double tap?To zoom in and center a block of content or an image.

To zoom out (if already zoomed in).

雙擊(Double tap):雙擊一段內(nèi)容或者圖片可以以其為中心來(lái)進(jìn)行放大房交。如果已經(jīng)處于放大狀態(tài)徐绑,再次雙擊就會(huì)縮小。

此處為一段視頻忌穿,可以到原文鏈接中查看

Pinch?Pinch open to zoom in; pinch close to zoom out.

捏合(Pinch):兩指向外捏開(kāi)可以放大抒寂;兩指向里捏合可以縮小。

此處為一段視頻掠剑,可以到原文鏈接中查看

Touch and hold?In editable or selectable text, to display a magnified view for cursor positioning.

長(zhǎng)按(Touch and hold):長(zhǎng)按可以喚起編輯態(tài)屈芜,內(nèi)容可以進(jìn)行編輯或選擇,此時(shí)顯示一個(gè)帶光標(biāo)的放大視圖朴译。

此處為一段視頻井佑,可以到原文鏈接中查看

Shake?To initiate an undo or redo action.

搖動(dòng)(Shake):通過(guò)搖動(dòng)來(lái)撤銷(xiāo)或重做某一個(gè)操作。

In addition to the standard gestures users know, iOS defines a few gestures that invoke systemwide actions, such as revealing Control Center or Notification Center. Users rely on these gestures to work regardless of the app they’re using.

除了用戶(hù)已知的標(biāo)準(zhǔn)手勢(shì)动分,iOS 還定義了幾個(gè)手勢(shì)用于調(diào)用起系統(tǒng)級(jí)的操作毅糟,例如顯示控制中心和通知中心。無(wú)論當(dāng)前正在使用什么 app澜公,用戶(hù)都可以使用這些手勢(shì)。

Avoid associating different actions with the standard gestures. Unless your app is a game, redefining the meaning of a standard gesture may confuse people and make your app harder to use.

避免與標(biāo)準(zhǔn)手勢(shì)含義不一致的操作喇肋。除非是游戲 app坟乾,不然的話(huà),對(duì)標(biāo)準(zhǔn)手勢(shì)含義的重定義會(huì)讓用戶(hù)困惑蝶防,app 也變得難用甚侣。

Avoid creating custom gestures that invoke the same actions as the standard gestures. People are used to the behavior of the standard gestures, and they don’t appreciate being expected to learn different ways to do the same thing.

避免創(chuàng)建與標(biāo)準(zhǔn)手勢(shì)含義相同的自定義手勢(shì)。用戶(hù)已經(jīng)習(xí)慣于標(biāo)準(zhǔn)手勢(shì)的行為间学,他們不希望學(xué)習(xí)不同的方式來(lái)完成同樣的任務(wù)殷费。

Use complex gestures as shortcuts to expedite a task, not as the only way to perform it. As much as possible, always give users a simple, straightforward way to perform an action, even if it means an extra tap or two. Simple gestures let users focus on the experience and the content, not the interaction.

可以使用復(fù)雜手勢(shì)作為快捷方式來(lái)迅速完成任務(wù),但不要將它作為唯一可用的方式低葫。盡可能總是為用戶(hù)提供一個(gè)簡(jiǎn)單详羡、直接的方式來(lái)進(jìn)行操作,即使可能會(huì)多幾次點(diǎn)擊嘿悬。簡(jiǎn)單的手勢(shì)讓用戶(hù)專(zhuān)注于體驗(yàn)和內(nèi)容实柠,而不是交互。

In general, avoid defining new gestures unless your app is a game. In games and other immersive apps, custom gestures can be a fun part of the experience. But in apps that help people do things that are important to them, it’s best to use standard gestures because people don’t have to make an effort to discover them or remember them.

通常善涨,只在游戲 app 中才定義新手勢(shì)窒盐。在游戲或其他擬真 app 中草则,自定義手勢(shì)是體驗(yàn)中一個(gè)有趣的部分。但在幫助人們完成重要任務(wù)的 app 中蟹漓,最好還是使用標(biāo)準(zhǔn)手勢(shì)炕横,因?yàn)槿藗儾槐刭M(fèi)勁探索或者記住手勢(shì)。

In a regular environment, consider using multifinger gestures. Although complex gestures aren’t appropriate for every app, they can enrich the experience in apps that people spend a lot of time in, such as games or content-creation environments. Always bear in mind that nonstandard gestures aren’t discoverable and should rarely, if ever, be the only way to perform an action.

在常規(guī)情況下葡粒,考慮使用多指手勢(shì)看锉。雖然復(fù)雜的手勢(shì)并不適于每一個(gè) app,但它們豐富了那些用戶(hù)會(huì)為之花費(fèi)很多時(shí)間的 app 的體驗(yàn)塔鳍,例如游戲或內(nèi)容創(chuàng)作 app伯铣。牢記:非標(biāo)準(zhǔn)手勢(shì)不應(yīng)該讓用戶(hù)探索才能發(fā)現(xiàn)其用法,也盡量不要成為進(jìn)行某項(xiàng)操作的唯一方式轮纫。

7.2 交互元素引發(fā)觸摸(Interactive Elements Invite Touch)

To signal interactivity, the built-in apps use a variety of cues, including color, location, context, and meaningful icons and labels. Users rarely need additional decorations to show them that an onscreen element is interactive or to suggest what it does.

為了標(biāo)明可交互之處腔寡,內(nèi)置 app 使用了許多線(xiàn)索,包括顏色掌唾、位置放前、上下文,以及有意義的圖標(biāo)和標(biāo)簽糯彬。用戶(hù)很少需要額外的裝飾來(lái)表明屏幕元素是可交互的凭语、或者它們能做什么。

聯(lián)系人 app

A key color gives users a strong visual indicator of interactivity, especially in apps that don’t use an abundance of other colors. In Contacts, blue marks the interactive elements and gives the app a unified and recognizable visual theme.

關(guān)鍵色帶給用戶(hù)一種很強(qiáng)的可視化交互指示撩扒,尤其是在其他用色不多的 app 中似扔。在聯(lián)系人 app 中,藍(lán)色標(biāo)明了可交互元素搓谆,并給 app 一個(gè)統(tǒng)一可辨識(shí)的可視化主題炒辉。

日歷 app

The back button uses several cues to indicate its interactivity and convey its function: It appears in response to navigation, it displays a back-pointing chevron, it typically uses a key color, and it can display a title that describes the previous screen.

返回按鈕使用一些線(xiàn)索來(lái)表明它的交互性,同時(shí)傳達(dá)它的功能:它與導(dǎo)航相配合泉手,顯示回退點(diǎn)標(biāo)記黔寇,通常使用關(guān)鍵色,而且顯示上一個(gè)界面的標(biāo)題斩萌。

地圖 app

An icon or a title that provides a clear call to action invites users to tap it. For example, the titles in Maps, such as “Flyover Tour” and “Directions to Here,” clearly describe actions that users can take. Combined with a key color, actionable titles tend to make button borders or other embellishments superfluous.

圖標(biāo)或標(biāo)題提供明確指引讓用戶(hù)來(lái)點(diǎn)擊缝裤。例如地圖 app 中的標(biāo)題,“城市導(dǎo)覽地圖”和“到這里的路線(xiàn)”都很清晰地描述了用戶(hù)可以采取的操作颊郎。與關(guān)鍵色結(jié)合憋飞、可操作的標(biāo)題通常使按鈕邊框或其他裝飾變得多余。

In a content area, add a button border or background only if necessary.?Buttons in bars, action sheets, and alerts don’t need borders because users know that most of the items in these areas are interactive. In a content area, on the other hand, a button might need a border or a background to distinguish it from the rest of the content. For example, Music, Clock, Photos, and App Store use such buttons in a few specific contexts.

在內(nèi)容區(qū)袭艺,只在確實(shí)必要時(shí)才為按鈕增加邊框或背景搀崭。欄目上的按鈕、操作表單、警告提示都不需要邊框瘤睹,因?yàn)橛脩?hù)知道這些區(qū)域內(nèi)大部分條目是可交互的升敲。在內(nèi)容區(qū),按鈕可能需要邊框或背景來(lái)與其他內(nèi)容相區(qū)別轰传。例如音樂(lè)驴党、時(shí)鐘、照片和 App Store 在一些特定的上下文下使用這樣的按鈕获茬。

照片 app

Photos uses a button border to differentiate the Start Sharing button from the explanatory text that appears above it.

照片使用按鈕邊框來(lái)將”開(kāi)始共享“按鈕與其上方的解釋性文字相區(qū)別港庄。

時(shí)鐘 app

Clock uses button backgrounds in the Stopwatch and Timer screens to draw attention to the Start and Pause buttons and to make them easy to tap even when the user's surroundings are distracting.

時(shí)鐘 app 在秒表和計(jì)時(shí)器中使用按鈕背景,以此方式吸引用戶(hù)注意開(kāi)始和暫停按鈕恕曲,很容易進(jìn)行點(diǎn)擊鹏氧。

App Store

App Store uses a button border in a table row to emphasize the distinction between tapping the row to get more information and tapping the button to initiate (or install) a purchase.

App Store 在圖表行中使用帶邊框的按鈕,以此區(qū)別點(diǎn)擊行來(lái)獲取更多信息與點(diǎn)擊按鈕獲扰逡ァ(安裝)應(yīng)用兩種不同的行為把还。

7.3 反饋有助于理解(Feedback Aids Understanding)

Feedback helps users know what an app is doing, discover what they can do next, and understand the results of their actions. UIKit controls and views provide many kinds of feedback.

反饋幫助用戶(hù)了解 app 正在做什么,發(fā)現(xiàn)下一步他們可以做什么茸俭,以及了解他們操作后的結(jié)果吊履。UIKit 控件和視圖提供了多種反饋方式。

As much as possible, integrate status and other relevant feedback information into your UI.?It’s best when users can get this type of information without taking action or being distracted from their content. For example, Mail displays the current mailbox status in the toolbar where it doesn’t compete with the user’s content.

盡可能集成狀態(tài)和其他相關(guān)反饋信息到 UI 中调鬓。最好用戶(hù)無(wú)需采取行動(dòng)或離開(kāi)內(nèi)容就能了解到這些反饋信息艇炎。例如,郵箱 app 在工具欄顯示當(dāng)前郵箱狀態(tài)腾窝,這不會(huì)與用戶(hù)內(nèi)容顯示相沖突缀踪。

郵箱 app

Avoid unnecessary alerts.?An alert is a powerful feedback mechanism, but it should be used only to deliver important—and ideally actionable—information. If users see too many alerts that don’t contain essential information, they quickly learn to ignore all alerts. To learn more about using an alert, see?Alert.

避免不必要的警告提示。警告提示是一個(gè)強(qiáng)有力的反饋機(jī)制燕锥,但它應(yīng)該僅用于傳達(dá)重要的辜贵、理論上可操作的信息。如果用戶(hù)看了太多沒(méi)有包含重要信息的警告提示归形,他們很快就會(huì)養(yǎng)成忽略所有警告的習(xí)慣。了解更多鼻由,參見(jiàn)?Alert暇榴。

7.4 輸入信息應(yīng)該易于操作(Inputting Information Should Be Easy)

Inputting information takes time and attention, whether people tap controls or use the keyboard. When an app slows people down by asking for a lot of user input before anything useful happens, people can feel discouraged from using it.

無(wú)論用戶(hù)采用點(diǎn)擊控件還是使用鍵盤(pán),輸入信息都會(huì)花費(fèi)時(shí)間和精力蕉世。如果 app 在有用內(nèi)容尚未出現(xiàn)前就頻繁要求用戶(hù)輸入蔼紧,那用戶(hù)就會(huì)不想再使用它了。

Make it easy for users to make choices.?For example, you can use a picker or a table view instead of a text field, because most people find it easier to select an item from a list than to type words.

要使用戶(hù)易于選擇狠轻。例如奸例,你可以提供一個(gè)拾取器或者表格視圖來(lái)代替輸入框,因?yàn)榇蟛糠钟脩?hù)覺(jué)得從列表中選擇某項(xiàng)會(huì)比打字更容易。

提醒事項(xiàng) app 中的日期拾取器 ?和 ?設(shè)置 app 中的選項(xiàng)列表

Get information from iOS, when appropriate.?People store lots of information on their devices. When it makes sense, don’t force people to give you information that you can easily find for yourself, such as their contacts or calendar information.

可以的話(huà)查吊,從 iOS 中直接讀取信息谐区。人們?cè)谠O(shè)備中會(huì)存儲(chǔ)很多信息。如果可以的話(huà)逻卖,不要迫使用戶(hù)提供那些你可以輕松從設(shè)備中讀取的信息宋列,例如聯(lián)系人或日歷信息。

Balance a request for input by giving users something useful in return.?A sense of give and take helps people feel they’re making progress as they move through your app.

要求用戶(hù)輸入時(shí)要給予有用的信息反饋评也。這種施與受的體驗(yàn)讓用戶(hù)明確感覺(jué)到自己在 app 中進(jìn)行逐步操作的過(guò)程炼杖。

英文原文鏈接

后一篇:iOS 8人機(jī)交互指南(8)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市盗迟,隨后出現(xiàn)的幾起案子坤邪,更是在濱河造成了極大的恐慌,老刑警劉巖罚缕,帶你破解...
    沈念sama閱讀 218,941評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件艇纺,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡怕磨,警方通過(guò)查閱死者的電腦和手機(jī)喂饥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)肠鲫,“玉大人员帮,你說(shuō)我怎么就攤上這事〉妓牵” “怎么了捞高?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,345評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀(guān)的道長(zhǎng)渣锦。 經(jīng)常有香客問(wèn)我硝岗,道長(zhǎng),這世上最難降的妖魔是什么袋毙? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,851評(píng)論 1 295
  • 正文 為了忘掉前任型檀,我火速辦了婚禮,結(jié)果婚禮上听盖,老公的妹妹穿的比我還像新娘胀溺。我一直安慰自己,他們只是感情好皆看,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,868評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布仓坞。 她就那樣靜靜地躺著,像睡著了一般腰吟。 火紅的嫁衣襯著肌膚如雪无埃。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,688評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音嫉称,去河邊找鬼侦镇。 笑死,一個(gè)胖子當(dāng)著我的面吹牛澎埠,可吹牛的內(nèi)容都是我干的虽缕。 我是一名探鬼主播,決...
    沈念sama閱讀 40,414評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼蒲稳,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼氮趋!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起江耀,我...
    開(kāi)封第一講書(shū)人閱讀 39,319評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤剩胁,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后祥国,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體昵观,經(jīng)...
    沈念sama閱讀 45,775評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年舌稀,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了啊犬。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,096評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡壁查,死狀恐怖觉至,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情睡腿,我是刑警寧澤语御,帶...
    沈念sama閱讀 35,789評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站席怪,受9級(jí)特大地震影響应闯,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜挂捻,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,437評(píng)論 3 331
  • 文/蒙蒙 一碉纺、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧刻撒,春花似錦惜辑、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,993評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)碎节。三九已至捧搞,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背胎撇。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,107評(píng)論 1 271
  • 我被黑心中介騙來(lái)泰國(guó)打工介粘, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人晚树。 一個(gè)月前我還...
    沈念sama閱讀 48,308評(píng)論 3 372
  • 正文 我出身青樓姻采,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親爵憎。 傳聞我的和親對(duì)象是個(gè)殘疾皇子慨亲,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,037評(píng)論 2 355

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

  • PLEASE READ THE FOLLOWING APPLE DEVELOPER PROGRAM LICENSE...
    念念不忘的閱讀 13,478評(píng)論 5 6
  • **2014真題Directions:Read the following text. Choose the be...
    又是夜半驚坐起閱讀 9,511評(píng)論 0 23
  • 我近期最想實(shí)現(xiàn)的一個(gè)愿望是:從德智體三方面培養(yǎng)兒子成為一個(gè)優(yōu)秀的人,希望這學(xué)期他能當(dāng)上“三好”學(xué)生宝鼓。懷著輕松愉悅的...
    以娟閱讀 134評(píng)論 0 0
  • 什么是庫(kù)刑棵? 庫(kù)是共享程序代碼的方式,一般分為靜態(tài)庫(kù)和動(dòng)態(tài)庫(kù)愚铡。 靜態(tài)庫(kù)與動(dòng)態(tài)庫(kù)的區(qū)別蛉签? 靜態(tài)庫(kù):鏈接時(shí)完整地拷貝至可...
    zjunchao閱讀 441評(píng)論 0 2
  • 說(shuō)一個(gè)真實(shí)的故事邑雅。以前片橡,在群里講《孟子》。有一位媽媽就讓孩子跟著學(xué)蒂阱,一天半個(gè)小時(shí)锻全,把孩子搞的除了恨孟子恨非常,恨非...
    多杰卓瑪閱讀 237評(píng)論 0 0