尼爾森:關(guān)于 iPad 易用性的測試報告
著名的用戶體驗和易用性咨詢機(jī)構(gòu)尼爾森諾曼集團(tuán)最近發(fā)布了他們對iPad易用性所做的測試報告,結(jié)果并不令人樂觀。報告指出目前的iPad軟件在用戶介面的統(tǒng)一性和設(shè)計理念上有重大缺陷,這也進(jìn)一步讓人思考:被戲稱為「大號iPhone」的iPad,究竟對介面設(shè)計和交互設(shè)計提出了哪些新的要求和挑戰(zhàn)?作為用戶,對于十寸的觸屏和三點(diǎn)五寸的觸屏?xí)泻畏N不一樣的期待?在 iPad 軟件尚無權(quán)威性的介面設(shè)計規(guī)約的情況下,這份報告值得所有正在和將要做 iPad 軟件的設(shè)計師與程序員細(xì)讀。報告全文共九十三頁,PDF 文件可在此下載。雅各·尼爾森本人在博客寫了一篇概述,譯成中文如下。需要注意的是,這里的測試對象主要是 iPad 上的第三方軟件,報告中列舉的問題在蘋果自己設(shè)計的 iPad 軟件里要好一些。—— 編者
概要:iPad 軟件的介面設(shè)計缺乏統(tǒng)一性,各種功能不易被用戶發(fā)覺,用戶無意之間的手勢也很容易造成誤操作。此外,整個介面的隱喻【譯注一】過度接近印刷品,人機(jī)交互的方式也很怪異,這都會造成進(jìn)一步的易用性問題。
「看上去像一臺大號 iPhone,」這是我們要求用戶測試 iPad 時聽到的第一反應(yīng)。(第二反應(yīng)呢?「哇,好重?!梗?/p>
但從交互設(shè)計的角度來看,iPad 的介面不應(yīng)只是一個放大版的 iPhone 介面。
的確,我們的研究表明,iPad 底部的標(biāo)簽欄遠(yuǎn)不如 iPhone 的有效。在 iPhone 的小屏幕上,用戶即使將注意力集中在屏幕中央的內(nèi)容,也很容易注意到靜靜待在底部的標(biāo)簽欄。但 iPad 的大屏幕意味著用戶的視線會遠(yuǎn)離標(biāo)簽欄,并因而忽略(忘記)那幾個按鈕。
iPad 和 iPhone 還有一個重要區(qū)別:普通網(wǎng)站在 iPad 上的效果往往還算不錯。在我們之前做的?iPhone 易用性研究里,用戶認(rèn)為使用原生軟件的體驗遠(yuǎn)勝于直接訪問網(wǎng)頁。在那么小的屏幕上訪問大多數(shù)網(wǎng)站都非常痛苦。(針對移動設(shè)備優(yōu)化的網(wǎng)站要好一些,但即便是這些頁面的易用性也不及原生軟件。)
在 iPad 的大屏幕上,常規(guī)網(wǎng)頁的易用性是可以接受的。當(dāng)然,「手指肥大」的問題還是存在——這對于所有觸控屏都是問題,即手指較粗的用戶無法準(zhǔn)確地點(diǎn)按屏幕上尺寸較小的目標(biāo)。iPad 有「閱讀 / 點(diǎn)按尺寸不對稱」的問題:尺寸大到能讓用戶看得清的文字未必能夠讓所有人都很準(zhǔn)確地點(diǎn)中。因此,對于想吸引 iPad 用戶的網(wǎng)站,我們強(qiáng)烈推薦使用較大的點(diǎn)按區(qū)域。
此外,iPad 軟件環(huán)境的視覺元素較為簡約,規(guī)則也比較完備,大部分網(wǎng)頁的體驗則要豐富繁雜得多。當(dāng)用戶點(diǎn)擊某個原生 iPad 軟件里的鏈接跳轉(zhuǎn)至瀏覽器時,可能會不適應(yīng)。
過去十幾年來,每當(dāng)我們問人對一個為桌面瀏覽器設(shè)計的網(wǎng)頁的第一印象時,他們最常用的詞都是「眼花繚亂」。而用戶對許多 iPad 軟件的第一印象則是「漂亮」。這種更讓人舒心的用戶體驗當(dāng)然是好的,尤其是對于一臺更偏向于休閑電腦——而非商用電腦——的設(shè)備來說。不過,軟件如果只是漂亮,卻不能通過功能和內(nèi)容讓用戶得到實(shí)際的好處,就不能說是合格。
初始研究
我們對于 iPad 軟件易用性的初始研究是在蘋果發(fā)布 iPad 的幾個星期之后進(jìn)行的。我們對七名用戶進(jìn)行了測試,其中每個人都有至少三個月的 iPhone 使用經(jīng)驗,但只有一人事前用過 iPad。
(此人只用過一星期——過去我們進(jìn)行易用性測試時,通常要求參與者有至少一年的設(shè)備使用經(jīng)驗。)
這份調(diào)查報告所呈現(xiàn)的當(dāng)然只能算初步性結(jié)果。不過我們還是決定把它發(fā)布出來,因為 iPad 平臺比較特殊,在未來數(shù)月,我們會看到相當(dāng)多的 iPad 軟件誕生。如果我們目前對于 iPad 軟件的易用性問題已經(jīng)有了一定了解(無論這些了解是多么初級),但卻不共享給這些軟件的設(shè)計者,那是很可惜的。
我們測試了以下軟件和網(wǎng)站:
– ABC player
–?Alice in Wonderland Lite
– AP News
– Art Authority
– BBC News
– Bloomberg
– craigsphone (Craigslist)
– eBay (原生軟件,以及 ebay.com 網(wǎng)站)
– The Elements (物理課程軟件)
– Endless.com
– Epicurious
– ESPN Score Center
– ESPN.com
– Gap
– Gilt
– GQ
– GWR Lite (吉尼斯世界紀(jì)錄)
– iBooks
– IMDb
– iverse Comics
– Kayak (kayak.com)
– Marvel Comics
– MLB.com
– Nike.com
– Now Playing
– NPR (美國國家廣播電臺)
–?The New York Times Editors’ Choice
–?Popular Science
–?Time Magazine
–?USA Today
– virginamerica.com
– whitehouse.gov
– Wolfram Alpha
– Yahoo! Entertainment
怪異的介面
第一批 iPad 軟件讓人想起了 1993 年時的網(wǎng)頁設(shè)計。當(dāng)時 Mosaic 剛剛發(fā)明了「圖像熱區(qū)」技術(shù),可以把任何圖片中的任何區(qū)域設(shè)為介面元素。于是平面設(shè)計師蜂擁而上:只要是能畫得出來的東西,都可以被用作介面元素,不管合不合理。
iPad 軟件也是一樣:任何能顯示、能觸摸的東西都可以用作介面元素。沒有標(biāo)準(zhǔn)可言,設(shè)計師也不知道用戶的期待為何。
更糟糕的是,對于各種屏幕元素在用戶點(diǎn)按之后應(yīng)該有何反應(yīng)的問題,目前還不存在大家普遍認(rèn)可的規(guī)范。比較常見的美學(xué)風(fēng)格是使用較為平扁的圖片和視覺元素,讓軟件看起來有如被蝕刻在 iPad 屏幕上一樣。沒有燈光模型,也沒有偽裝的立體感來暗示某個視覺元素是「凸起」或「沉下」的(因而是可以與之互動的)。
相比之下,桌面軟件的設(shè)計一直都有大家普遍認(rèn)可的圖形介面設(shè)計規(guī)約,例如看上去凸起的按鈕是可以點(diǎn)擊的,滾動條和其他交互元素在視覺上必須和內(nèi)容有明顯區(qū)別。
傳統(tǒng)圖形介面設(shè)計中的「政教分離」特性——即內(nèi)容與功能 / 指令的分離——被帶入了現(xiàn)代網(wǎng)頁設(shè)計的世界。1993 年的那種圖像熱區(qū)設(shè)計早已失寵,任何想在互聯(lián)網(wǎng)上進(jìn)行商業(yè)發(fā)展的網(wǎng)站都不可能再用那種風(fēng)格了。
iPad 軟件的那種「屏幕蝕刻」風(fēng)格的確好看。沒有視覺干擾,沒有看上去充滿技術(shù)感的按鈕。但這種好看是以易用性為代價的。具體而言,一個自 1990 年代中期就已消失的易用性問題再度出現(xiàn)了:用戶不知道哪里可以點(diǎn)按。
過去十五年的網(wǎng)頁易用性研究所面臨的主要問題不是用戶不知道有哪些選項,而是他們不知道該「去哪」,不知道「該選那個選項」。iPad 軟件的介面讓我們又回到了這個原點(diǎn)。
不統(tǒng)一的交互設(shè)計
令問題進(jìn)一步惡化的是:用戶搞清楚了介面的用法之后,無法在其他的 iPad 軟件里重復(fù)應(yīng)用這套用法。每個軟件用來實(shí)現(xiàn)類似功能的介面都完全不一樣。
舉例來說,在不同的軟件里,點(diǎn)按一張圖片可能造成如下五個結(jié)果:
–?無結(jié)果
– 圖片被放大
– 進(jìn)入關(guān)于這張圖片的詳細(xì)頁面(超鏈接)
– 圖片被翻轉(zhuǎn),顯示出同一地點(diǎn)的其他圖片(這里的隱喻是新圖片位于原始圖片的「背后」)
–?彈出導(dǎo)航選項
USA Today 使用了最后一種設(shè)計:如果你點(diǎn)按報紙的標(biāo)識,它會彈出一張導(dǎo)航菜單,里面列有報紙的各個版塊。這可能是我們測試過的交互設(shè)計中最令人意外的一項,沒有一個用戶想到會是這樣的。
同樣,當(dāng)用戶讀到了屏幕底部之后,如想繼續(xù)閱讀,可能遇到如下三種不同的設(shè)計:
– 仍然停留在同一頁,并在文字區(qū)域內(nèi)往下滾動。這里的問題在于你必須在文字區(qū)域內(nèi)滾動才行,但文字區(qū)域在屏幕上并無明顯區(qū)分,故用戶必須靠猜才知道哪些文字是可以滾動的。
–?用手往左滑動頁面(這有時會把你帶到「下一篇文章」,而不是同一篇文章的下一頁)。不過這一手勢也有問題,比如在《紐約時報》的 iPad 版里,當(dāng)一個區(qū)域被廣告擋住時,往左滑動就不管用了。
–?用手往上滑動頁面。
iPad 的介面元素目前有三大問題會引起用戶的困惑:
–?不易發(fā)現(xiàn):在「蝕刻玻璃」的視覺美學(xué)之下,介面元素被藏了起來,用戶不知道哪里是可以進(jìn)行交互的。
–?不易記憶:各款 iPad 軟件對交互手勢的設(shè)計不同,會增加學(xué)習(xí)難度。如能更多利用規(guī)范手勢,會大有裨益。
–?容易誤觸:用戶不小心按到了某處,或是某個手勢無意間觸發(fā)了一個功能。
把這三個易用性問題加在一起,iPad 上的用戶體驗就往往會出現(xiàn)「不知道發(fā)生了什么事」或「不知道要再次出現(xiàn)同樣結(jié)果應(yīng)該怎么做」的情況。更糟糕的是,由于 iPad 軟件上沒有統(tǒng)一的「撤銷」(undo)功能(類似瀏覽器里的「后退」按鈕),用戶經(jīng)常不知道如何回到之前的狀態(tài)。
iPad 不是印刷品
很多以內(nèi)容為主的軟件都采用了「用手指滑動屏幕以跳轉(zhuǎn)到下一篇文章」的設(shè)計,這是源自印刷品的一種介面隱喻。這種隱喻非常根深蒂固,以至于這些軟件的「封面頁」里的文章標(biāo)題都是無法點(diǎn)按以跳轉(zhuǎn)到文章本身的。iPad 軟件基本沒有首頁的概念,但我們的測試結(jié)果表明用戶都很需要類似首頁的功能。(他們常常也需要搜索,這在很多軟件里也是缺席的。)
在電子媒介中,線性的「下一篇」這種概念并不合理。讀者更愿意從一張由相互關(guān)聯(lián)的項目組成的菜單中挑選,自己決定下一步去看什么。
關(guān)于 iPad 的用戶體驗設(shè)計有個策略性問題:究竟應(yīng)該賦權(quán)于用戶,還是堅持作者的權(quán)威性?早期的一些設(shè)計限制過多。長期使用萬維網(wǎng)的經(jīng)驗讓用戶學(xué)會了欣賞自由與控制權(quán),過于線性的體驗很難會讓他們滿意。
內(nèi)容出版人希望藉由將每本刊物設(shè)計成一個獨(dú)立的軟件環(huán)境來增加其價值感。同樣,他們也希望用戶不再是在無數(shù)個網(wǎng)頁里瞎逛,而是把時間花在少數(shù)幾個軟件里,認(rèn)為這樣會帶來更高的附加價值。
普通用戶使用桌面瀏覽器時,一周可以輕易訪問一百個網(wǎng)站,其中大部分都只看一到三個頁面。(舉例來說,在某次測試?yán)?,幾?B2B 用戶總共訪問了十五個網(wǎng)站,平均在每頁停留的時間是二十九秒。)大部分網(wǎng)站只會被訪問一次,因為它們要么是用戶在搜索過程中無意碰到的,要么是用戶從其他站點(diǎn)或社交媒體上的帖子里撞見的鏈接。在缺乏真正的用戶關(guān)系的情況下,內(nèi)容網(wǎng)站是沒有價值的,而用戶花在網(wǎng)上的時間所產(chǎn)生的經(jīng)濟(jì)價值有 90% 都被搜索引擎占去了。
iPad 軟件目前的設(shè)計策略無疑是朝著營造浸入式體驗的方向發(fā)展,這是為了增加用戶對個別信息源的粘性。這一點(diǎn)與萬維網(wǎng)給我們的啟示相悖。參差多態(tài)才是萬維網(wǎng)的力量的源泉,沒有網(wǎng)站能期望抓住用戶的全部注意力。用戶在網(wǎng)站和網(wǎng)站間頻繁跳轉(zhuǎn),驅(qū)使設(shè)計者遵循介面設(shè)計的規(guī)范,創(chuàng)造用戶出無需學(xué)習(xí)(甚至不用怎么看)即可使用的站點(diǎn)。如果 iPad 用戶真的只鎖定某幾個常用軟件的話,那么它的設(shè)計思路則會很不一樣。
「卡片」與「卷軸」
用戶介面先驅(qū)杰夫·拉斯金(Jef Raskin)曾經(jīng)用「卡片」與「卷軸」來區(qū)分兩種截然不同的超文本模型:
卡片的畫布尺寸是固定的。你可以在這個二維空間里隨意安排信息(可以實(shí)現(xiàn)漂亮的布局),但你不能擴(kuò)大該區(qū)域的尺寸。用戶要看更多的信息,就必須跳去另一張卡片。HyperCard 就是卡片模型的最著名實(shí)例。
卷軸有足夠的空間容納任何數(shù)量的信息,因為畫布可以隨意延展。用戶不需要經(jīng)常跳轉(zhuǎn),但卷軸的布局通常不那么精致,因為設(shè)計師無法控制用戶在任意時間點(diǎn)能夠看到哪些內(nèi)容。
萬維網(wǎng)絕對是卷軸派的,尤其是在今天。滾動網(wǎng)頁是家常便飯,用戶有時會查看長網(wǎng)頁底部很深處的信息。即便是手機(jī)軟件也經(jīng)常利用卷軸式介面來呈現(xiàn)小屏幕無法容納的信息。
對比之下,卡片派設(shè)計在早期的 iPad 軟件設(shè)計中占主導(dǎo)地位。滾動條也會不時出現(xiàn)在屏幕上,但大多數(shù)軟件都試圖在這塊漂亮的屏幕上呈現(xiàn)出一個固定的頁面布局。
這兩種模式如果并存下去并不奇怪:iPad 上是卡片派主導(dǎo),桌面電腦上是卷軸派主導(dǎo)(手機(jī)則居于兩者之間)。但兩種模式的融合也有可能出現(xiàn),卷軸式交互風(fēng)格的優(yōu)勢或許會令用戶期待 iPad 軟件更多地采納它。
如何改善 iPad 的用戶體驗
盡管這次初步的用戶研究有其局限性,但它還是為如何設(shè)計出易用性更高的 iPad 軟件提供了方向:
– 增加介面元素的立體感,更好地定義個別的交互區(qū)域,讓用戶能夠意識到這個元素可能提供的功能,從而減少發(fā)現(xiàn)交互元素的難度。
– 為了達(dá)成上述交互方面的改善,有必要適度放棄蝕刻玻璃美學(xué)。第一批 iPad 軟件大量使用了平扁化的視覺元素,在這一基礎(chǔ)上添加其他視覺元素或許會令屏幕看上去沒那么美觀,但設(shè)計師可以通過使用更加微妙的圖形介面來彌補(bǔ)這一點(diǎn)。例如,Windows 7 從蘋果那里繼承的圖形介面風(fēng)格就顯得太粗放了。
–?不要試圖通過古怪的設(shè)計來增加附加價值。更好的方法是保持交互元素的統(tǒng)一性,讓用戶專注于內(nèi)容本身,而不是為如何找到內(nèi)容而煩惱。
–?支持標(biāo)準(zhǔn)化導(dǎo)航,在大多數(shù)軟件里增加「后退」、搜索、可點(diǎn)擊的文章標(biāo)題、以及首頁等選項。
雖然我們的足本報告給出了更多更細(xì)化的建議,但我們顯然還未能制訂出一套完整的設(shè)計規(guī)約。
有一個重要問題大概在一年之后——在我們觀察了人們平日使用 iPad 的行為之后——才會有答案:與桌面電腦和移動萬維網(wǎng)相比,用戶在 iPad 上的活動會不會以更加浸入性的體驗為主?換言之,人們究竟會不會鎖定幾個軟件并深度使用之?還是說會在多個軟件之間頻繁跳轉(zhuǎn),每個都是蜻蜓點(diǎn)水?
或許人們會選擇在桌面電腦上進(jìn)行目的較為明確的活動,例如對新課題進(jìn)行調(diào)研,或是購物和投資管理等直接了當(dāng)?shù)氖聞?wù)。iPad 則以休閑為主,例如用來追新聞(無論是「真正的」新聞還是社交網(wǎng)站上的好友動態(tài)更新)和消費(fèi)娛樂性內(nèi)容。這個問題的答案我們還不知道,但它決定了 iPad 目前那怪異的用戶介面需要在多大程度上進(jìn)行改進(jìn)。
—
【譯注一】這里所謂「隱喻」(metaphor),指的是圖形介面對真實(shí)世界實(shí)體物的映射。例如電腦的「桌面」這個概念即實(shí)體辦公桌面的隱喻,用來代表回收站的垃圾桶是實(shí)體垃圾桶的隱喻,iBooks 的翻頁效果是實(shí)體紙書翻頁效果的隱喻,等等。
留言:http://apple4.us/2010/05/nielsen-norman-ipad-usability-first-findings.html
- 目前還沒評論,等你發(fā)揮!