立即啟動
iOS程序應(yīng)該在用戶想用它們的時候立刻啟動,毫無延遲。在啟動時,iOS程序應(yīng)該:
展示與應(yīng)用程序第一屏一樣的啟動圖片。這可以縮短對啟動時間的知覺。
避免呈現(xiàn)“關(guān)于”窗口或者splash。一般而言,避免添加任何阻礙用戶立刻使用程序的元素。
在iPhone上,提供合適的狀態(tài)欄樣式。通常,狀態(tài)欄要和程序的其他界面部分風(fēng)格一致。
以合適的默認(rèn)方向啟動。在iPhone上,默認(rèn)的方向豎屏模式。在iPad上,默認(rèn)方向是當(dāng)前設(shè)備的方向。如果你的設(shè)備只支持橫屏模式,就按橫屏模式啟動,不用管設(shè)備當(dāng)前的方向。用戶會去旋轉(zhuǎn)設(shè)備的。
只支持橫屏模式的應(yīng)用應(yīng)該支持兩種方向的橫屏模式(Home鍵在左或在右)。如果設(shè)備已經(jīng)是橫屏模式了,那就直接以此模式啟動,除非有別的很好的理由。其他情況下,程序應(yīng)以home鍵在右側(cè)的方向啟動。
避免向用戶詢問設(shè)置信息。應(yīng)遵照以下指南:
只為80%用戶解決問題。這樣的話,大部分用戶不需要設(shè)置,因?yàn)槟愕某绦蛞呀?jīng)按他們期望的方式設(shè)置好了。如果某個功能只有一點(diǎn)點(diǎn)用戶會用到,或者用一次就扔,這樣的功能還是放棄吧。
從用戶以外的地方獲得盡可能多的信息。如果你要用到任何用戶在內(nèi)置程序中儲存的信息,可以向系統(tǒng)提出請求。不要讓用戶再輸一次。
如果你必須從用戶那獲得信息,要讓用戶在程序內(nèi)進(jìn)行輸入。然后盡快把這些信息存下來。這樣,用戶就不用先退出程序才能進(jìn)到iOS設(shè)置里。如果用戶稍后還需要更改這些信息,他們可以在任何時候到程序的設(shè)置模塊。
從程序上次離開的位置啟動。記住如何回到上一次退出的位置不應(yīng)是用戶的責(zé)任。
隨時準(zhǔn)備停止
iOS程序需要在用戶按下Home鍵的時候停止,然后打開別的程序。所以用戶不會點(diǎn)擊程序的關(guān)閉按鈕或是從菜單里選擇退出。為了提供好的退出體驗(yàn),iOS程序應(yīng)該:
經(jīng)常且快速保存用戶進(jìn)度。因?yàn)橛脩艨赡茉谌魏螘r間選擇退出。
停止的時候保存當(dāng)前的狀態(tài),盡可能的保留細(xì)節(jié)。這樣用戶再次打開程序時不會損失細(xì)節(jié)。例如,如果你的應(yīng)用展示可翻頁的數(shù)據(jù),保存當(dāng)前的翻頁位置。
不要自動退出
絕對不要自動退出,因?yàn)橛脩魞A向于覺得是程序崩潰了。如果你的程序確實(shí)無法像預(yù)期的那樣工作,你需要告知用戶當(dāng)前的情景,解釋他們可以做什么;诋(dāng)前情景的危機(jī)程度,你有兩種選擇:
展示一屏吸引人的內(nèi)容,描述當(dāng)前的問題,提供修正。這屏內(nèi)容告知用戶程序沒出問題。它給予用戶控制權(quán),讓他們決定是采取補(bǔ)救措施還是忽略報錯,又或是按Home鍵然后打開別的程序。
如果只有部分功能失常,那就在用戶使用這些功能時彈出警告框。
有必要的話,展示許可證或者免責(zé)聲明
如果你提供終端用戶許可協(xié)議EULA,App Store會把它展示出來。用戶能在獲得程序前閱讀到它。
可能的話,避免用戶在第一次運(yùn)行程序時必須同意你的協(xié)議。沒有協(xié)議的話,用戶可以立刻享用你的程序。但是,即使這是更好的體驗(yàn),但并不適用所有情況。如果你必須讓用戶簽署協(xié)議,要讓簽署過程與你的界面和諧相處,減少對用戶的打擾。
可能的話,在程序描述或者EULA中提供免責(zé)聲明。用戶可以在App Store中瀏覽它,你可以平衡商業(yè)需求和用戶體驗(yàn)。
適用于iPad:增強(qiáng)交互性(別只增加功能點(diǎn))
好的iPad用戶給用戶創(chuàng)新地與內(nèi)容交互的體驗(yàn),同時幫助用戶完成任務(wù)。
忍住添加與主任務(wù)無關(guān)的功能點(diǎn)。探索讓用戶看更多、用更多的方法。不要以為iPad屏幕大是為了讓你把iPhone版程序上被砍掉的功能再找回來。
為了讓你的程序與眾不同,想一想怎么提升用戶體驗(yàn),不要讓瑣碎的功能點(diǎn)干擾主任務(wù)。例如:
一個讓用戶可以讀書、持續(xù)跟蹤閱讀列表的程序可以在大屏幕上給用戶帶來優(yōu)越的閱讀體驗(yàn)。用戶不必切換到其他屏幕去管理閱讀列表,就可以在彈出層里讓用戶把喜歡的章節(jié)復(fù)制進(jìn)去。這個程序還容許用戶添加書簽和標(biāo)注,和他人交換書單,比較閱讀進(jìn)度。
一個戰(zhàn)斗機(jī)游戲可能會在屏幕前蒙一層半透明的頭盔。玩家可以觸摸逼真的控件迎敵,或者在地圖上定位他們。
足球游戲可以展示一個更大更真實(shí)的球場以及細(xì)節(jié)更好的球員。用戶可以管理隊(duì)伍,定制球員。它還可以允許用戶不離開球場視圖就查看球員信息。它還支持多人模式,兩個人可以各用一隊(duì)。
記事本程序可能會提供在手繪模式與文字模式間切換的功能。用戶在記錄的時候可以在這些模式間切換。
適用于iPad:減少全屏轉(zhuǎn)場
哪部分內(nèi)容變了,就只有哪一部分轉(zhuǎn)場。在某些信息變化時,不要呈現(xiàn)全新的一屏,嘗試只是更新這一塊小區(qū)域。只轉(zhuǎn)換部分視圖和物體,不要換全屏。大多數(shù)時候,不建議做整屏切換。
每次只切換一部分屏幕的話,你的程序看起會很穩(wěn)定。這幫助用戶追蹤他在任務(wù)中的位置。你可以使用分欄顯示、浮出層等方式取代全屏切換。
適用于iPad:抑制你的信息層級
使用大屏幕和iPad特制的UI元素,讓用戶可以在一個地方獲取更多信息。雖然你不想把太多信息打包到一個屏幕上,你也不想讓用戶有必須到不同屏幕上找東西的感覺。
一般來說,主要內(nèi)容集中在主屏幕上,額外信息或工具用輔助手段展示,如popover。這使人們?nèi)菀撰@得他們所需要的功能,無需離開的主任務(wù)環(huán)境。
使用ipad的大屏幕以及分欄視圖和popover等界面元素,你不必再像iPhone那樣每屏展示一級。例如,你可以:
在右側(cè)分欄放置一個導(dǎo)航欄,讓用戶沿層級結(jié)構(gòu)向上回溯到頂級類目。該類目始終展示在左側(cè)分欄中。這至少可以讓你的層級結(jié)構(gòu)極少一級。因?yàn)橥粫r刻屏幕上至少有兩級內(nèi)容。

