iOS設(shè)備的用戶體驗(yàn)重點(diǎn)在用精簡(jiǎn)的交互控制用戶關(guān)心的內(nèi)容。本章的指南適用于所有iOS設(shè)備的應(yīng)用。
關(guān)注主任務(wù)
當(dāng)程序使用聚焦于它的主任務(wù)時(shí),使用起來(lái)一定神清氣爽。你對(duì)程序的定義能幫助你將程序的功能聚焦在主任務(wù)上(見(jiàn)“明確程序定義”)。為保持專注,你需要明確每一屏上重要的是什么。
分析每一屏需要什么。當(dāng)你確定在每一屏上呈現(xiàn)什么時(shí),始終問(wèn)問(wèn)自己,這是否是當(dāng)前用戶需要的關(guān)鍵信息或功能。如果答案是否定的,想想這些信息或功能在另一個(gè)環(huán)境中是否關(guān)鍵,又或者這些東西并沒(méi)有那么重要。
例如:iPhone日歷關(guān)注日子以及發(fā)生于某日的事件。用戶可以用明確標(biāo)注的按鈕高亮今天,選擇瀏覽方式,以及添加事件。
提升用戶關(guān)注內(nèi)容的權(quán)重
在游戲中,用戶關(guān)注感官體驗(yàn);他并不希望管理、消費(fèi)或者創(chuàng)造內(nèi)容。如果你在開(kāi)發(fā)游戲,可以通過(guò)提供愜意的故事、漂亮的圖片和反饋及時(shí)的游戲操控來(lái)提升體驗(yàn)。
如果你開(kāi)發(fā)的不是游戲,可以通過(guò)為用戶感興趣的信息設(shè)計(jì)微妙的框架結(jié)構(gòu)來(lái)幫助用戶關(guān)注內(nèi)容。這里是一些你可以做的事:
減小控件的數(shù)量和顯著性,降低它們?cè)诮缑嬷械臋?quán)重。Photos通過(guò)在透明的工具欄上放置幾個(gè)不突兀的控件來(lái)達(dá)成這一目的。
微妙地設(shè)計(jì)控件,使它和程序的圖片風(fēng)格一致起來(lái)。通過(guò)這種方式,控件既容易被發(fā)現(xiàn)、理解,也不會(huì)太突兀。
在用戶不再與使用控件一段時(shí)間后,讓它們漸隱消失。當(dāng)用戶敲擊屏幕時(shí)再出現(xiàn)。有時(shí)你會(huì)想讓程序的其他界面部分也漸隱。這對(duì)于需要營(yíng)造卷入感的程序由其合適,因?yàn)檫@空出更多的屏幕空間展示用戶想看的內(nèi)容。例如,Photos在用戶不使用控件一段時(shí)間后就將按鈕和工具欄隱去,以便讓用戶更關(guān)注內(nèi)容。當(dāng)用戶想對(duì)照片進(jìn)行操作時(shí),隨處輕輕一敲,控件就又出現(xiàn)了。
自上而下思考
屏幕頂部的內(nèi)容易被用戶看到,因?yàn)橛脩羰且匀缦路绞绞褂胕OS設(shè)備的:
用非利手(一般為左手)拿著,或者放在一個(gè)平面上,使用利手的手指做手勢(shì)
用一只手拿著,同時(shí)用該手的拇指做手勢(shì)
雙手端著,用兩只手的拇指做手勢(shì)
把常用的信息放在頂部附近。這里更容易被看到,也容易觸摸。當(dāng)用戶自上而下瀏覽屏幕時(shí),呈現(xiàn)的信息應(yīng)從概括向具體漸進(jìn),從高級(jí)向低級(jí)漸進(jìn)。(from general to specific and from high level to low level)
例如,在游戲中,常用動(dòng)作被放置在屏幕的上半部分。下半部分的屏幕用于呈現(xiàn)輔助性信息和控件。
讓用戶有邏輯可循
讓你展現(xiàn)信息的流程富有邏輯,易于被用戶預(yù)測(cè)。另外,一定要提供標(biāo)記,比如返回按鈕,讓用戶知道他們?cè)谀,如何追溯?lái)時(shí)的足跡。
大多數(shù)情況,只提供單一的路徑。如果很多情景都可能有通往某一屏的路徑,可以考慮使用能在不同環(huán)境出現(xiàn)的模態(tài)化的展現(xiàn)方式。(可能是指的彈出層這類元素吧,model view)
使用方法明顯、易用
努力讓用戶一眼就看出你的程序怎么用,因?yàn)槟悴荒芗僭O(shè)用戶都有時(shí)間來(lái)思考程序是怎么工作的。
第一時(shí)間呈現(xiàn)程序的主功能?梢允褂眠@樣的方法:
盡量減少控件,讓用戶不必思考該如何選擇
一致且和實(shí)地使用標(biāo)準(zhǔn)控件和手勢(shì),以便程序的行為符合用戶期望
控件名稱清晰易懂,讓用戶明確知道自己在干什么
與內(nèi)置程序的使用方法范式保持一致。用戶知道如何在各層級(jí)的屏幕間導(dǎo)航,編輯列表內(nèi)容,使用tab切換程序模式。可以通過(guò)不斷增強(qiáng)這種體驗(yàn)來(lái)讓用戶簡(jiǎn)單地使用你的程序。
在內(nèi)置的Stopwatch程序中,用戶一眼就能到那個(gè)按鈕觸發(fā)秒表,那個(gè)按鈕用于記錄每個(gè)人的時(shí)間(capture lap times)。

