1.7 交互性與反饋(Interactivity and Feedback)
1.7.1 可交互元素吸引用戶點擊(Interactive Elements Invite Touch)
為了暗示交互性,設(shè)計時會使用很多線索震缭,包括點擊的反饋袱巨、顏色辑奈、位置关摇、上下文、表意明確的圖標和標簽等瘦穆。并不需要過于修飾元素來向用戶展示可交互性。
在支持3D Touch的設(shè)備上辟宗,當用戶按壓主屏上的圖標時,背景會虛化以此來暗示可以進行更多功能的選擇吝秕。
一個關(guān)鍵的顏色可以給用戶提供很強的視覺指引泊脐,尤其是沒有冗余的其它顏色時。為了對比烁峭,使用藍色來標記可交互的元素容客,同時能提供統(tǒng)一的、易識別的視覺風(fēng)格约郁。
返回按鈕使用多個線索指明其可交互并傳達其功能:它出現(xiàn)在導(dǎo)航中缩挑,顯示了一個指向后方的圖標,使用了關(guān)鍵色鬓梅,并且顯示了上一級頁面的標題供置。
一個圖標或者標題提供了清晰的名稱指引用戶點擊它。例如绽快,地圖中的標題“Flyover Tour”芥丧,“Directions to Here”,清晰的說明了用戶可做的操作坊罢。結(jié)合關(guān)鍵色续担,就可以省去按鈕邊界或其他多余的修飾。
在內(nèi)容區(qū)域活孩,必要時可以給按鈕添加邊界或背景赤拒。位于欄(Bar)、動作列表(Action Sheet)和?警告框(Alert)中的按鈕可以不需要邊界诱鞠,因為用戶知道在這種區(qū)域中大多數(shù)選項是可交互的挎挖。但是在內(nèi)容區(qū)域,有必要使用邊界或背景將按鈕從其他內(nèi)容中區(qū)分出來航夺。例如蕉朵,音樂,時鐘阳掐,照片始衅,App Store在一些特別的場景中使用這種按鈕。
照片管理中給分享按鈕增加了邊框缭保,從其他解釋性文本中區(qū)分出來汛闸。
時鐘在秒表和計時頁面中給按鈕增加背景來強調(diào)開始和暫停按鈕,并且使按鈕在易分散注意力的內(nèi)容中更容易點擊艺骂。
應(yīng)用商店中使用有邊界的按鈕诸老,將按鈕和整個內(nèi)容條區(qū)分開來,點擊整條內(nèi)容查看詳細信息钳恕,點擊按鈕進行下載安裝别伏。
1.7.2 用戶所知道的標準手勢(Users Know the Standard Gestures)
用戶使用點擊蹄衷、拖拽、捏合等手勢與應(yīng)用和他們的IOS設(shè)備進行交互厘肮。使用手勢拉近了用戶和設(shè)備之間的距離愧口,并且增強了直接操縱感。用戶通常期待手勢在不同應(yīng)用之間都是通用的类茂。
用戶在使用3D Touch時不需要學(xué)習(xí)額外的手勢操作耍属。當用戶輕按屏幕并得到反饋時,很容易就能發(fā)現(xiàn)3D Touch提供的額外的交互方式巩检。
除了用戶熟悉的標準手勢厚骗,iOS還定義了一些系統(tǒng)范圍內(nèi)的操作,例如呼出控制中心(Control Center)或消息中心(Notification Center)碴巾。用戶可以在任意應(yīng)用下都使用這些手勢。
不要給標準手勢賦予不同的行為丑搔。除非你的應(yīng)用是游戲厦瓢,否則重新定義標準手勢會使用戶迷惑,且增加使用難度啤月。
不要創(chuàng)建和標準手勢功能相似的手勢操作煮仇。用戶已經(jīng)習(xí)慣了標準手勢的行為,沒有必要讓用戶額外學(xué)習(xí)不同的操作手勢來達到同樣的操作結(jié)果谎仲。
可以用復(fù)雜手勢作為完成某任務(wù)的快捷方式浙垫,但不能是唯一觸達方式。最好給用戶提供一些簡單郑诺,直接的方式完成某操作夹姥,即使這種方法需要他們額外地多點擊一到兩次。簡單的手勢能讓用戶集中于當前的體驗和內(nèi)容辙诞,而不是交互操作本身辙售。
除非是游戲,否則避免定義新的手勢飞涂。在游戲或其他沉浸式的應(yīng)用中旦部,操作手勢也是有趣體驗的一部分。但是在普通應(yīng)用中较店,幫助用戶達成目標要比操作本身重要的多士八,所以最好使用標準手勢,盡量避免讓用戶去發(fā)覺和記憶新的操作梁呈。
在特定的環(huán)境中婚度,可以考慮使用多指操作。雖然復(fù)雜的操作并不一定適用于所有應(yīng)用官卡,但對用戶會花大量時間使用的應(yīng)用來說可以豐富體驗陕见,例如游戲或創(chuàng)建內(nèi)容環(huán)境秘血。但因為非標準手勢可發(fā)現(xiàn)性差,要盡量少用评甜,并且不要讓這類手勢成為完成任務(wù)的唯一方式灰粮。
1.7.3 反饋有助于理解(Feedback Aids Understanding)
反饋幫助用戶了解應(yīng)用當前在做什么,發(fā)現(xiàn)接下來可以做什么以及理解他們動作產(chǎn)生的結(jié)果忍坷。UIKit的操作和視圖提供了很多反饋類型粘舟。
盡可能將狀態(tài)或其他的反饋信息整合到UI中。用戶不進行操作或不跳出當前內(nèi)容就能獲得需要的信息是最好的佩研。例如柑肴,郵箱將當前的狀態(tài)顯示在不影響當前內(nèi)容的?工具欄上。
避免顯示不必要的提醒對話框旬薯。對話框是很強的反饋機制晰骑,只有在傳遞非常重要,且可操作的信息時才需要使用它绊序。如果用戶乘队撸看到很多沒有重要信息的對話框,他們很快就會忽略所有對話框提醒骤公。想要了解更多信息抚官,請參考Alert.
1.7.4 輸入信息的方式要簡單(Inputting Information Should Be Easy)
不管用戶是點擊控件還是使用鍵盤,輸入信息都會花費時間和精力阶捆。如果在發(fā)揮有用的效用前就讓用戶輸入大量信息會減弱用戶繼續(xù)使用的欲望凌节。
讓用戶更容易的進行選擇。例如洒试,使用選擇器或者表格代替純文本倍奢,因為大部分用戶覺得從列表中進行選擇要比打字容易的多。
適時地從iOS中獲取信息垒棋。設(shè)備上存儲了大量的用戶信息娱挨。可以的話捕犬,不要讓用戶提供你可以輕易找到的信息跷坝,例如聯(lián)系人或日歷信息。
提供有用的反饋來平衡用戶的輸入碉碉。在使用應(yīng)用的過程中柴钻,付出和回報的概念可以幫助用戶感到進程在被推進。
1.8 動畫(Animation)
細微垢粮、精美的動畫遍布iOS的用戶界面贴届,他們使應(yīng)用的體驗更具吸引力,更具動態(tài)性。適當?shù)膭赢嬁梢裕?/p>
傳達狀態(tài)和提供反饋
增強直接的操縱感
將用戶的操作可視化
以上為視頻截圖毫蚓,完整視頻請點擊觀看
謹慎地增加動畫占键,特別是在那些無法提供沉浸式體驗的應(yīng)用中。過多和無理由的動畫會阻礙應(yīng)用的流暢性元潘,降低性能畔乙,還會分散用戶在操作中的注意力。
尤其是要有目的?地翩概,合理地應(yīng)用動效和UIKit中的動態(tài)控件牲距,并確保對結(jié)果進行測試。合理地使用動效可以提升用戶的理解程度和愉悅感钥庇;應(yīng)用過度使用動效會給用戶帶來迷惑和難以掌控的感覺牍鞠。
如果可以,保持自定義動畫和內(nèi)置動畫的一致性评姨。用戶習(xí)慣于內(nèi)置iOS應(yīng)用使用的精細動畫。事實上吐句,用戶傾向于把視圖之間的平滑切換胁后,對設(shè)備方向改變的流暢相應(yīng)和基于物理的滾動效果看做是iOS體驗的一部分。除非蕴侧,你的應(yīng)用要給用戶提供類似游戲應(yīng)用的沉浸式體驗择同,這種情況下自定義的動畫可以區(qū)別于內(nèi)置動畫两入。
使用風(fēng)格類型一致的動畫净宵。自定義動畫之間也需要保持一致性,這樣可以讓用戶在使用應(yīng)用以之前建立的經(jīng)驗為基礎(chǔ)裹纳。
一般來說择葡,自定義的動畫要考慮動畫的現(xiàn)實性和可信性。人們樂意接受自由的藝術(shù)創(chuàng)作剃氧,但是當動效不合理或者違反物理學(xué)時敏储,用戶會感到困惑。例如朋鞍,當你從屏幕頂部下滑拖出一個視圖的時候已添,你也要上滑將它收起,因為這么做可以幫助用戶記住這個視圖從何而來滥酥。如果你下滑到屏幕底部關(guān)閉這個視圖更舞,用戶關(guān)于從屏幕上方呼起的心理模型就會被打破。
1.9 品牌推廣(Branding)
成功的品牌推廣不僅僅包括在應(yīng)用中添加品牌元素坎吻。優(yōu)秀的應(yīng)用應(yīng)該通過創(chuàng)建獨特的外觀和感覺來為用戶提供愉悅缆蝉、難忘的體驗。
在iOS系統(tǒng)之下可以很容易地使用自定義的圖標、顏色和字體來創(chuàng)建區(qū)別于其他應(yīng)用的UI刊头。當你進行這些元素的設(shè)計時黍瞧,牢記以下兩點:
每個自定義的元素本身都需要具備良好的觀感和功能性,但它也應(yīng)該與應(yīng)用中其他元素保持一致原杂,無論應(yīng)用中其他元素是自定義的還是標準的印颤。
為了在iOS中感覺舒適,你的應(yīng)用雖然不必看起來跟內(nèi)置的一樣污尉,但是需要對它的遵從膀哲、清晰度和深度(如欲了解更多,參見1 為iOS而設(shè)計(Design for iOS))進行整合被碗∧诚埽花些時間弄清楚在你的應(yīng)用中遵從、清晰和深度所代表的意味锐朴,并把它們在你的自定義元素中表達出來兴喂。
當你需要讓用戶意識到你的品牌時,你應(yīng)該遵循以下幾點:
以精致優(yōu)雅不唐突的方式植入品牌元素焚志。用戶使用你的應(yīng)用來完成事務(wù)或者進行娛樂衣迷,他們不希望被強迫著去觀看廣告。為了獲得最好的用戶體驗酱酬,你可以通過字體壶谒、顏色和圖像的設(shè)計來潛移默化地地提醒用戶你的品牌身份。
避免遠離用戶關(guān)心的內(nèi)容膳沽。不要像?上圖中的反例那樣將僅有品牌意義的內(nèi)容放在屏幕頂部二級欄上持續(xù)展示汗菜,使正文內(nèi)容空間被壓縮,而是考慮以其他低侵入性的方法無處不在地展示品牌挑社,如使用自定義顏色陨界、字體,或巧妙地定制屏幕的背景痛阻。
抵抗住誘惑菌瘪,不要把你的logo貫穿整個應(yīng)用。移動設(shè)備的屏幕多數(shù)相當小阱当,logo的每一次出現(xiàn)都會占據(jù)空間俏扩,從而將用戶與他們想看的內(nèi)容隔離開。而且弊添,在應(yīng)用中顯示logo并不能像在網(wǎng)頁中顯示logo那樣達到相同的目的:對于用戶來說通常會很容易在不知道網(wǎng)頁所屬的情況下訪問一個網(wǎng)頁录淡,但卻極少有用戶會在完全不看一個iOS系統(tǒng)中的應(yīng)用圖標的情況下就打開它。
1.10 顏色與字體(Color and Typography)
1.10.1 色彩有助于增進溝通(Color Enhances Communication)
在iOS系統(tǒng)中表箭,顏色會用于表明交互赁咙,傳遞活性以及提供視覺連續(xù)性钮莲。內(nèi)置的應(yīng)用程序選擇使用那些看起來更具個性的、純粹彼水、干凈的顏色崔拥,并輔以或亮或暗的背景組合。
如果你要創(chuàng)建多樣的自定義顏色凤覆,要確保它們能夠和諧共存链瓦。例如,如果你的應(yīng)用的基本風(fēng)格是柔和的色調(diào)盯桦,你就應(yīng)該創(chuàng)建一個協(xié)調(diào)的柔和色調(diào)的色板用于整個應(yīng)用慈俯。
注意在不同情境下的顏色對比。例如拥峦,如果在導(dǎo)航欄的背景與欄按鈕標題之間沒有足夠的對比贴膘,按鈕就會很難被用戶看到。一個快速但不嚴謹?shù)姆椒ㄊ峭ㄟ^將設(shè)備置于不同的光照環(huán)境之中(包括晴朗的室外)來測試設(shè)備上的顏色是否具有足夠的對比度略号。
雖然在設(shè)備上查看你的應(yīng)用能夠在一定程度上幫助你找到需要調(diào)整的地方刑峡,但這仍代替不了能產(chǎn)生可靠結(jié)果的更科學(xué)客觀的方法。這種方法涉及到判定前景色和背景色的亮度值是否符合一定的比率玄柠。這個比率值可以通過在線對比度計算器或者根據(jù)WCAG2.0標準中提供的公式自己計算獲得突梦。你應(yīng)用中理想的顏色對比度應(yīng)該是4.5:1或更高。
當你使用自定義的欄顏色時羽利,著重考慮半透明的欄和應(yīng)用內(nèi)容宫患。當你需要創(chuàng)建能匹配特別顏色的欄顏色時(比如一個已有品牌中的顏色),可能在你獲得你想要的結(jié)果之前这弧,你需要用各種顏色進行實驗娃闲。欄的顯示將會同時受到iOS系統(tǒng)所提供的半透明欄與藏在欄后面的應(yīng)用內(nèi)容的呈現(xiàn)所影響。
API注:使用淺色(tintColor)的屬性值給予欄按鈕顏色当宴,使用欄淺色(barTintColor)的屬性值為欄本身賦色畜吊。欲了解更多關(guān)于欄屬性的內(nèi)容泽疆,可參見UINavigationBar Class Reference,户矢,UITabBar Class Reference,UIToolbar Class Reference和UISearchBar Class Reference.
注意顏色的盲區(qū)殉疼。多數(shù)色盲的人很難區(qū)分紅色與綠色梯浪。需要對你的應(yīng)用進行測試以確保在其中你沒有將紅色與綠色作為區(qū)分兩個不同狀態(tài)或值的唯一方式,一些圖像編輯軟件或工具能夠有效的幫你驗證顏色的盲區(qū)瓢娜。通常意義來說挂洛,使用多種方式來表征原色的交互性是非常好的(需要了解更多關(guān)于在iOS系統(tǒng)中表征交互性的信息,請參閱Interactive Elements Invite Touch)眠砾。
考慮選擇一種基準色顏色來表征交互性與狀態(tài)虏劲。內(nèi)置的應(yīng)用里的基準色包括比如備忘錄中的黃色,和日歷中的紅色等等。如果你定義一種用于表征交互和狀態(tài)的基準色柒巫,要確保你的應(yīng)用中的其他顏色不會與它發(fā)生沖突励堡。
避免給可交互和不可交互的元素使用相同的顏色。色彩是表明UI元素交互屬性的方式之一堡掏。如果可交互和不可交互的元素使用相同的顏色应结,用戶將會難以判斷哪些區(qū)域是可點的涌乳。
色彩可以向用戶傳達信息忿薇,但不一定會以你希望的方式。每個人眼中的色彩是不一樣的漆诽,不同的文化為色彩賦予的意義也是不相同的亭畜“缧荩花時間來研究如何使用色彩才可能會被其他國家或者文化接受。你要盡可能確定應(yīng)用中運用的色彩向用戶傳達了恰當?shù)男畔ⅰ?/p>
大多數(shù)情況下拴鸵,不能讓顏色喧賓奪主肛炮,讓用戶分心。除非色彩是應(yīng)用的目的和本質(zhì)所在宝踪,通常情況下色彩應(yīng)該用來從細微細節(jié)之處提升用戶體驗侨糟。
1.10.2 優(yōu)秀的排版提供清晰的傳達(Great Typography Enables Clear Communication)
Apple為全平臺設(shè)計了San Francisco字體以提供一種優(yōu)雅的、一致的排版方式和閱讀體驗瘩燥。在iOS 9及未來的版本中秕重,San Francisco 是系統(tǒng)字體。
San Francisco搭配Dynamic Type厉膀,可以為您提供:
一系列的字號大小溶耘,在任何用戶設(shè)置,包括可訪問性設(shè)置下服鹅,可獲得優(yōu)質(zhì)的清晰度和極佳的閱讀體驗凳兵。
自動調(diào)整文字的粗細,字母間距以及行高的能力企软。
為語義上有區(qū)別的文本模塊指定不同的文本樣式庐扫,比如正文、腳注或者標題仗哨。
文本可以根據(jù)用戶在字號設(shè)置和可訪問性設(shè)置中指定字體大小的變化作出適當?shù)捻憫?yīng)的能力
下載San Francisco可訪問https://developer.apple.com/fonts/.(注意:iOS9中的San Francisco字體取名為SF-UI)形庭。當你在你的app中采用San Francisco時,你可以調(diào)整模擬器>設(shè)置中的值來測試在不同尺寸下你的app的文本厌漂。
注:如果你是用自定義字體萨醒,你仍然可以采用Dynamic Type或根據(jù)系統(tǒng)的字號設(shè)置來規(guī)劃字體范圍。當用戶改變設(shè)置時苇倡,你的應(yīng)用也必須響應(yīng)式的配合富纸。如需了解如何使用文字樣式并確保當用戶改變文字型號設(shè)置時你的應(yīng)用能夠獲取通知囤踩,可以參考Text Styles.
San Francisco 有兩類尺寸: 文本模式(Text)和 展示模式(Display)。 文本模式適用于小于20點(points)的尺寸晓褪,展示模式適用于大于20點(points)的尺寸高职。當你在你的app中使用San Francisco時,iOS會自動在適當?shù)臅r機在文本模式和展示模式中切換辞州。
注:如果你使用應(yīng)用程序如Sketch或Photoshop來生成你的設(shè)計怔锌,那么當你設(shè)置的字體不小于20點的時候,你需要切換到展示模式变过。iOS會根據(jù)字體大小為San Francisco自動調(diào)整字間距埃元。(字間距是以用作于修改文字間距)。表格10-1 和 10-2分別是文本模式(Text)和展示模式(Display) 在不同字號下的間距值媚狰。
為了突出某些文字或者為了在內(nèi)容塊之間建立視覺關(guān)聯(lián)岛杀,你可以依賴由Dynamic Type支持的語義化樣式,如標題崭孤、正文类嗤,你也可以指定字體權(quán)重,如?細體或者半粗辨宠。使用 Dynamic Type樣式使得你的內(nèi)容能更好地表達含義遗锣,但如果你想要對你的設(shè)計有更好的把控能力,你可以對特定的文字設(shè)置特定的權(quán)重嗤形。(想要了解更多關(guān)于調(diào)整字體權(quán)重精偿, 可以參閱UIFont Class Reference.)
例如,你可能想要增加某些文字的權(quán)重赋兵,來幫助用戶可視化你的內(nèi)容的層次結(jié)構(gòu)笔咽,或者把用戶的注意力吸引到特定的詞或短語。另外霹期,你可以通過增加較小文字的權(quán)重和減小較大文字的權(quán)重叶组,在多個不同字號的、相鄰的標簽中建立視覺凝聚历造。字體權(quán)重在內(nèi)容的整體風(fēng)格和表達中有重要影響甩十,因此你可以選擇特定的權(quán)重來達到設(shè)計目的。
文本尺寸的響應(yīng)式變化需要優(yōu)先考慮內(nèi)容帕膜。并不是所有的內(nèi)容對于用戶都是同等重要的枣氧。當用戶選擇更大的文本尺寸時溢十,他們是想要使他們關(guān)注的內(nèi)容更容易閱讀垮刹;他們并不總是想要屏幕上的每個單詞都更大。
例如张弛,當用戶選擇具備更大易用性的文本尺寸時荒典,郵件將會以更大的尺寸顯示郵件的主題和內(nèi)容酪劫,而對于那些沒那么重要的信息——如時間和收件人——則采用較小的尺寸。
確保一個自定義字體在不同尺寸下的所有類型都具備可讀性寺董。實現(xiàn)這一效果的方法之一是效仿在不同的文本尺寸下iOS系統(tǒng)呈現(xiàn)字體樣式的一些方法覆糟。例如:
文本永遠都不應(yīng)該小于11點(points),即使是用戶選擇極小的文本尺寸遮咖。相較而言滩字,內(nèi)容樣式使用17點的字號作為大尺寸,這也是默認的文本字號御吞。
通常來說麦箍,字號與行距值在每一檔的文本尺寸設(shè)置中差別為1點。唯一例外的是兩種標題的樣式陶珠,它們在極小挟裂、小和中尺寸的設(shè)置中均使用相同的字號、行距和字距揍诽。
在最小的三種文本尺寸中诀蓉,字間距相對較大;而在最大的三中文本尺寸中暑脆,字間距相對緊湊渠啤。
標題和內(nèi)容的樣式使用相同的字體尺寸,同時添吗,為了區(qū)分標題與內(nèi)容樣式埃篓,標題樣式使用更重的值。
導(dǎo)航控制欄的文本使用相同的字號根资,而內(nèi)容文本的樣式則使用大尺寸的設(shè)置(值為17點)架专。
文本總是使用常規(guī)或者中重,一般不適用輕或者加粗玄帕。
通常情況下部脚,應(yīng)用中整體應(yīng)該使用單一字體。多種字體的混雜會使你的應(yīng)用看上去支離破碎和草率裤纹。相反委刘,使用一種字體和少數(shù)樣式。根據(jù)語義用途鹰椒,使用UIFont類的API來定義不同文本區(qū)域的樣式锡移,比如正文或者標題。
1.11 圖標和圖形(Icons and Graphics)
1.11.1 應(yīng)用圖標(The App Icon)
每個應(yīng)用都需要一個漂亮的圖標漆际。用戶常常會在看到應(yīng)用圖標的時候便建立起對應(yīng)用的第一印象淆珊,并以此評判應(yīng)用的品質(zhì)、作用以及可靠性奸汇。
以下幾點是你在設(shè)計應(yīng)用圖標時應(yīng)當記住的施符。當你確定要開始設(shè)計時往声,請參考App Icon來獲取更詳細的設(shè)計規(guī)格與指導(dǎo)。
應(yīng)用圖標是整個應(yīng)用品牌的重要組成部分戳吝。將圖標設(shè)計當成一個講述應(yīng)用背后的故事浩销,以及與用戶建立情感連接的機會。
最好的應(yīng)用圖標是獨特的听哭,整潔的慢洋,打動人心的,讓人印象深刻的陆盘。
一個好的應(yīng)用圖標應(yīng)該在不同的背景以及不同的規(guī)格下都同樣美觀且警。為了豐富大尺寸圖標的質(zhì)感而添加的細節(jié)有可能讓圖標在小尺寸時變得不清晰。
1.11.2 小圖標(Small Icons)
iOS提供了一系列小的icon礁遣,用以代表各種常見任務(wù)與操作斑芜,它們常用在標簽欄(Tab Bar)、工具欄(Toolbars)與導(dǎo)航欄(Navigation Bar)中祟霍。用戶通常都已經(jīng)了解這些內(nèi)置圖標的含義了杏头,因此可以盡可能的多使用它們。
如果需要自定義動作或者內(nèi)容沸呐,你也可以設(shè)計自定義圖標醇王。設(shè)計這些小的線性圖標與設(shè)計應(yīng)用圖標有很大的區(qū)別,請參考Bar Button Icons來了解更多內(nèi)容崭添。
請注意寓娩,你有時候也可以用文字來代替工具欄和導(dǎo)航欄的圖標。 就像iOS的日歷里面呼渣,工具欄上便是使用”今天”,”日歷”和”收件箱”來代替圖標進行表意的棘伴。
想要決定在工具欄和導(dǎo)航欄中到底是用圖標還是文字,可以優(yōu)先考慮一屏中最多會同時出現(xiàn)多少個圖標屁置。?同一屏幕中圖標的數(shù)量過多可能會讓整個應(yīng)用看起來難以理解焊夸。使用圖標還是文字還取決于屏幕方向是橫向還是縱向,因為水平視圖下通常會擁有更多的空間蓝角,可以承載更多的文字阱穗。
1.11.3 圖形(Graphics)
iOS應(yīng)用大多數(shù)圖形豐富。無論是你需要展示用戶的照片使鹅,還是需要創(chuàng)建自定義圖片揪阶,以下這些需求都應(yīng)該遵守:
支持Retina顯示屏。確保你應(yīng)用中的所有圖片資源都提供了高分辨率規(guī)格患朱。尤其需要注意的是鲁僚,iPhone 6 Plus需要提供@3x規(guī)格的圖片,而所有其他的高分辨率iOS設(shè)備都需要提供@2x規(guī)格的圖片。
顯示照片或圖片時請使用原始尺寸蕴茴,并不要將它拉伸到大于100%劝评。你不會希望在你的應(yīng)用中看到拉伸和變形的圖片姐直【氲恚可以讓用戶自己來選擇他們是否想要縮放圖片。
不要使用從蘋果系列產(chǎn)品中復(fù)制的圖形声畏。這些圖形均受版權(quán)保護撞叽,而且產(chǎn)品的設(shè)計可能會頻繁改變。
不要將蘋果的應(yīng)用圖標插龄,圖像或者截圖用于你的設(shè)計中愿棋。所有蘋果的設(shè)計均受版權(quán)保護并且不允許出現(xiàn)在你的UI中,除非它們是?由系統(tǒng)直接提供的均牢。
1.12 術(shù)語和措辭(Terminology and Wording)
你在應(yīng)用中呈現(xiàn)的每一個字都是與用戶進行對話的一部分糠雨。把握這樣的對話機會,為你的用戶提供清晰的表意與愉悅的體驗徘跪。
設(shè)置是面向全體用戶的一個基礎(chǔ)應(yīng)用甘邀,因此它使用了簡明扼要的語言來描述用戶可以進行的操作。舉個例子垮庐,設(shè)置→勿擾模式(Do Not Disturb)就沒有使用難以理解的復(fù)雜技術(shù)術(shù)語松邪,而是用了簡單的語言,給用戶描述了里頭的一系列操作哨查。
保證你使用的術(shù)語是用戶能理解的逗抑。根據(jù)你對用戶群的理解來決定在應(yīng)用中使用什么樣的詞匯。舉個例子寒亥,在一款針對小白用戶的應(yīng)用中使用技術(shù)術(shù)語是不合適的邮府,但對于針對高端用戶的應(yīng)用來說,使用技術(shù)術(shù)語是很自然的事情溉奕。
使用非正式的友好語氣挟纱,但不需要太過?卑微。避免太正式太僵化腐宋,或者太過嘻嘻哈哈紊服,傲慢無禮。請記住胸竞,用戶可能會反復(fù)閱讀這些文本欺嗤,因此有些起初看上去很俏皮的語句,多看幾次之后可能會顯得煩人卫枝。
像新聞編輯一般遣詞造句煎饼,避免不必要的冗余語句。當你的文案足夠簡明扼要校赤,用戶就可以很輕松地閱讀和理解它吆玖。確定最重要的信息筒溃,精煉它并且突出它,讓用戶不需要讀一大段文字才能了解他們在找什么沾乘,以及下一步要做什么怜奖。
給控件加上短標簽或者容易理解的圖標。讓用戶只掃一眼就能知道這個控件是干什么的翅阵。
描述時間時要注意準確性歪玲。今天和明天這些詞匯確實顯得比較友好,但有時候會讓用戶費解掷匠,因為你可能沒有辦法確定用戶當前的時區(qū)和時間滥崩。舉個例子,假如有一項活動會在半夜12點前開始讹语,對于在同一個時區(qū)的用戶而言钙皮,這個活動是在今天開始的,但對于那些在早一點的時區(qū)里的用戶而言顽决,這個活動在昨天就已經(jīng)開始了短条。
為你的應(yīng)用寫一則漂亮的App Store描述,最大程度地把握住這個與潛在用戶溝通的絕佳機會擎值。除了準確描述你的應(yīng)用慌烧、強調(diào)應(yīng)用的品質(zhì)與亮點以外顷歌,你還需要:
修正所有的拼寫产雹、語法與標點符號錯誤顾瞪。這些小錯誤也許不會影響用戶正常使用鼠哥,但是可能會讓他們對應(yīng)用的整體品質(zhì)產(chǎn)生負面印象迫皱。
盡量少用全大寫的詞匯捐名。雖然大寫單詞有時候可以吸引注意力箩做,但是全大寫的段落不適合閱讀近忙,而且會產(chǎn)生一種朝用戶扯著嗓子吼的感覺田晚。
可以描述bug修復(fù)情況嘱兼。如果您的應(yīng)用新版包含用戶一直期待的bug修復(fù),那在你的軟件描述中提到這一點就是個很好的做法贤徒。
1.13 與iOS的整合(Integrating with iOS)
與iOS整合芹壕,指的是在當前平臺上給用戶提供一種舒適的、賓至如歸般的體驗接奈,當然這并不意味著我們要把每一個應(yīng)用做的和內(nèi)置應(yīng)用一模一樣踢涌。
最好的與iOS整合的方式便是深刻地了解iOS的主題與核心——這一部分在上文為iOS而設(shè)計(Designing for iOS)部分中已有詳細描述,并尋求出如何在你的應(yīng)用中融合與表達這種主題序宦。當你這么做的時候睁壁,遵循本章中的指引可以幫助你為你的用戶提供他們想要的體驗。
1.13.1 正確使用標準UI元素(Use Standard UI Elements Correctly)
盡可能使用UIkit提供的標準UI元素是一個好主意。多使用標準元素而非自定義元素潘明,你與你的用戶都將受益:
標準UI元素會根據(jù)iOS官方的更新而自動更新——而自定義元素不會行剂。
標準UI元素對于你自定義外觀和行為來說擁有優(yōu)秀的擴展性。舉個例子钳降,iOS中所有的視圖(Views厚宰,從UIView中繼承的對象)都是?可以使用TintColor屬性來定義顏色的,它讓應(yīng)用配色變得很簡單牲阁。
用戶更熟悉和習(xí)慣標準的元素固阁,因為他們可以立刻明白你的應(yīng)用中這些元素的用途壤躲。
想要充分地利用標準UI元素的優(yōu)點城菊,有一些關(guān)鍵點需要特別注意:
嚴格遵循每個UI元素的設(shè)計規(guī)范。當你應(yīng)用中的UI元素的外觀與功能都是用戶所熟悉的碉克,他們可以很容易地根據(jù)先前的經(jīng)驗來使用他們凌唬,進而更好地使用你的應(yīng)用。你可以從這些章節(jié)中找到各種UI元素的設(shè)計規(guī)范:Bars,Content Views,Controls,Temporary Views.
不要混用不同版本的iOS里的UI元素漏麦。你一定不希望讓用戶覺得你的UI元素來自于與當前用戶的設(shè)備版本不同的iOS系統(tǒng)客税。
大體來說,請避免創(chuàng)造自定義UI元素來表現(xiàn)標準交互行為撕贞。先問問你自己為什么一定要創(chuàng)建一個與標準UI元素行為完全相同的自定義元素更耻。如果你只是想改變標準UI元素的外觀,可以考慮使用UIKit外觀定制API(UIKit appearance customization APIs)捏膨,或者給元素填充別的顏色秧均。如果你需要定義一個與標準控件稍有不同的行為,請確保你在改變了這個UI元素的屬性和行為之后号涯,這個元素仍然能完成你所希望的操作目胡。如果你需要完全自定義一個行為,最好是設(shè)計一個與標準元素完全不相像的自定義元素链快。
提示:Interface Builder讓獲取標準UI元素誉己,使用外觀定制API(the appearance customization APIs),獲取屬性域蜗,以及在你的應(yīng)用里使用自定義和系統(tǒng)自帶圖標變得很簡單巨双。想要了解更多Interface Builder的內(nèi)容,請參閱Xcode Overview.
不要用系統(tǒng)自帶的按鈕和圖標表達其他含義霉祸。iOS提供了多種可用的按鈕和圖標筑累。請確認你了解它們的準確表意;不要單純憑借你看到這些圖標樣式的猜測和理解來解讀和使用它們脉执。(你可以在Toolbar and Navigation Bar Buttons和Tab Bar Icons中了解到這些按鈕和圖標的準確含義疼阔。)
如果你所需要的功能無法用系統(tǒng)提供的按鈕和圖標來表現(xiàn),你也可以設(shè)計自定義按鈕。自定義按鈕的設(shè)計可以參考Bar Button Icons.
如果你的app是沉浸式體驗婆廊,那么創(chuàng)造全新的自定義UI是合理的迅细。因為你在創(chuàng)造一個統(tǒng)一的體驗環(huán)境,讓用戶在其中能夠有所期待并探索如何控制應(yīng)用淘邻。
1.13.2 弱化文件和文檔處理(Downplay File and Document Handing)
iOS應(yīng)用可以幫助用戶創(chuàng)建和處理文件茵典,但這并不意味著用戶需要過分考慮iOS設(shè)備的文件系統(tǒng)如何運作。
如果你的應(yīng)用中支持用戶創(chuàng)建和編輯文檔宾舅,那么提供一個清晰的圖形庫視圖(document library view)讓用戶能夠方便地打開或者新建文檔是一個好的做法统阿。理想狀況下,這樣的圖形庫視圖擁有以下特征:
高度圖形化筹我。用戶通過屏幕上的縮略圖就可以一目了然扶平,快速找出自己想要的文件。
讓用戶用最少的動作完成自己的任務(wù)蔬蕊。比如說结澄,用戶可以快速地水平滾動文件列表,然后輕點一下自己想要的文件來打開它岸夯。
包含新建文檔功能麻献。一個圖形庫視圖應(yīng)該支持讓用戶點擊一個新建文檔的占位圖便完成新建文檔操作,而不是讓用戶通過訪問別的地方來新建文檔猜扮。
舉個例子勉吻,Pages的圖形庫視圖里面,既展示了用戶已存在的文檔旅赢,也加入了便捷的新建文檔操作齿桃。
如果你的應(yīng)用允許用戶使用在其他應(yīng)用中創(chuàng)建的文檔,你可以通過模態(tài)文檔選擇視圖控制器(modal document picker view controller)來幫助用戶觸達它們孕似。這個控制器可以提取用戶在iCloud中的文檔踩娘,還可以通過文檔提供者擴展(Document Provider extensions)來提取在其它應(yīng)用中創(chuàng)建和儲存的文件。想要了解更多文檔提供者擴展的內(nèi)容喉祭,可以參考Document Provider Extensions; 想要了解更多文檔提取視圖控制器养渴,請參考Document Picker Programming Guide.
給用戶足夠的信心,讓他們相信除非主動取消或者刪除泛烙,他們的成果會被隨時妥善保存理卑。如果你的應(yīng)用幫助用戶創(chuàng)建于管理文檔,不能要求用戶每次都能及時保存蔽氨。無論是打開另一個文檔或切換應(yīng)用的時候藐唠,iOS應(yīng)用都應(yīng)當承擔起幫助用戶保存輸入內(nèi)容的責任帆疟。
如果你的應(yīng)用的主要功能不是創(chuàng)造內(nèi)容,但又允許用戶查看或編輯信息宇立,這種情況下你需要詢問用戶是否要保存修改踪宠。在這種場景下,比較好的做法是提供“編輯”按鈕妈嘹,點擊后進入編輯狀態(tài)柳琢,同時編輯按鈕變成“保存”和“取消”按鈕,這種變化可以提示用戶當前處于編輯模式润脸〖砹常“保存”可以保留修改內(nèi)容,“取消”則退出編輯模式毙驯。
1.13.3 必要時提供可配置選項(Be Configurable If Necessary)
某些應(yīng)用需要用戶手動安裝或設(shè)置選項倒堕,但是大部分應(yīng)用不需要如此。一個好的應(yīng)用可以讓大部分用戶快速上手尔苦,并通過主界面給用戶提供便捷的調(diào)整體驗的方式涩馆。
當你的應(yīng)用在默認狀態(tài)下就能滿足大部分用戶的期望行施,用戶對設(shè)置的需求就減少了允坚。如果你需要儲存用戶的基本資料,可以優(yōu)先向系統(tǒng)請求和拉取相關(guān)信息蛾号,而不是上來就讓用戶自己填寫它稠项。如果你一定要提供用戶鮮少用到的設(shè)置項,請參考App Programming Guide for iOS中的The Setting Bundle部分來了解如何在代碼中定義它們鲜结。
盡可能在主UI中提供設(shè)置選項展运。如果這個設(shè)置項代表著用戶一個基本任務(wù),又或者用戶在進行主線任務(wù)時有可能頻繁改變設(shè)置精刷,那么將設(shè)置項放在主UI中會很方便拗胜。如果用戶只是偶爾才會用到設(shè)置項,那么可以將其放在獨立的視圖中怒允。
如果應(yīng)用內(nèi)相關(guān)設(shè)置需要在系統(tǒng)設(shè)置中改變埂软,幫助用戶直接訪問系統(tǒng)設(shè)置。尤其是纫事,如果你要用一段文字來描述如何改變這個設(shè)置勘畔,比如“設(shè)置>隱私>定位服務(wù)”,倒不如直接放置一個按鈕丽惶,點擊后即可到達設(shè)置中的定位服務(wù)炫七。想要了解如何實現(xiàn),請參考Settings Launch URL.
1.13.4 充分利用iOS技術(shù)(Take Advantage of iOS Technologies)
iOS提供了豐富的技術(shù)方式來支持用戶完成他們所期望的各種任務(wù)和場景钾唬。這意味著在絕大多數(shù)情況下万哪,將系統(tǒng)提供的技術(shù)整合到你的應(yīng)用中侠驯,往往比自定義一種新的技術(shù)更為可靠。
某些iOS技術(shù)奕巍,比如多任務(wù)并行(Multitasking)與語音向?qū)?VoiceOver)等等陵霉,是所有應(yīng)用都應(yīng)該包含的系統(tǒng)級特性。而另外一些技術(shù)是否整合到應(yīng)用中伍绳,則取決于應(yīng)用本身的功能性踊挠。比如處理門票和禮品卡的應(yīng)用(Wallet)支持用戶在應(yīng)用內(nèi)內(nèi)購(In-App Purchase),展示應(yīng)用內(nèi)置廣告(iAd Rich Media Ads)則可以整合Game Center冲杀,同時支持iCloud.
本章英文原文訪問地址:iOS Human Interface Guidelines
出處:騰訊ISUX?