在左側(cè)分欄放置一個導(dǎo)航欄,讓用戶追溯一個比較淺的層級結(jié)構(gòu)。然后,把細(xì)一層的內(nèi)容呈現(xiàn)在右側(cè)分欄里。這樣同樣可以通過同時呈現(xiàn)兩級內(nèi)容來簡化層級。例如,以風(fēng)機(jī)視圖模式使用Mail時就使用了這種設(shè)計(jì),在左邊分欄展示賬戶、收件箱、郵件列表,右邊分欄展示每一份郵件的內(nèi)容。

使用浮出層實(shí)現(xiàn)操作或呈現(xiàn)用于操作屏幕上事物的工具。浮層可以在當(dāng)前屏幕的頂部臨時地展示操作和工具,這就意味著用戶不必轉(zhuǎn)場到其他屏幕來做這些事情。例如,豎屏模式的Mail使用浮出層來展示賬戶、郵件箱和郵件列表的層級結(jié)構(gòu)。

在工具欄上提供分段控件,來切換不同的信息呈現(xiàn)方式和不同的信息分類。這樣,你可以通過點(diǎn)擊屏幕頂部或底部的一個按鈕來展開浮層,切換瀏覽方式或分類。更多信息,請?jiān)斠姟肮ぞ邫凇焙汀胺侄慰丶。例如,iTunes在頂部工具欄提供分段控件,來切換某一類內(nèi)容的瀏覽方式。

