IOS人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)01

1.1 為iOS而設(shè)計(jì)(Designing for iOS)

iOS 的革新關(guān)鍵詞如下:

遵從

:UI能夠更好地幫助用戶(hù)理解內(nèi)容并與之互動(dòng),但卻不會(huì)分散用戶(hù)對(duì)內(nèi)容本身的注意力。

清晰

:各種大小的文字應(yīng)該易讀,圖標(biāo)應(yīng)該醒目,去除多余的修飾,突出重點(diǎn),很好地突顯了設(shè)計(jì)理念。

深度

:視覺(jué)的層次和生動(dòng)的交互動(dòng)作會(huì)賦予UI新的活力,不但幫助用戶(hù)更好理解新UI的操作并讓用戶(hù)在使用過(guò)程中感到驚喜。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

無(wú)論你是重新設(shè)計(jì)一個(gè)現(xiàn)有的應(yīng)用或是重新開(kāi)發(fā)一個(gè),請(qǐng)嘗試下列方法:

首先,去除了UI元素讓?xiě)?yīng)用的核心功能呈現(xiàn)得更加直接并強(qiáng)調(diào)其相關(guān)性。

其次,直接使用iOS的系統(tǒng)主題讓其成為應(yīng)用的UI,這樣能給用戶(hù)統(tǒng)一的視覺(jué)感受。

最后,保證你設(shè)計(jì)的UI可以適應(yīng)各種設(shè)備和不同操作模式,這樣用戶(hù)可以在不同場(chǎng)景下舒適地享用你的應(yīng)用。

在整個(gè)設(shè)計(jì)過(guò)程中,時(shí)刻準(zhǔn)備著推翻先例,假設(shè)問(wèn)題,并以重點(diǎn)內(nèi)容和功能(為目標(biāo))來(lái)驅(qū)動(dòng)每個(gè)細(xì)節(jié)設(shè)計(jì)。

1.1.1 以?xún)?nèi)容為核心(Defer to Content)

雖然明快美觀的UI和流暢的動(dòng)態(tài)效果是iOS體驗(yàn)的亮點(diǎn),但內(nèi)容始終是iOS的核心。這里有一些方法,以確保你的設(shè)計(jì)能夠提升你的應(yīng)用功能體驗(yàn)并關(guān)注內(nèi)容本身。

充分利用整個(gè)屏幕。天氣應(yīng)用是最好的例子:漂亮的天氣圖片充滿(mǎn)全屏,呈現(xiàn)用戶(hù)所在地當(dāng)前天氣情況這最重要的信息,同時(shí)也留出空間呈現(xiàn)了每個(gè)時(shí)段的氣溫?cái)?shù)據(jù)。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

盡量減少視覺(jué)修飾和擬物化設(shè)計(jì)的使用。UI面板、漸變和陰影有時(shí)會(huì)讓UI元素顯得很厚重,致使搶了內(nèi)容的風(fēng)頭。應(yīng)該以?xún)?nèi)容為核心,讓UI成為內(nèi)容的支撐。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

嘗試使用半透明底板。半透明的控件——比如控制中心——關(guān)聯(lián)了使用場(chǎng)景,幫助用戶(hù)看到更多可用的內(nèi)容,并可以起到短暫的提示作用。在iOS中,透明的控件只讓它遮擋住的地方變得模糊——看上去像蒙著一層米紙一樣——它并沒(méi)有遮擋屏幕剩余的部分。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

1.1.2 保證清晰度(Provide Clarity)

保證清晰度是另一個(gè)方法,以確保你的應(yīng)用中內(nèi)容始終是核心。以下是幾種方法,讓最重要的內(nèi)容和功能清晰,易于交互。

使用大量留白。留白讓重要內(nèi)容和功能顯得更加醒目。此外,留白可以傳達(dá)一種平靜和安寧的視覺(jué)感受,它可以使一個(gè)應(yīng)用看起來(lái)更加聚焦和高效。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

讓顏色簡(jiǎn)化UI一個(gè)主題色——比如在記事本中使用的黃色——讓重要區(qū)域更加醒目并巧妙地表示交互性。這同時(shí)也給了一個(gè)應(yīng)用一個(gè)統(tǒng)一的視覺(jué)主題。內(nèi)置應(yīng)用使用家族化的系統(tǒng)顏色,無(wú)論在深色和淺色背景上看起來(lái)都干凈,純粹。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

通過(guò)使用系統(tǒng)字體確保易讀性。iOS的系統(tǒng)字體自動(dòng)調(diào)整行間距和行的高度,使閱讀時(shí)文本清晰易讀,無(wú)論何種大小的字號(hào)都表現(xiàn)良好。無(wú)論你是使用系統(tǒng)或是自定義字體,務(wù)必使用動(dòng)態(tài)型,這樣你的應(yīng)用可以在用戶(hù)選擇不同字號(hào)時(shí)做出應(yīng)對(duì)。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

使用無(wú)邊框的按鈕。默認(rèn)情況下,所有bar上的按鈕都是無(wú)邊框的。在內(nèi)容區(qū)域,無(wú)邊框按鈕以文案、顏色以及操作指引標(biāo)題來(lái)表明按鈕功能。當(dāng)按鈕被激活時(shí),該按鈕呈現(xiàn)高亮的淺色狀態(tài)來(lái)作為操作響應(yīng)。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

1.1.3 用深度來(lái)體現(xiàn)層次(Use Depth to Communicate)

iOS經(jīng)常在不同的層級(jí)上展現(xiàn)內(nèi)容,用以表達(dá)分組和位置,并幫助用戶(hù)了解在屏幕上的對(duì)象之間的關(guān)系。

通過(guò)使用一個(gè)在主屏幕上方的半透明背景浮層來(lái)區(qū)分文件夾和其余部分的內(nèi)容。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

備忘錄以不同的層級(jí)展示,如插圖所示。用戶(hù)在使用備忘錄里的某個(gè)條目時(shí),其他的條目被收起在屏幕下方(譯者按:其實(shí)這個(gè)視覺(jué)提示使用起來(lái)很隱晦)。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

