精簡(jiǎn)版 | iOS人機(jī)交互指南—— 產(chǎn)品設(shè)計(jì)準(zhǔn)則

前言

本人是做產(chǎn)品出身的它浅,所以非常清楚《人機(jī)交互》對(duì)設(shè)計(jì)一款iOS產(chǎn)品的重要性拌消。甚至覺(jué)得,沒(méi)完整看過(guò)兩遍的人沒(méi)有資格做iOS應(yīng)用開(kāi)發(fā)酗失,不管是做產(chǎn)品設(shè)計(jì)還是研發(fā)人員义钉,再怎么強(qiáng)調(diào)它的重要性也不為過(guò)。但同時(shí)我也在思考:為什么蘋果提供這么全的指南规肴,大家還是不太愿意去閱讀捶闸?除了因?yàn)槭侨⑽闹猓赡苁翘^(guò)于枯燥無(wú)味拖刃,就像看所有的官方文檔一樣删壮。因此我希望結(jié)合自己做產(chǎn)品的一些經(jīng)驗(yàn),提煉出iOS人機(jī)交互指南的重要內(nèi)容兑牡。希望對(duì)那些不想看官方文檔醉锅,但又想多了解的人帶來(lái)些幫助。

人機(jī)交互指南官網(wǎng)鏈接: iOS Human Interface Guidelines
解讀版本為:iOS10

圖片來(lái)自于Apple
圖片來(lái)自于Apple

設(shè)計(jì)準(zhǔn)則

1.Aesthetic Integrity 美學(xué)完整性

Apple: Aesthetic integrity represents how well an app’s appearance and behavior integrate with its function. For example, an app that helps people perform a serious task can keep them focused by using subtle, unobtrusive graphics, standard controls, and predictable behaviors. On the other hand, an immersive app, such as a game, can deliver a captivating appearance that promises fun and excitement, while encouraging discovery.

對(duì)于工具式和沉浸式應(yīng)用提供符合自身的設(shè)計(jì)方式发绢,對(duì)整體的設(shè)計(jì)應(yīng)該有所傾向硬耍。工具式應(yīng)該注重用戶的使用效率,通過(guò)通用的圖標(biāo)和可被預(yù)期的操作來(lái)降低使用門檻边酒,從而提高效率经柴。而沉浸式的應(yīng)用(例如游戲)應(yīng)該為用戶提供更多想象空間,例如更精美的畫面和新穎的玩法墩朦。所謂的美學(xué)完整性應(yīng)該是要符合當(dāng)前形式(應(yīng)用類型)的美學(xué)標(biāo)準(zhǔn)坯认。

2.Consistency一致性

Apple: A consistent app implements familiar standards and paradigms by using system-provided interface elements, well-known icons, standard text styles, and uniform terminology. The app incorporates features and behaviors in ways people expect.

應(yīng)該包括應(yīng)用內(nèi)部的一致性,以及與iOS系統(tǒng)操作的一致性。包括使用系統(tǒng)自帶的圖標(biāo)牛哺、通用的術(shù)語(yǔ)等陋气。應(yīng)該強(qiáng)調(diào)用戶的功能和交互的可預(yù)知性。

3.Direct Manipulation直接操作

Apple: The direct manipulation of onscreen content engages people and facilitates understanding. Users experience direct manipulation when they rotate the device or use gestures to affect onscreen content. Through direct manipulation, they can see the immediate, visible results of their actions.

用戶無(wú)需借助其他介質(zhì)引润,可在界面上直接進(jìn)行操作巩趁,包括對(duì)屏幕旋轉(zhuǎn)的響應(yīng)。直接操作強(qiáng)調(diào)用戶可見(jiàn)即可操作的原則淳附。

4.Feedback反饋

Apple: Feedback acknowledges actions and shows results to keep people informed. The built-in iOS apps provide perceptible feedback in response to every user action. Interactive elements are highlighted briefly when tapped, progress indicators communicate the status of long-running operations, and animation and sound help clarify the results of actions.

針對(duì)用戶的操作進(jìn)行反饋议慰,例如按鈕按下后進(jìn)行高亮。良好的應(yīng)用設(shè)計(jì)應(yīng)該是奴曙,能夠?yàn)橛脩籼峁┘磿r(shí)别凹、可預(yù)知、可感知的操作反饋洽糟。人機(jī)交互中最重要的一點(diǎn)是炉菲,讓用戶感覺(jué)TA是在跟一個(gè)人進(jìn)行交流而不是跟一臺(tái)機(jī)器交流。

5.Metaphors隱喻

Apple: People learn more quickly when an app’s virtual objects and actions are metaphors for familiar experiences—whether rooted in the real or digital world. Metaphors work well in iOS because people physically interact with the screen. They move views out of the way to expose content beneath. They drag and swipe content. They toggle switches, move sliders, and scroll through picker values. They even flick through pages of books and magazines.

類比用戶熟悉的操作坤溃。當(dāng)應(yīng)用內(nèi)操作與用戶過(guò)往經(jīng)驗(yàn)類似拍霜,他們就能快速地學(xué)習(xí)各種操作,有更好的體驗(yàn)浇雹。這些參考可以來(lái)自于現(xiàn)實(shí)世界或者電子世界。(這可能就是喬幫主喜歡擬物化的原因)

