鍍金池/ 教程/ iOS/ 交互與反饋
內(nèi)容視圖
控件
iCloud
導(dǎo)航
網(wǎng)頁剪藏圖標(biāo)
動畫
鍵盤和輸入頁面
設(shè)計策略
臨時視圖
撤銷與重做
交互與反饋
與 iOS 一體化
從概念到產(chǎn)品
品牌推廣
電子錢包
社交媒體
游戲中心
創(chuàng)建尺寸可調(diào)的圖片
案例學(xué)習(xí):從桌面到 iOS
多任務(wù)處理
蘋果支付
色彩和排版
報刊雜志圖標(biāo)
iOS 應(yīng)用解析
啟動和終止
聲音
快速查看
適應(yīng)性和布局
編輯菜單
健康組件
語音輔助
iAd 富媒體廣告
為 iOS 而設(shè)計
標(biāo)志與圖形
應(yīng)用圖標(biāo)
模態(tài)情景
圖標(biāo)與圖片尺寸
路線選擇
在應(yīng)用中購買
應(yīng)用拓展
啟動畫面
術(shù)語和措辭
通知
欄按鈕圖標(biāo)
訪問用戶數(shù)據(jù)
云打印

交互與反饋

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

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

點(diǎn)擊。按壓或選擇一個控件或選項。

拖拽。移動一個元素。

滑動。快速滑動屏幕。

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

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

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

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

搖晃。撤銷或重啟操作。

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

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

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

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

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

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

用交互元件吸引用戶點(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="" />

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

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

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

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

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

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

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

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

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

“時鐘” 在秒表和計時器中用背景來吸引人們注意到開始和暫停鍵,并且這也易用用戶點(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)擊。

反饋有助于理解

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

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

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

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

簡化輸入信息的方式

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

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

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

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

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

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

上一篇:導(dǎo)航下一篇:編輯菜單