日歷有較深的層級(jí),當(dāng)他們?cè)诜喣辍⒃?、日的時(shí)候,以及增強(qiáng)的交互動(dòng)畫(huà)給用戶(hù)一種層級(jí)縱深感(循序切換的層次,從年到月到日)。在滾動(dòng)年份視圖時(shí),用戶(hù)可以即時(shí)看到今天的日期以及其他日歷任務(wù)。當(dāng)用戶(hù)處于月份視圖時(shí),點(diǎn)擊年份視圖按鈕,月份會(huì)縮小至年份視圖中的所處位置。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

今天的日期依然處于高亮狀態(tài),年份出現(xiàn)在返回按鈕處,這樣用戶(hù)可以清楚地知道他們?cè)谀膬?,他們從哪里進(jìn)來(lái)并且知道如何返回。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

類(lèi)似的過(guò)渡動(dòng)畫(huà)出現(xiàn)在用戶(hù)選擇一個(gè)日期時(shí):月份視圖從所選位置分開(kāi),將當(dāng)前的周日期推向屏幕頂端并翻轉(zhuǎn)出以小時(shí)為單位的當(dāng)天時(shí)間視圖。這些動(dòng)畫(huà)加強(qiáng)了日歷上年月日之間的關(guān)系的感知度。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

1.2 iOS應(yīng)用解析(iOS App Anatomy)

幾乎所有的iOS 應(yīng)用都應(yīng)用了UIKit framework中定義的組件。了解這些組件的名字,作用和構(gòu)成能夠幫助你設(shè)計(jì)應(yīng)用過(guò)程中做出更好的決定。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

UIKit提供的UI組件大致分成以下4種大類(lèi):

Bars包含了導(dǎo)航信息,告訴用戶(hù)他們所在的位置并包含了一些能幫助用戶(hù)瀏覽或啟動(dòng)某些操作的控制按鈕。

內(nèi)容視圖:包含了應(yīng)用的主體內(nèi)容以及某些操作行為,比如滾動(dòng)、插入、刪除、排序等等。

控制按鈕:展示信息或者控制動(dòng)作。

臨時(shí)視圖:短時(shí)間出現(xiàn),給用戶(hù)重要信息或者額外的選擇或者其他功能。

除了定義UI組件,UIKit也定義對(duì)象實(shí)現(xiàn)的功能,例如手勢(shì)識(shí)別、繪圖、輔助功能和打印支持。

從編程的角度來(lái)說(shuō),UI組件被認(rèn)為是不同類(lèi)別的視圖,因?yàn)樗麄儚腢IView得到繼承。視圖能繪制屏幕內(nèi)容并且知道用戶(hù)何時(shí)觸摸了屏幕。視圖的所有類(lèi)型有:控件(比如按鈕和滑塊),內(nèi)容視圖(比如集合視圖和表格視圖),以及臨時(shí)視圖(如警告提示和動(dòng)作菜單)。

要在應(yīng)用中管理一組或者一系列的視圖,通常需要使用一個(gè)視圖控制器,它能協(xié)調(diào)視圖的顯示內(nèi)容,實(shí)現(xiàn)與用戶(hù)交互的功能并能在不同屏幕內(nèi)容之間切換。比如,“設(shè)置”使用了一個(gè)導(dǎo)航控制器來(lái)展示其視圖層級(jí)。

下面是一個(gè)例子,關(guān)于視圖與視圖控制器如何結(jié)合并呈現(xiàn)iOS 應(yīng)用的UI。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

雖然開(kāi)發(fā)者認(rèn)為真正起到作用的是視圖和視圖控制器,但一般用戶(hù)感知到的iOS應(yīng)用是不同屏幕內(nèi)容的集合。從這個(gè)角度來(lái)看,在應(yīng)用里,屏幕內(nèi)容一般對(duì)應(yīng)于一個(gè)獨(dú)特的視覺(jué)狀態(tài)或者模式。

注:一個(gè)iOS應(yīng)用程序包含一個(gè)窗口。但是,不同于計(jì)算機(jī)程序中的窗口,iOS窗口沒(méi)有可見(jiàn)的部分并且不能在屏幕上被移動(dòng)到另一個(gè)位置。很多iOS應(yīng)用程序只有一個(gè)窗口;可以支持外部顯示設(shè)備器的應(yīng)用程序可以有不止一個(gè)窗口。

iOS Human Interface Guidelines中,screen這個(gè)詞和大部分用戶(hù)理解的一樣。作為一個(gè)開(kāi)發(fā)者,你也許需要讀一下其他與UIscreen相關(guān)的章節(jié),這樣你可以更好的了解如何關(guān)聯(lián)外部屏幕。

1.3 適應(yīng)性和布局(Adaptivity and Layout)

1.3.1 為自適應(yīng)而開(kāi)發(fā)(Build In Adaptivity)

人們通常想隨心所欲地使用自己喜歡的應(yīng)用程序。在iOS 8及未來(lái)的版本中,你可以使用不同分辨率和自動(dòng)布局來(lái)幫助你定義屏幕布局視圖,視圖控制器以及需要隨顯示環(huán)境改變的視圖(顯示環(huán)境display environment的概念指的是設(shè)備的整個(gè)屏幕或者其中一部分,比如一個(gè)跳出菜單區(qū)域或一個(gè)分視圖控制器的主視圖部分)。

iOS定義了兩個(gè)尺寸類(lèi)別(size class),常規(guī)的(regular)和壓縮的(compact)。常規(guī)尺寸有著較易拓展的空間,而壓縮尺寸約束了空間的使用。想要定義一種顯示環(huán)境,你需要定義橫縱尺寸類(lèi)型。如你所想,iOS設(shè)備可以有橫屏豎屏兩種不同的使用模式。

iOS能隨著顯示環(huán)境和尺寸類(lèi)別變化而自動(dòng)生成不同布局。舉個(gè)例子,當(dāng)垂直尺寸從壓縮變?yōu)槌R?guī)時(shí),導(dǎo)航欄和工具欄會(huì)自動(dòng)變高。

當(dāng)你靠尺寸類(lèi)別來(lái)驅(qū)動(dòng)布局變化時(shí),你的應(yīng)用在任何顯示環(huán)境時(shí)都能顯示得很好。關(guān)于如何在Interface Builder中更好的使用尺寸類(lèi)別,你可以查閱Size Classes Design Help。

注:在一種尺寸類(lèi)別中,持續(xù)使用Auto Layout進(jìn)行小的布局調(diào)整,比如拉伸或壓縮內(nèi)容。