使用tab欄切換不同信息類別或者程序模式。在iPad程序上,tab欄更有可能被用于過濾器或者類目切換,而非模式切換。例如,iTunes使用tab欄切換不同類型的媒體。

可能的話,避免使用tab欄切換全屏,因?yàn)閕Pad上好減少全屏切換的場景。
適用于iPad:考慮將浮出層用于不同模態(tài)的任務(wù)
在浮出層打開或處于模態(tài)視圖下時,用戶不能與主屏幕交互,在這一點(diǎn)上兩者是相似的。但是模態(tài)視圖總是模態(tài)的,而浮出層可以有兩種用法:
模態(tài)的:浮出層出現(xiàn)后,降低周圍區(qū)域的亮度,需要用戶主動點(diǎn)退出。這種情況與模態(tài)視圖非常相似,但浮出層給人的感覺更輕一點(diǎn)。
非模態(tài):浮出層周圍的區(qū)域不會變暗,用戶可以點(diǎn)擊浮出層周圍的任何區(qū)域來清除浮出層(發(fā)出激活浮出層的按鈕)。這種行為方式讓非模態(tài)浮出層看起來像從另一種角度觀察程序,而非進(jìn)入另一種狀態(tài)。
另外,浮出層總是有一個小箭頭,指向激活它的按鈕或區(qū)域。這個線索幫助用戶記住他們是從哪里進(jìn)入現(xiàn)在這個場景中的。這也使模態(tài)浮出層看起來只是暫時的,而不像模態(tài)那樣,不提示是怎么進(jìn)入到模態(tài)中來的。
如果你在iPhone中用模態(tài)視圖來呈現(xiàn)任務(wù),可以換浮出層試試。思考以下問題可以幫助你判斷使用浮出層是否合適:
該任務(wù)是否需要不同類型的輸入?Y?用浮出層吧
雖然鍵盤兼容浮出層和模態(tài)視圖,但浮出層更適合展示拾取器或一列選項(xiàng)。
該任務(wù)是否需要在多個層級的視圖間穿梭?Y?用浮出層吧
浮出層更適合展示多個頁面,因?yàn)橛脩舨蝗菀装阉椭黜撁媾臁?/p>
用戶希望能在任務(wù)完成前去主頁面上干點(diǎn)什么嗎?Y?用非模態(tài)浮出層吧
因?yàn)橛脩艨梢栽诜悄B(tài)浮出層周圍看到主頁面。輕輕一點(diǎn)主頁面,浮出層就消失了。記得保留浮出層里的任務(wù)進(jìn)度,用戶還可能再回來的。
任務(wù)足夠復(fù)雜嗎?是否是程序的主要功能?Y?用模態(tài)視圖吧
模態(tài)視圖伴隨很大的轉(zhuǎn)場,幫助用戶專注于任務(wù)直至完成。模態(tài)試圖的面積也足夠大,可以放置更多的輸入控件。
如果此任務(wù)是程序的主要功能,但是不是很深,模態(tài)化的浮出層會更為合適。這是因?yàn)楦〕鰧拥妮p盈更適用經(jīng)常執(zhí)行的任務(wù)。
如果,任務(wù)只執(zhí)行一次或寥寥數(shù)次,比如安裝過程??用模態(tài)視圖吧。
當(dāng)用戶只需要做一次任務(wù)的時候,他們不是很關(guān)心當(dāng)前的環(huán)境。
還有些popover的其他用法,比如說提供輔助工具(更多信息,請?jiān)斠姼〕鰧樱▋H限iPad)”)。而且,iPad還可以吧操作列表放在浮出層里(更多信息,請?jiān)斠姟安僮髁斜怼保?/p>
如果你決定使用模態(tài)視圖,請查閱有哪些樣式可供使用(更多信息,請?jiān)斠姟澳B(tài)試圖”)
適用于iPad:考慮將浮出層用于不同模態(tài)的任務(wù)
如果你的程序有工具欄,把它移到屏幕頂部吧,別放在下面了。iPad的屏幕非常寬,頂部的一條工具欄足夠放下所有的功能。這給你更多的垂直空間展示核心內(nèi)容。
例如,iPhone版Mail在瀏覽郵件頁面的工具欄上放置了刷新,管理,刪除,回復(fù)和書寫。

iPad版Mail在郵件上方的工具欄提供了其中四個按鈕。刷新按鈕移到了郵件箱列表。

因篇幅太長相關(guān)的內(nèi)容請查看“iOS_UI開發(fā)之用戶體驗(yàn)指南(一)”及“iOS_UI開發(fā)之用戶體驗(yàn)指南(二)”
|