6.UserControl用戶控制

Apple: Throughout iOS, people—not apps—are in control. An app can suggest a course of action or warn about dangerous consequences, but it’s usually a mistake for the app to take over the decision-making. The best apps find the correct balance between enabling users and avoiding unwanted outcomes. An app can make people feel like they’re in control by keeping interactive elements familiar and predictable, confirming destructive actions, and making it easy to cancel operations, even when they’re already underway.

可控性屿讽。對(duì)用戶來(lái)說(shuō)昭灵,應(yīng)用進(jìn)行的一切操作都在可控范圍內(nèi),包括數(shù)據(jù)的獲取伐谈、更新烂完、刪除,都有诵棵、應(yīng)該讓用戶覺(jué)得一切信息都是透明的抠蚣。產(chǎn)品設(shè)計(jì)人員需考慮:什么操作都彈窗詢問(wèn)用戶與什么操作都默默進(jìn)行,這兩者之間要如何做到平衡履澳。實(shí)際上嘶窄,什么都問(wèn)就等于什么都沒(méi)有問(wèn)【啻可控性不應(yīng)該妨礙用戶體驗(yàn)柄冲。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市忠蝗,隨后出現(xiàn)的幾起案子现横,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,324評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件戒祠,死亡現(xiàn)場(chǎng)離奇詭異骇两,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)姜盈,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門低千,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人贩据,你說(shuō)我怎么就攤上這事栋操。” “怎么了饱亮?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,328評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵矾芙,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我近上,道長(zhǎng)剔宪,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,147評(píng)論 1 292
  • 正文 為了忘掉前任壹无,我火速辦了婚禮葱绒,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘斗锭。我一直安慰自己地淀,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,160評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布岖是。 她就那樣靜靜地躺著帮毁,像睡著了一般。 火紅的嫁衣襯著肌膚如雪豺撑。 梳的紋絲不亂的頭發(fā)上烈疚,一...
    開(kāi)封第一講書(shū)人閱讀 51,115評(píng)論 1 296
  • 那天,我揣著相機(jī)與錄音聪轿,去河邊找鬼爷肝。 笑死,一個(gè)胖子當(dāng)著我的面吹牛陆错,可吹牛的內(nèi)容都是我干的灯抛。 我是一名探鬼主播,決...
    沈念sama閱讀 40,025評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼音瓷,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼牧愁!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起外莲,我...
    開(kāi)封第一講書(shū)人閱讀 38,867評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤猪半,失蹤者是張志新(化名)和其女友劉穎兔朦,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體磨确,經(jīng)...
    沈念sama閱讀 45,307評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡沽甥,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,528評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了乏奥。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片摆舟。...
    茶點(diǎn)故事閱讀 39,688評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖邓了,靈堂內(nèi)的尸體忽然破棺而出恨诱,到底是詐尸還是另有隱情,我是刑警寧澤骗炉,帶...
    沈念sama閱讀 35,409評(píng)論 5 343
  • 正文 年R本政府宣布照宝,位于F島的核電站,受9級(jí)特大地震影響句葵,放射性物質(zhì)發(fā)生泄漏厕鹃。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,001評(píng)論 3 325
  • 文/蒙蒙 一乍丈、第九天 我趴在偏房一處隱蔽的房頂上張望剂碴。 院中可真熱鬧,春花似錦轻专、人聲如沸忆矛。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,657評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)催训。三九已至,卻和暖如春叼屠,著一層夾襖步出監(jiān)牢的瞬間瞳腌,已是汗流浹背绞铃。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,811評(píng)論 1 268
  • 我被黑心中介騙來(lái)泰國(guó)打工镜雨, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人儿捧。 一個(gè)月前我還...
    沈念sama閱讀 47,685評(píng)論 2 368
  • 正文 我出身青樓荚坞,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親菲盾。 傳聞我的和親對(duì)象是個(gè)殘疾皇子颓影,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,573評(píng)論 2 353

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

  • PLEASE READ THE FOLLOWING APPLE DEVELOPER PROGRAM LICENSE...
    念念不忘的閱讀 13,470評(píng)論 5 6
  • **2014真題Directions:Read the following text. Choose the be...
    又是夜半驚坐起閱讀 9,475評(píng)論 0 23
  • 前一篇:iOS 8人機(jī)交互指南(6) 7. 交互與反饋(Interactivity and Feedback) 7...
    暮春小友閱讀 1,630評(píng)論 0 12
  • 和她相識(shí)四年多了。 2011年大學(xué)報(bào)到懒鉴。心情糟糕透了诡挂,不喜歡上學(xué)碎浇,學(xué)校還很破,和自己幻想的大學(xué)一點(diǎn)都不一樣璃俗。沒(méi)辦法...
    冷若寒灬閱讀 338評(píng)論 0 1
  • 在這個(gè)村莊里奴璃,人們習(xí)慣晚飯后湊到村口那棵上了年紀(jì)的大榕樹(shù)下談天論地,他們?nèi)苏務(wù)摰臇|西我不大懂城豁,不過(guò)他們偶爾也會(huì)說(shuō)道...
    瀟瀟公子閱讀 642評(píng)論 0 1