使用以用戶為中心的術(shù)語(yǔ)
所有用于與用戶溝通的文案,都需要保證你的用戶能夠理解。特別的,避免使用行業(yè)術(shù)語(yǔ)。多了解你的目標(biāo)用戶,以判斷所使用的文案是否適用于他們。
這個(gè)wi-fi設(shè)定使用樸素的語(yǔ)言解釋iOS如何反饋用戶的偏好設(shè)置。

減少對(duì)用戶輸入的需求
無(wú)論是觸摸控件還是使用鍵盤,輸入信息勞神費(fèi)力。如果你的程序在提供有用信息前要求用戶輸入一大堆信息,用戶就會(huì)對(duì)你的程序失去興趣。
平衡用戶的輸入與你為用戶提供的信息。換句話說(shuō),為用戶輸入的每條信息提供盡可能多且有用的信息和功能作為回報(bào)。這能讓用戶覺(jué)得他們?cè)谙蚰繕?biāo)前進(jìn),而非被你的程序拖后腿。
簡(jiǎn)化用戶的輸入方式。例如,可以使用表格或者拾取器,而非文本框。因?yàn)檫x擇遠(yuǎn)比輸入來(lái)的簡(jiǎn)單。
在合適的時(shí)候,從iOS獲取信息。用戶在設(shè)備上存了很多信息。如果你能從設(shè)備中很輕易的找到這些信息,就別麻煩用戶了。比如說(shuō)通訊錄、日程表等。
不要重視管理文件的操作
雖然iOS可以幫助用戶創(chuàng)建和管理文件,但這不意味著用戶應(yīng)當(dāng)清楚地認(rèn)識(shí)iOS設(shè)備上的文檔系統(tǒng)。
iOS上沒(méi)有和Mac OS X Finder相似的程序。不要要求用戶像使用電腦那樣管理文件。
不要強(qiáng)迫用戶面對(duì)任何鼓勵(lì)他們思考文件元數(shù)據(jù)的東西。例如:
一個(gè)展示文件層級(jí)的打開(kāi)或保存對(duì)話框
文件權(quán)限狀態(tài)的信息
相反,iOS設(shè)備的文檔管理程序應(yīng)該鼓勵(lì)用戶將“內(nèi)容”視作可供管理的物體。
如果你的程序容易用戶創(chuàng)建和編輯文檔,就應(yīng)該提供讓用戶拿來(lái)打開(kāi)已有文件或創(chuàng)建新文件的文檔拾取器(document picker)。它應(yīng)該:
高度圖形化的。用戶應(yīng)該能通過(guò)圖形化展示的文件迅速找到想要的文件。(比如ibook的書架)
容許人們用盡可能少的手勢(shì)就完成任務(wù)。例如,用戶在已存在的一堆文檔中水平翻頁(yè),然后輕觸一下想要的那個(gè)。
包括一個(gè)新建文檔功能。不要讓用戶到處找新建文檔的按鈕,可以用一個(gè)空的占位符圖片作為新建文檔的按鈕。
也可以在你的程序中使用Quick Look Preview功能預(yù)覽文檔,即使你的應(yīng)用無(wú)法打開(kāi)這類文檔。欲知更多,詳見(jiàn) “快速文件預(yù)覽”
容許協(xié)作和聯(lián)通
iOS設(shè)備是私人物品,但也鼓勵(lì)與他人進(jìn)行協(xié)作和分享。
在合適的時(shí)候,簡(jiǎn)化與別人的交互,分享諸如位置、設(shè)置、高分等。人們普遍希望分享對(duì)他們重要的信息。
大多數(shù)程序可以通過(guò)容許人們突破程序壁壘,與其他工具共享數(shù)據(jù)的方式加分。例如,iOS程序可以作為電腦程序的補(bǔ)充;蛘,iPad程序可能會(huì)容許用戶與該程序的iPhone版通訊。
對(duì)于iPad,要設(shè)想多人共用一臺(tái)iPad的情景。例如,兩個(gè)人可能在屏幕的兩邊玩對(duì)戰(zhàn)游戲;蛘吣M樂(lè)隊(duì)的程序容許多個(gè)人在同一設(shè)備上一起玩不同的樂(lè)器。
弱化設(shè)置
如果可以的話,避免在程序中加入設(shè)置模塊。設(shè)置包含偏愛(ài)的程序行為和信息,這些設(shè)定很少會(huì)改動(dòng)。用戶必須先退出程序,才能設(shè)置程序偏好。這絕非你想要的。
當(dāng)你把程序設(shè)計(jì)的符合用戶期望時(shí),設(shè)置的重要性就降低了。如果你需要用戶的信息,去問(wèn)iOS,而非拷問(wèn)用戶。如果你確信設(shè)置不可或缺,請(qǐng)參閱“iOS Application Programming Guide中”的“The Settings Bundle”。
讓用戶在程序中用配置選項(xiàng)(configuration options)來(lái)設(shè)置偏愛(ài)的程序行為。結(jié)構(gòu)選項(xiàng)可以讓程序在運(yùn)行中動(dòng)態(tài)響應(yīng)用戶的設(shè)置,用戶不想離開(kāi)程序再來(lái)設(shè)置它。
在主界面上提供配置選項(xiàng),或者在屏幕的背面。選項(xiàng)對(duì)任務(wù)的重要度和使用頻率將決定把控件放在哪里更合適。
■ 在主界面中,放置與主任務(wù)相關(guān)或者用戶要經(jīng)常更改的選項(xiàng)。
例如,iPad Calendar允許用戶以日、周、年為單位瀏覽日程表。這些配置選項(xiàng)被放置在主界面上,因?yàn)橐圆煌绞讲榭慈粘淌怯脩舻闹饕蝿?wù),而且會(huì)經(jīng)常切換。
游戲等注重即時(shí)體驗(yàn)的程序也應(yīng)提供配置選項(xiàng)。因?yàn)橛脩艚?jīng)常會(huì)在各種體驗(yàn)間往復(fù)切換。
■ 在iPhone app中,可以將用戶很少改變的選項(xiàng)放在屏幕背側(cè)。例如,Weather的主任務(wù)時(shí)展示某城市當(dāng)前的情況和6天的預(yù)報(bào)。雖然選擇溫度是攝氏還是華氏很重要,但已經(jīng)改變就不會(huì)再經(jīng)常變動(dòng)。所以可以把溫度單位的設(shè)置放在屏幕背后,這樣可以方便的拿到,同時(shí)也不礙眼。