下面的實(shí)例可以幫助你理解尺寸類(lèi)型是如何適配不同設(shè)備的顯示環(huán)境。例如:iPad在長(zhǎng)寬和橫屏豎屏?xí)r都使用常規(guī)尺寸類(lèi)型。換句話(huà)說(shuō),iPad顯示環(huán)境一直處于垂直和水平的常規(guī)狀態(tài)。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

iPhone的顯示環(huán)境可根據(jù)不同的設(shè)備和不同的握持方向而改變。

豎屏?xí)r,iPhone6 Plus使用的是常規(guī)高度和壓縮寬度類(lèi)型。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

橫屏?xí)r,iPhone6 Plus使用的是壓縮高度和常規(guī)寬度類(lèi)型。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

其他iPhone型號(hào),包括iPhone6使用相同的尺寸類(lèi)型設(shè)置。

豎屏?xí)r,iPhone 6,iPhone 5 和iPhone 4S使用的是壓縮寬度和常規(guī)高度。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

橫屏?xí)r,這些設(shè)備在寬高上使用的都是壓縮類(lèi)。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

1.3.2 在不同環(huán)境提供良好體驗(yàn)(Provide a Great Experience in Each Environment)

當(dāng)你使用自適應(yīng)來(lái)開(kāi)發(fā)UI時(shí),你可以保證UI跟隨顯示環(huán)境變化而適當(dāng)?shù)仨憫?yīng)。遵照這些指南,你可以給用戶(hù)良好的設(shè)備響應(yīng)體驗(yàn)。

在所有環(huán)境下都保持對(duì)主體內(nèi)容的專(zhuān)注。這是最高優(yōu)先級(jí)。人們使用應(yīng)用時(shí),與感興趣的內(nèi)容發(fā)生互動(dòng)。當(dāng)使用環(huán)境變化的同時(shí),改變專(zhuān)注點(diǎn)會(huì)讓用戶(hù)感覺(jué)到迷失方向,喪失了對(duì)應(yīng)用的控制。

避免布局上不必要的變化。在所有環(huán)境中類(lèi)似的使用體驗(yàn)讓人們?cè)谛D(zhuǎn)設(shè)備或在不同設(shè)備上運(yùn)行你的應(yīng)用時(shí)維持使用模式。例如,如果你使用一個(gè)網(wǎng)格在水平的常規(guī)模式下顯示圖像,你無(wú)需在一個(gè)列表中展示與壓縮模式下相同信息,雖然你可能調(diào)整了網(wǎng)格的尺寸。

如果你的應(yīng)用只在一個(gè)方向上運(yùn)行,那么請(qǐng)直接一點(diǎn)。人們希望在各種握持方式下都可以使用你的應(yīng)用,能滿(mǎn)足這個(gè)期待是最好的。但是,如果你的應(yīng)用只在一個(gè)方向下運(yùn)行,那么以下幾點(diǎn)請(qǐng)務(wù)必注意:

避免提示人們旋轉(zhuǎn)設(shè)備的提示UI

出現(xiàn)。

讓?xiě)?yīng)用清晰地運(yùn)行在支持的方向下,讓用戶(hù)明白應(yīng)該旋轉(zhuǎn)設(shè)備,而不是添加不必要的引導(dǎo)性混亂。

支持同一個(gè)方向上的變化。

例如,如果一個(gè)應(yīng)用只能垂直運(yùn)行,用戶(hù)無(wú)論用左手或是右手握持時(shí)都能觸及到home鍵。如果用戶(hù)在使用應(yīng)用時(shí)180度旋轉(zhuǎn)設(shè)備,那最好應(yīng)用內(nèi)容也能及時(shí)響應(yīng)并旋轉(zhuǎn)180度。

如果你的應(yīng)用將設(shè)備方向翻轉(zhuǎn)視為用戶(hù)輸入(的一種指令),那么就按照程序設(shè)定的方式來(lái)響應(yīng)設(shè)備翻轉(zhuǎn)。舉個(gè)例子,一個(gè)游戲讓用戶(hù)利用設(shè)備翻轉(zhuǎn)來(lái)移動(dòng)游戲中的部件,那么這個(gè)游戲應(yīng)用本身(的UI)不能對(duì)翻轉(zhuǎn)屏幕產(chǎn)生響應(yīng)。在這種情況下,你必須關(guān)聯(lián)兩個(gè)需要變化的方向,并且允許人們?cè)谶@兩個(gè)方向切換直到他們開(kāi)始(了解并執(zhí)行)應(yīng)用的主體任務(wù)。一旦人們開(kāi)始執(zhí)行主要任務(wù),那就開(kāi)始按程序設(shè)定的那樣來(lái)響應(yīng)設(shè)備的動(dòng)作吧。

1.3.3 使用布局來(lái)溝通(Use Layout to Communicate)

布局包含的不僅僅是一個(gè)應(yīng)用屏幕上的UI元素外觀。你的布局,應(yīng)該告訴用戶(hù)什么是最重要的,他們的選擇是什么,以及事物是如何關(guān)聯(lián)起來(lái)的。

提升重要內(nèi)容或功能,讓用戶(hù)容易集中注意在主要任務(wù)上。有幾個(gè)比較好的辦法是在屏幕上半部分放置主要內(nèi)容,以從左到右的習(xí)慣,從靠近左側(cè)的屏幕開(kāi)始。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

使用視覺(jué)化的重量和平衡向用戶(hù)展示相關(guān)的屏顯重要元素。大型控件吸引眼球,而比小的控件更容易在出現(xiàn)時(shí)被注意到。而且大型控件也更容易被用戶(hù)點(diǎn)擊,這讓它們?cè)趹?yīng)用中更加有用——就像電話(huà)和時(shí)鐘(上面的按鈕)——用戶(hù)經(jīng)常在容易分心的環(huán)境中能(正常)使用它們。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

使用對(duì)齊來(lái)讓閱讀更舒緩,讓分組和層次之間更有秩序。對(duì)齊讓?xiě)?yīng)用看起來(lái)整潔而有序,也讓用戶(hù)在專(zhuān)注于屏幕時(shí)更有空間,從而專(zhuān)注于重要信息。不同信息組的縮進(jìn)與對(duì)齊讓它們之間的關(guān)聯(lián)更清晰,也讓用戶(hù)更容易找到某個(gè)控件。

確保用戶(hù)能明白處于默認(rèn)尺寸的首要內(nèi)容的含義。例如,用戶(hù)無(wú)需水平滾動(dòng)就能看到重要的文本,或不用放大就可以看到主體圖像。

準(zhǔn)備好改變字體大小。用戶(hù)期望大多數(shù)應(yīng)用能有設(shè)置字號(hào)大小的功能。為了適應(yīng)一些文本大小的變化,你也許需要調(diào)整布局;想要得到更多文本顯示相關(guān)的信息,你可以查閱章節(jié)Text Should Always Be Legible.

盡量避免UI上不一致的表現(xiàn)。在一般情況下,有著相似功能的控件看起來(lái)也應(yīng)該類(lèi)似。用戶(hù)常常認(rèn)為他們看到的不同總有原因,而且他們傾向于花時(shí)間去嘗試(譯者按:因此為了避免用戶(hù)做無(wú)用的嘗試所以建議類(lèi)似功能外觀一樣)。

給每個(gè)互動(dòng)的元素充足的空間,從而讓用戶(hù)容易操作這些內(nèi)容和控件。常用的點(diǎn)按類(lèi)控件的大小是44 x 44點(diǎn)(points)。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

1.4 起始與停止(Starting and Stopping)

1.4.1 即時(shí)啟動(dòng)(Start Instantly)

有種說(shuō)法是用戶(hù)往往不會(huì)花超過(guò)一兩分鐘去審視一個(gè)新應(yīng)用,當(dāng)你將應(yīng)用從打開(kāi)到啟動(dòng)這段時(shí)間壓縮得很短,并且同時(shí)在載入過(guò)程中呈現(xiàn)一些對(duì)用戶(hù)有幫助的內(nèi)容,你就會(huì)激發(fā)用戶(hù)的興趣并給所有用戶(hù)一個(gè)驚喜。

重要:不要在安裝過(guò)程結(jié)束后告訴用戶(hù)需要重啟設(shè)備。重啟需要時(shí)間并且會(huì)讓人覺(jué)得你的應(yīng)用看上去不可靠而且很難使用。

如果你的應(yīng)用有內(nèi)存使用問(wèn)題,或者不重啟就無(wú)法流暢運(yùn)行,你必須聲明這些問(wèn)題。關(guān)于如何開(kāi)發(fā)一款性能良好的應(yīng)用,請(qǐng)查閱iOS應(yīng)用編程指南。

盡可能避免使用閃屏或者其他啟動(dòng)體驗(yàn)。用戶(hù)能夠在啟動(dòng)后立即開(kāi)始使用應(yīng)用是最好不過(guò)的。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

避免讓用戶(hù)做過(guò)多設(shè)置。而應(yīng)該如此:

聚焦在滿(mǎn)足

80%

的用戶(hù)需求上。

這樣主體用戶(hù)群就無(wú)需設(shè)置各種選項(xiàng),因?yàn)槟愕膽?yīng)用已經(jīng)默認(rèn)處于他們想要的狀態(tài)。如果有些功能有少部分用戶(hù)想要,換句話(huà)說(shuō),大部分人不需要的話(huà),就別管它了。

盡可能用其他方式獲取更多(用戶(hù))信息。

如果你能得到用戶(hù)在內(nèi)置應(yīng)用或硬件設(shè)置中提供的信息,直接從系統(tǒng)中獲取它們,而不需要再次讓用戶(hù)輸入。

如果你必須獲取設(shè)置信息,在你的應(yīng)用中直接向用戶(hù)詢(xún)問(wèn),然后盡快保存這些設(shè)定

(譯者注:這段講的是權(quán)限許可,如能否訪問(wèn)照片或者日歷或地理位置信息等等)。這樣用戶(hù)就無(wú)需強(qiáng)制跳出應(yīng)用進(jìn)入系統(tǒng)設(shè)置頁(yè)面了。如果用戶(hù)需要更改設(shè)置,他們可以在任何時(shí)候進(jìn)入應(yīng)用的設(shè)置選項(xiàng)進(jìn)行修改。

盡可能讓用戶(hù)晚一些再登錄。最理想的狀態(tài)是,用戶(hù)在無(wú)需登錄的情況下就能盡量多地瀏覽內(nèi)容并使用部分功能。例如,App Store應(yīng)用會(huì)在用戶(hù)瀏覽商品并確定進(jìn)行購(gòu)買(mǎi)時(shí),才要求用戶(hù)進(jìn)行登錄。對(duì)于必須登錄才能進(jìn)行后續(xù)瀏覽和操作的應(yīng)用,用戶(hù)往往會(huì)直接放棄。

如果你的應(yīng)用必須先登錄后使用,那么你應(yīng)該在登錄頁(yè)面有一些簡(jiǎn)短的文字,來(lái)描述為什么必須先登錄,以及這樣做會(huì)給用戶(hù)帶來(lái)什么好處。

謹(jǐn)慎使用新手引導(dǎo)(介紹應(yīng)用的功能和如何進(jìn)行操作)。在考慮新手引導(dǎo)之前,你應(yīng)該完善你的應(yīng)用,盡可能使應(yīng)用的功能直觀和易于尋找。有句話(huà)說(shuō)得好,好的應(yīng)用不需要新手引導(dǎo)。如果你確實(shí)覺(jué)得需要新手引導(dǎo),那么請(qǐng)參考如下的建議,設(shè)計(jì)一個(gè)簡(jiǎn)潔、有針對(duì)性并且不妨礙用戶(hù)的新手引導(dǎo)。

只提供開(kāi)始使用應(yīng)用所必需的信息。

好的新手引導(dǎo)應(yīng)該告訴用戶(hù)接下來(lái)第一步應(yīng)該做什么,或者簡(jiǎn)短地演示大部分用戶(hù)感興趣的一些功能。在能夠?yàn)g覽你的應(yīng)用之前,如果用戶(hù)遇到太多的信息,讓用戶(hù)記住這些不是當(dāng)前所必須的內(nèi)容,他們很可能會(huì)覺(jué)得你的應(yīng)用很難用。如果在某些特定場(chǎng)景下確實(shí)需要一些引導(dǎo),那么也應(yīng)該在用戶(hù)進(jìn)入這個(gè)場(chǎng)景之后再進(jìn)行。