品牌宣傳要適當(dāng)
精心準(zhǔn)備品牌的顏色或圖片。當(dāng)品牌設(shè)計(jì)的非常微妙、易懂時(shí)是有效的。用戶用你的程序是為了做事情或者娛樂(lè),他們不想被迫看廣告。為了佳的用戶體驗(yàn),你對(duì)品牌的宣傳要輕輕的。
避免和用戶關(guān)注的內(nèi)容搶占空間。例如,在屏幕頂部展示另一個(gè)一直呈現(xiàn)的工具欄,啥事兒也不干,只是放個(gè)商標(biāo),就會(huì)占用本應(yīng)屬于內(nèi)容的空間。可以想想其他不會(huì)太打擾用戶的方式,比如微妙地處理下屏幕背景(譯者按:弄成80%透明鋪在背景上什么的)。
搜索要反應(yīng)迅速、結(jié)果豐碩
在那些需要操控或展示海量數(shù)據(jù)的程序中,搜索是一個(gè)主要功能。如果你需要在程序中提供搜索,建議遵循以下指南:
建立索引,時(shí)刻為搜索做好準(zhǔn)備。不要等用戶請(qǐng)求搜索時(shí)才做,你不想讓程序給用戶留下不好的印象吧?
動(dòng)態(tài)過(guò)濾本地信息,以便快速反饋展示結(jié)果。好是在用戶輸入的時(shí)候就動(dòng)態(tài)的過(guò)濾信息,在用戶繼續(xù)輸入時(shí)精煉結(jié)果。雖然動(dòng)態(tài)過(guò)濾信息通常能提供頂級(jí)的用戶體驗(yàn),但并不總是現(xiàn)實(shí)的。當(dāng)動(dòng)態(tài)過(guò)濾不現(xiàn)實(shí)時(shí),你可以在用戶點(diǎn)擊鍵盤上的搜索鍵時(shí)開(kāi)始搜索。這樣做時(shí),要對(duì)搜索過(guò)程提供進(jìn)度反饋,這樣用戶就知道沒(méi)卡殼。
可能的話,也可以在用戶輸入時(shí)過(guò)濾遠(yuǎn)程數(shù)據(jù)。雖然過(guò)濾用戶的輸入能提供很好的搜索體驗(yàn),但如果響應(yīng)時(shí)間可能延遲一到兩秒時(shí),要征求用戶同意。
在列表或列表索引的頂部放置搜索框。用戶希望在這個(gè)位置找到搜索框,因?yàn)樗麄円呀?jīng)習(xí)慣了Contacts等應(yīng)用中的放置習(xí)慣。在這里放置搜索框意味著用戶翻滾列表或索引時(shí)不會(huì)有什么干擾,但又能在需要的時(shí)候方便地獲取。
只在一些特殊的情境中為搜索提供tab。如果搜索在你的程序中戲份很重,那你可能會(huì)想在一個(gè)獨(dú)立的模式中進(jìn)行搜索。在iTunes中,尋找和獲得音樂(lè)、播客是程序的重點(diǎn)。用戶想要在任何模式下都能迅速找到他們愛(ài)的歌曲、藝術(shù)家、播客。所以放置一個(gè)隨時(shí)可獲得的搜索tab是可以理解的。
有必要的話,放一些空的占位符,等數(shù)據(jù)可用時(shí)再去豐富它。通過(guò)這種方式,你可以敏捷地為用戶提供信息。在某局域網(wǎng)中不存在的視頻門戶網(wǎng)站上,用戶在點(diǎn)擊搜索按鈕后觸發(fā)了搜索請(qǐng)求。如果網(wǎng)速很慢,該網(wǎng)站先展示動(dòng)態(tài)的“l(fā)oading"”,這樣用戶就知道搜索在進(jìn)行中。
然后,該網(wǎng)站展示只有文本信息的列表,比如視頻標(biāo)題和用戶評(píng)分,以及代表視頻截圖的虛線框。當(dāng)用戶瀏覽視頻標(biāo)題列表時(shí),視頻縮略圖就逐漸將虛線框替代掉了。
如果數(shù)據(jù)可以自然地分為幾類,就提供一個(gè)scope bar。Scope bar包括多四個(gè)scope按鈕,每個(gè)代表一類。例如,Mail提供的Scope bar使得用戶可以只關(guān)注“收”“發(fā)”“標(biāo)題”,或者在全域內(nèi)搜索。Scope bar幫助用戶將搜索聚焦,顯著地減少結(jié)果數(shù)量。欲知詳情,詳見(jiàn)“范圍欄(Scope bar)”。
因篇幅太長(zhǎng)相關(guān)的內(nèi)容請(qǐng)查看“iOS_UI開(kāi)發(fā)之用戶體驗(yàn)指南(二)”及“iOS_UI開(kāi)發(fā)之用戶體驗(yàn)指南(三)”
|