使用交互動(dòng)畫(huà)來(lái)吸引用戶(hù),并讓用戶(hù)通過(guò)實(shí)際上手來(lái)學(xué)習(xí)如何使用。

對(duì)于文字內(nèi)容的增加應(yīng)該謹(jǐn)慎,且僅當(dāng)增加文字對(duì)于提升體驗(yàn)有益時(shí)才這么做。不要指望用戶(hù)會(huì)閱讀大段的文字。例如,可以使用動(dòng)畫(huà)而不是文字來(lái)描述如何執(zhí)行一個(gè)簡(jiǎn)單的任務(wù)。在引導(dǎo)用戶(hù)了解較為復(fù)雜的任務(wù)時(shí),可以通過(guò)一些引導(dǎo)浮層來(lái)簡(jiǎn)要說(shuō)明每一個(gè)步驟用戶(hù)需要做什么。盡可能避免展示應(yīng)用截圖,因?yàn)榻貓D是死的,用戶(hù)可能會(huì)混淆截圖和應(yīng)用的實(shí)際界面。

能夠簡(jiǎn)單地取消或者跳過(guò)新手引導(dǎo)。

有些用戶(hù)看完新手引導(dǎo)之后就不想再看,有些甚至根本就不想看新手引導(dǎo)。請(qǐng)記住用戶(hù)的選擇,不要強(qiáng)迫用戶(hù)每次打開(kāi)你的應(yīng)用都要再做一次選擇。

不要太早要求用戶(hù)去給你的應(yīng)用評(píng)分。過(guò)早要求用戶(hù)進(jìn)行評(píng)分可能會(huì)適得其反。如果你想獲得用戶(hù)有價(jià)值的反饋和評(píng)論,在邀請(qǐng)用戶(hù)評(píng)論之前,請(qǐng)給他們一點(diǎn)時(shí)間來(lái)使用你的應(yīng)用,并對(duì)你的應(yīng)用形成印象。例如,你可以等用戶(hù)訪問(wèn)了一定數(shù)量的頁(yè)面或完成了一定數(shù)量的任務(wù)之后,再邀請(qǐng)他們進(jìn)行評(píng)價(jià)。

一般建議按照屏幕默認(rèn)的定向方式啟動(dòng)你的應(yīng)用。盡管如此,如果你的應(yīng)用只有一種屏幕方向,那么就始終以這個(gè)方向啟動(dòng),讓用戶(hù)在他們自己需要時(shí)再改變?cè)O(shè)備方向。例如,一個(gè)游戲或者媒體觀看應(yīng)用只在橫屏模式下運(yùn)行,那么就應(yīng)該以橫屏模式啟動(dòng),即使設(shè)備當(dāng)前處于豎屏模式。這樣的話(huà),如果用戶(hù)在豎屏模式下打開(kāi)應(yīng)用,他們也知道應(yīng)該把設(shè)備轉(zhuǎn)成橫屏來(lái)進(jìn)行使用。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

注:最好讓橫屏應(yīng)用支持兩種模式的橫屏,即home鍵處于左右兩側(cè)的狀態(tài)。如果設(shè)備當(dāng)前已經(jīng)處于橫向狀態(tài),那么就按照當(dāng)前狀態(tài)啟動(dòng)應(yīng)用,除非你有充分的理由不這么做。其他情況時(shí),可以考慮按home鍵處于右側(cè)的方式啟動(dòng)應(yīng)用。(想要了解更多關(guān)于支持不同設(shè)備方向的內(nèi)容,請(qǐng)參閱Respond to Changes in Device Orientation.)

準(zhǔn)備一張與應(yīng)用首頁(yè)看上去一樣的閃屏。iOS會(huì)在啟動(dòng)應(yīng)用時(shí)調(diào)用這張圖,這樣可以讓用戶(hù)覺(jué)得啟動(dòng)速度很快,降低對(duì)等待時(shí)間的感知度。具體如何制作閃屏,請(qǐng)查閱Launch Images。(譯者注:Launch Images章節(jié)處在iOS Human Interface Guidelines的Icon and Image Design部分,翻譯將在后續(xù)更新中放出,煩請(qǐng)各位耐心等候。)

如果可能,不要讓用戶(hù)在初次啟動(dòng)應(yīng)用時(shí)閱讀免責(zé)聲明或者確認(rèn)用戶(hù)協(xié)議。你可以直接在App Store展示這些內(nèi)容,使用戶(hù)在下載前就有所了解;雖然這個(gè)辦法能最大地減少麻煩,但也不是一直可行。如果在某些情況下你必須展示這些內(nèi)容,要確保它們與UI保持統(tǒng)一并在產(chǎn)品功能與用戶(hù)體驗(yàn)之間達(dá)成平衡。

在應(yīng)用重啟后,需要恢復(fù)到用戶(hù)退出使用時(shí)的狀態(tài),讓他們可以從中斷之處繼續(xù)使用。無(wú)需讓用戶(hù)記住是如何達(dá)到此種退出狀態(tài)的。

1.4.2 時(shí)刻準(zhǔn)備好停止(Always Be Prepared to Stop)

iOS 應(yīng)用無(wú)需關(guān)閉或退出選項(xiàng)。當(dāng)用戶(hù)切換應(yīng)用,回到主屏幕或者將設(shè)備調(diào)至睡眠模式的時(shí)候,其實(shí)就是停止了當(dāng)前應(yīng)用的使用。

當(dāng)用戶(hù)切換應(yīng)用時(shí),iOS的多任務(wù)系統(tǒng)會(huì)將其放置到后臺(tái)并將新應(yīng)用的UI替換上來(lái)。在這種情況下,你必須做到以下幾點(diǎn):

隨時(shí)并盡快保存用戶(hù)信息,因?yàn)樵诤笈_(tái)的應(yīng)用隨時(shí)有可能被終止或退出。

當(dāng)應(yīng)用停止的時(shí)候保存當(dāng)前狀態(tài),使用戶(hù)可以在回到應(yīng)用時(shí)能從中斷之處繼續(xù)使用。例如,在使用可滾動(dòng)的數(shù)據(jù)列表時(shí),退出后保存列表所在的位置。

有些應(yīng)用可能需要一直在后臺(tái)運(yùn)行。例如,用戶(hù)可能希望能在使用一個(gè)應(yīng)用的同時(shí)還能一直聽(tīng)歌,接著又想用另外一個(gè)應(yīng)用來(lái)檢查代辦項(xiàng)或者玩游戲。關(guān)于如何正確處理多任務(wù),請(qǐng)查閱Multitasking。(譯者注:Multitasking章節(jié)處在iOS Human Interface Guidelines的iOS Technologies部分,翻譯將在后續(xù)更新中放出,煩請(qǐng)各位耐心等候。)

不要強(qiáng)制讓?xiě)?yīng)用退出。因?yàn)檫@樣會(huì)讓用戶(hù)誤以為是crash。如果有問(wèn)題產(chǎn)生,需要告訴用戶(hù)具體狀況以及如何解決。以下有兩個(gè)建議,取決于出現(xiàn)的問(wèn)題有多嚴(yán)重而酌情使用:

如果應(yīng)用中所有的功能當(dāng)前都不可用,那么應(yīng)該顯示一些內(nèi)容來(lái)解釋當(dāng)前的情形,并建議用戶(hù)如何進(jìn)行后續(xù)操作。這部分內(nèi)容給予了用戶(hù)以反饋,使用戶(hù)相信你的應(yīng)用現(xiàn)在沒(méi)問(wèn)題。同時(shí)這也可以穩(wěn)定用戶(hù)情緒,讓他們決定是否要采取糾正措施,繼續(xù)使用應(yīng)用,還是切換到另一個(gè)應(yīng)用。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

如果只有部分功能不可用,那么只要當(dāng)用戶(hù)使用這些功能時(shí)顯示提示即可。不然的話(huà),用戶(hù)就應(yīng)該能正常使用應(yīng)用的其他功能。如果你決定使用警告框來(lái)進(jìn)行提示,請(qǐng)確保只在用戶(hù)嘗試使用不可用的功能時(shí)再顯示。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

1.5 導(dǎo)航(Navigation)

除非導(dǎo)航設(shè)計(jì)的不合理,不然用戶(hù)不應(yīng)明顯察覺(jué)到應(yīng)用中的導(dǎo)航體驗(yàn)。放置導(dǎo)航到一個(gè)能夠支撐你的應(yīng)用結(jié)構(gòu)和目的卻又不過(guò)分引起用戶(hù)注意的狀態(tài)。

廣義來(lái)說(shuō),有三種主要類(lèi)型的導(dǎo)航,每種導(dǎo)航都有其適應(yīng)的應(yīng)用結(jié)構(gòu):

分層。

扁平。

內(nèi)容或經(jīng)驗(yàn)驅(qū)動(dòng)。

在分層應(yīng)用中,用戶(hù)在每個(gè)層級(jí)中都要選擇其中一項(xiàng),直到目的層級(jí)。如果要切換到另一個(gè)層級(jí),用戶(hù)必須回退一些層級(jí),或者直接回到初始層級(jí)進(jìn)行再次選擇。系統(tǒng)的設(shè)置和郵件應(yīng)用在這方面是很好的示范,可以參考他們。

document.createElement('video');

http://isux.tencent.com/wp-content/uploads/2014/09/20140922163952373.m4v

在扁平應(yīng)用中,用戶(hù)可以從一個(gè)主要分類(lèi)直接切換到另一個(gè),因?yàn)樗械闹饕诸?lèi)都可以從主屏直接訪問(wèn)。音樂(lè)和App Store是兩個(gè)使用扁平結(jié)構(gòu)的好例子。

http://isux.tencent.com/wp-content/uploads/2014/09/20140922164218524.m4v

在內(nèi)容驅(qū)動(dòng)或經(jīng)驗(yàn)驅(qū)動(dòng)信息結(jié)構(gòu)的應(yīng)用中,導(dǎo)航的內(nèi)容也會(huì)根據(jù)內(nèi)容或經(jīng)驗(yàn)來(lái)進(jìn)行設(shè)計(jì)。例如,在閱讀一本電子書(shū)時(shí),用戶(hù)會(huì)一頁(yè)接一頁(yè)地進(jìn)行閱讀,也會(huì)在目錄中選擇想要閱讀的頁(yè)碼跳轉(zhuǎn)后開(kāi)始閱讀。同樣的,在游戲應(yīng)用中,導(dǎo)航的作用也非常重要。

http://isux.tencent.com/wp-content/uploads/2014/09/20140922164218977.m4v

在某些情況下,在一個(gè)應(yīng)用中結(jié)合多種導(dǎo)航類(lèi)型會(huì)有很好的效果。例如,對(duì)于扁平信息結(jié)構(gòu)中某一分類(lèi)下的內(nèi)容,用分層導(dǎo)航的方式來(lái)顯示可能會(huì)更好。

用戶(hù)應(yīng)該時(shí)刻清楚自己當(dāng)前在應(yīng)用中所處的位置,以及如何前往他們所想到的頁(yè)面。

無(wú)論導(dǎo)航類(lèi)型是否適合你的應(yīng)用結(jié)構(gòu),最重要的是用戶(hù)訪問(wèn)內(nèi)容的路徑應(yīng)該是合理、可預(yù)期和易于尋找的。

UIKit定義了一些標(biāo)準(zhǔn)的UI元素,這些元素即可以構(gòu)建分層或扁平的導(dǎo)航,也可以實(shí)現(xiàn)以?xún)?nèi)容為中心的導(dǎo)航,例如電子書(shū)或者媒體觀看類(lèi)應(yīng)用。游戲或者其他經(jīng)驗(yàn)驅(qū)動(dòng)的應(yīng)用通常需要一些自定義的元素和行為。

使用導(dǎo)航欄(Navigation Bar)幫助用戶(hù)輕松訪問(wèn)分層內(nèi)容。導(dǎo)航欄的標(biāo)題可以顯示用戶(hù)當(dāng)前所處的層級(jí),而后退按鈕可以回到上一層級(jí)。查看Navigation Bar了解更多。

使用標(biāo)簽欄(Tab Bar)顯示同類(lèi)型的內(nèi)容或功能。標(biāo)簽欄很適合于扁平信息結(jié)構(gòu),可以讓用戶(hù)在分類(lèi)之間隨意切換,而不用在意當(dāng)前所處的位置。查看Tab Bar了解更多。

在應(yīng)用中,如果每屏顯示的都是同類(lèi)項(xiàng)或同類(lèi)頁(yè),可以使用頁(yè)面控件(Page Control)。頁(yè)面控件的優(yōu)點(diǎn)是可以直觀地告訴用戶(hù)共有多少個(gè)項(xiàng)目或頁(yè)面,以及當(dāng)前所處的位置。查看Page Control了解更多。

一般來(lái)說(shuō),最好能給用戶(hù)到達(dá)每一屏的路徑。如果用戶(hù)需要,就應(yīng)該考慮使用臨時(shí)視圖,例如模態(tài)視圖、動(dòng)作菜單或警告框。查看Modal View、Action SheetAlert了解更多。

(譯者注:上文提到的章節(jié)均處在iOS Human Interface Guidelines的第4章,翻譯將在后續(xù)更新中放出,煩請(qǐng)各位耐心等候。若有需要,亦可先參考先前已翻譯的iOS7 UI Elements章節(jié):,。)

UIKit同時(shí)還提供了以下相關(guān)控件:

分段控件(Segmented Control)。分段控件讓用戶(hù)在一屏內(nèi)就可以查看到不同分類(lèi)的內(nèi)容,而不需要切換到其他屏幕。

工具欄(Toolbar)。盡管工具欄看起來(lái)和導(dǎo)航欄或標(biāo)簽欄相似,但是工具欄不具導(dǎo)航作用。相反,工具欄為用戶(hù)提供了可以控制當(dāng)前屏幕內(nèi)容的控件。

1.6 模態(tài)情境(Modal Contexts)

模態(tài)是一個(gè)承載某些連貫操作或內(nèi)容的優(yōu)缺點(diǎn)并存的模式。它可以給用戶(hù)提供一種不脫離主任務(wù)的方式去完成一個(gè)任務(wù)或者獲得信息,但是也會(huì)臨時(shí)性地阻止用戶(hù)對(duì)應(yīng)用的其他部分進(jìn)行交互操作。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

理想情況下,用戶(hù)可以與iOS 應(yīng)用進(jìn)行一種非線(xiàn)性的交互,所以,盡可能減少應(yīng)用中的模態(tài)體驗(yàn)是最好的。通常情況,在以下情形下可以考慮使用模態(tài)情境:

?必須引起用戶(hù)關(guān)注的時(shí)候。

? 一個(gè)獨(dú)立的任務(wù)需要完成或者很明確需要被放棄,為了避免在模棱兩可的狀態(tài)下遺漏用戶(hù)信息的時(shí)候。

保持模態(tài)任務(wù)的簡(jiǎn)單,簡(jiǎn)短和高度聚焦。你肯定不希望用戶(hù)使用模態(tài)視圖時(shí)像使用應(yīng)用中的一個(gè)mini應(yīng)用一樣。如果子任務(wù)過(guò)于復(fù)雜,用戶(hù)會(huì)在進(jìn)入模態(tài)情境時(shí)忽略主要任務(wù)。在設(shè)計(jì)一個(gè)涉及視覺(jué)層次的模態(tài)任務(wù)時(shí)特別要考慮這一點(diǎn),因?yàn)橛脩?hù)有可能迷失并且忘記如何回到之前的操作中去。如果一個(gè)模態(tài)任務(wù)必須包含不同視圖的子任務(wù),確保給用戶(hù)一個(gè)獨(dú)立、清晰的導(dǎo)航路徑,并避免迂回。

始終提供明顯、安全的途徑退出模態(tài)任務(wù)。確保用戶(hù)在退出模態(tài)視圖時(shí)可以預(yù)期操作的結(jié)果。

一個(gè)任務(wù)需要多層級(jí)的模態(tài)視圖時(shí),確保用戶(hù)理解點(diǎn)擊完成按鈕的結(jié)果。點(diǎn)擊一個(gè)低層級(jí)視圖上的完成按鈕是完成這個(gè)視圖中任務(wù)的一部分,還是整個(gè)任務(wù)?因?yàn)榇嬖谶@種困惑的可能性,所以要盡可能避免在下級(jí)視圖中添加完成按鈕。

保證提醒對(duì)話(huà)框的內(nèi)容都是重要且可操作的。提醒對(duì)話(huà)框會(huì)打斷用戶(hù)的體驗(yàn)并且要點(diǎn)擊才會(huì)消失,所以要讓用戶(hù)感到提醒信息是有用的,打斷是有價(jià)值的。

尊重用戶(hù)關(guān)于接收通知的選擇。用戶(hù)會(huì)設(shè)置接收應(yīng)用通知的形式,必須尊重要用戶(hù)的喜好設(shè)置,否則可能觸怒用戶(hù),導(dǎo)致其關(guān)閉所有的推送通知。

1.7 交互性和反饋(Interactivity and Feedback)

1.7.1 用戶(hù)知道標(biāo)準(zhǔn)手勢(shì)(Users Know the Standard Gestures)

用戶(hù)使用點(diǎn)擊、拖拽、捏合等手勢(shì)與iOS設(shè)備進(jìn)行交互。使用手勢(shì)拉近了用戶(hù)和設(shè)備之間的距離,并且增強(qiáng)了直接操縱感。用戶(hù)通常期待手勢(shì)在不同應(yīng)用之間都是通用的。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

除了用戶(hù)熟悉的標(biāo)準(zhǔn)手勢(shì),iOS還定義了一些系統(tǒng)范圍內(nèi)的操作,例如呼出控制中心或消息中心。在任意應(yīng)用下都可以使用這些操作。

不要給標(biāo)準(zhǔn)手勢(shì)賦予不同的行為。除非你的應(yīng)用是游戲,否則重新定義標(biāo)準(zhǔn)手勢(shì)會(huì)使用戶(hù)迷惑,且增加使用難度。

不要?jiǎng)?chuàng)建和標(biāo)準(zhǔn)手勢(shì)功能相似的手勢(shì)操作。用戶(hù)已經(jīng)習(xí)慣了標(biāo)準(zhǔn)手勢(shì)的行為,沒(méi)有必要讓用戶(hù)學(xué)習(xí)達(dá)到同樣效果的不同操作。

可以用復(fù)雜手勢(shì)作為完成某任務(wù)的快捷方式,但不能是唯一觸達(dá)方式。最好給用戶(hù)提供一些簡(jiǎn)單、直接的方式完成某操作,即使這種方法需要額外的動(dòng)作。簡(jiǎn)單的手勢(shì)能讓用戶(hù)集中于當(dāng)前的體驗(yàn)和內(nèi)容,而不是交互操作本身。

除非是游戲,否則避免定義新的手勢(shì)。在游戲或其他沉浸式的應(yīng)用中,操作手勢(shì)也是有趣體驗(yàn)的一部分。但是在普通應(yīng)用中,幫助用戶(hù)達(dá)成目標(biāo)要比操作本身重要的多,所以最好使用標(biāo)準(zhǔn)手勢(shì),盡量避免讓用戶(hù)去發(fā)掘和記憶新的操作。

在特定的環(huán)境中,可以考慮使用多指操作。雖然復(fù)雜的操作并不一定適用于所有應(yīng)用,但對(duì)用戶(hù)會(huì)花大量時(shí)間使用的應(yīng)用來(lái)說(shuō)可以豐富體驗(yàn),例如游戲或創(chuàng)建內(nèi)容環(huán)境。但因?yàn)榉菢?biāo)準(zhǔn)手勢(shì)可發(fā)現(xiàn)性差,要盡量少用,并且不要讓這類(lèi)手勢(shì)成為完成任務(wù)的唯一方式。

1.7.2 可交互元素吸引用戶(hù)點(diǎn)擊(Interactive Elements Invite Touch)

為了暗示交互性,設(shè)計(jì)時(shí)會(huì)使用很多線(xiàn)索,包括顏色、位置、上下文、表意明確的圖標(biāo)和標(biāo)簽等。并不需要過(guò)于修飾元素來(lái)向用戶(hù)展示可交互性。

一個(gè)關(guān)鍵的顏色可以給用戶(hù)提供很強(qiáng)的視覺(jué)指引,尤其是沒(méi)有冗余的其它顏色時(shí)。為了有對(duì)比,使用藍(lán)色標(biāo)記可交互的元素,并且使用統(tǒng)一的、易識(shí)別的視覺(jué)風(fēng)格。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

返回按鈕使用多個(gè)線(xiàn)索指明其可交互性并傳達(dá)其功能:它出現(xiàn)在導(dǎo)航中,顯示了一個(gè)指向后方的圖標(biāo),使用了關(guān)鍵色,顯示了上一級(jí)頁(yè)面的標(biāo)題。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

一個(gè)圖標(biāo)或者標(biāo)題提供了清晰的名稱(chēng)指引用戶(hù)點(diǎn)擊它。例如,地圖中的標(biāo)題“立交橋路線(xiàn)”,“定位到這里”,清晰地說(shuō)明了用戶(hù)可做的操作。結(jié)合關(guān)鍵色,就可以省去按鈕邊界或其他多余的修飾。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

在內(nèi)容區(qū)域,有必要給按鈕添加邊界或背景。操作條中的按鈕、動(dòng)作表單和提醒對(duì)話(huà)框可以不需要邊界,因?yàn)橛脩?hù)知道在這種區(qū)域中大多數(shù)選項(xiàng)是可交互的。但是在內(nèi)容區(qū)域,按鈕有必要使用邊界或背景將按鈕從其他內(nèi)容中區(qū)分出來(lái)。例如,系統(tǒng)自帶的音樂(lè)、時(shí)鐘、照片和App Store應(yīng)用會(huì)在一些特別的場(chǎng)景中使用這種按鈕。

照片應(yīng)用中給分享按鈕增加了邊框,與其他解釋性文本進(jìn)行了區(qū)分。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

時(shí)鐘應(yīng)用在秒表和計(jì)時(shí)頁(yè)面中給按鈕增加背景來(lái)強(qiáng)調(diào)開(kāi)始和暫停按鈕,并且使按鈕在周?chē)膬?nèi)容中更容易點(diǎn)擊。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

App Store應(yīng)用中使用有邊界的按鈕,將按鈕和整個(gè)內(nèi)容條區(qū)分開(kāi)來(lái),點(diǎn)擊整條內(nèi)容查看詳細(xì)信息,點(diǎn)擊按鈕進(jìn)行下載安裝。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

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

反饋會(huì)幫助用戶(hù)了解應(yīng)用當(dāng)前在做什么,發(fā)現(xiàn)接下來(lái)可以做什么以及理解動(dòng)作產(chǎn)生的結(jié)果。UIKit提供了很多反饋。

盡可能將狀態(tài)或其他的反饋信息整合到UI中。用戶(hù)不進(jìn)行操作或不跳出當(dāng)前內(nèi)容就能獲得需要的信息是最好的。例如,郵箱應(yīng)用將當(dāng)前郵箱的狀態(tài)顯示工具條上,這樣就不會(huì)影響當(dāng)前內(nèi)容。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

避免顯示不必要的警告框。警告框是一種很強(qiáng)的反饋機(jī)制,只有在傳遞非常重要也是理論上可行的信息時(shí)才需要使用它。如果用戶(hù)常看到很多不是重要信息的警告框,他們很快就會(huì)忽略所有對(duì)話(huà)框提醒。

1.7.4 輸入信息的方式要簡(jiǎn)單(Inputting Information Should Be Easy)

不管用戶(hù)是點(diǎn)擊控件還是使用鍵盤(pán),輸入信息都會(huì)花費(fèi)時(shí)間和精力。如果發(fā)揮有用的效用前就讓用戶(hù)輸入大量信息會(huì)減弱用戶(hù)繼續(xù)使用的欲望。

讓用戶(hù)更容易地進(jìn)行選擇。例如,使用選擇器或者表格代替純文本,避免要求用戶(hù)打字來(lái)提高選擇效率,降低選擇成本。

[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

適宜地從iOS中獲取信息。設(shè)備上存儲(chǔ)了大量的用戶(hù)信息??梢缘脑?huà),不要讓用戶(hù)提供你可以輕易找到的信息,例如聯(lián)系人或日歷信息。

提供有用的反饋來(lái)平衡用戶(hù)的輸入。付出和回報(bào)的概念可以幫助用戶(hù)感到進(jìn)程在被推進(jìn)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容