交互設(shè)計(jì)的首要原則(上)

0 評(píng)論 8188 瀏覽 17 收藏 34 分鐘

無(wú)論是對(duì)于傳統(tǒng)的GUI環(huán)境、網(wǎng)絡(luò)、移動(dòng)機(jī)械設(shè)備、可穿戴設(shè)備、或者聯(lián)網(wǎng)的智能設(shè)備,接下來(lái)的介紹都是在設(shè)計(jì)中簡(jiǎn)單又快速起作用的原則。

這個(gè)新的修改提供了許多涉及到移動(dòng)設(shè)備、可穿戴設(shè)備、以及聯(lián)網(wǎng)智能設(shè)備的范例和爭(zhēng)議。雖然這些在命名和組織上都是相同的,但仍然有三個(gè)改變。我將其中一個(gè)原則的名稱縮短為“色盲”,色盲現(xiàn)在所蘊(yùn)含的意思并不僅僅用于形容人對(duì)色彩的感知,我加了一個(gè)新的原則——美感,并重提了兩個(gè)舊的原則——可發(fā)現(xiàn)性和簡(jiǎn)潔性。十幾年前我將不是研究問題的他們從列表中撤柜,如今,他們隨著新的發(fā)現(xiàn)帶來(lái)的問題,卷土重來(lái)。

真正發(fā)生了巨大變化的是更深入的細(xì)節(jié),你會(huì)在每一個(gè)類別中發(fā)現(xiàn)更多新的小原則,更多的解釋、案例分析和例子。

引文

高效的界面大多在視覺上色彩分明并且可變性較高,能夠讓用戶輕易地掌控。用戶能夠很快地看到每一個(gè)選項(xiàng)的功能,掌握如何實(shí)現(xiàn)他們的目標(biāo),并很快開始著手做事。它不需要用戶提供內(nèi)部系統(tǒng)的工作原理,用戶只需下簡(jiǎn)單的指令,每一個(gè)步驟就都會(huì)被認(rèn)真清楚地保留下來(lái),并隨時(shí)撤銷任何活動(dòng),同時(shí)開啟并執(zhí)行多項(xiàng)應(yīng)用工作。

因?yàn)樵诨ヂ?lián)網(wǎng)或者移動(dòng)設(shè)備上,應(yīng)用程序或服務(wù)不會(huì)被改變,那么這些設(shè)施的原則就會(huì)變得更加重要。

我喜歡蘋果,但它并不完美

我在這篇文章中寫了許多關(guān)于蘋果產(chǎn)品的例子,特別是它的界面常壞這一方面。蘋果在交互設(shè)計(jì)上有著許多革命性地突破,我深信這一個(gè)局面將一直持續(xù)下去。他們也存在缺陷,相對(duì)其他品牌較少,但由于我用的幾乎都是蘋果,我天天都會(huì)遇到面對(duì)和遭受這些缺陷。在我編寫這篇文章的時(shí)候,我用的是蘋果,那就很自然而然地我會(huì)用它來(lái)舉例了。

請(qǐng)不要因?yàn)檫@篇文章而覺得我是一個(gè)討厭蘋果的人。1978年,在我被喬布斯招募之后,我設(shè)計(jì)了蘋果公司第一個(gè)人機(jī)界面,我在蘋果公司待了14年,每一個(gè)蘋果新產(chǎn)品發(fā)布的第一天都能看到我排隊(duì)購(gòu)買的身影,我的大部分退休資金也用于投資蘋果的股票。我愛蘋果,支持蘋果,希望它能做得更好。

美感

?原則:美感設(shè)計(jì)最好就是留給那些對(duì)軟件駕輕就熟的圖形/視覺設(shè)計(jì)師

?原則:一切以實(shí)用性為前提

長(zhǎng)久以來(lái)時(shí)尚都是一個(gè)淘汰產(chǎn)品的元素,從衣服到車,皆無(wú)例外。一個(gè)新的時(shí)尚元素不應(yīng)該也不需要偏離用戶性能,大視覺效果或者大的行為程序改變有時(shí)還可以促進(jìn)生產(chǎn)力顯著增長(zhǎng)。

?原則:用戶能夠通過已被視覺設(shè)計(jì)出來(lái)的界面進(jìn)行相對(duì)的“視覺設(shè)計(jì)”

在用戶設(shè)計(jì)好自己的頁(yè)面后,與呈現(xiàn)出來(lái)的界面效果如果能夠相互切合,又不會(huì)影響原有設(shè)計(jì)程序和規(guī)劃的功能性,能讓用戶滿意,那么這個(gè)設(shè)計(jì)就算是在一定程度上取得了成功。如果不是的話,那么設(shè)計(jì)師們就要重新考慮新加入的美感的問題了。

預(yù)期

?原則:為用戶考慮每一個(gè)過程中所需要的所有的信息和工具

軟件與硬件系統(tǒng)應(yīng)該嘗試去預(yù)測(cè)及迎合用戶所需。不要等著讓用戶離開眼前的屏幕去搜尋他所需要的信息。他所需要的信息應(yīng)該是已經(jīng)被安置放在他眼前,能夠隨手用的。

預(yù)期設(shè)置要求設(shè)計(jì)師能深入地了解他任務(wù)關(guān)鍵所在和用戶所需,洞察出用戶的欲求。同時(shí)也要求足夠的測(cè)試去確保目標(biāo)是否真正地實(shí)現(xiàn)。如果一個(gè)工具或者信息來(lái)源就在屏幕上,但用戶卻找不到,那么它就沒有存在的價(jià)值了。

失敗來(lái)臨前不會(huì)提前通知你,它總是突襲并且久久不愿離去。特別是如果你沒有一個(gè)受你俘虜?shù)挠脩?,正如公共網(wǎng)址和一些應(yīng)用程序,用戶開始使用后通常都不會(huì)停止使用它們。但即使你有一個(gè)受俘虜?shù)挠脩?,你沒有受你俘虜?shù)目蛻簦@個(gè)客戶的員工在花費(fèi)時(shí)間去找新的資源,那么你的競(jìng)爭(zhēng)對(duì)手將有機(jī)會(huì)扳得一局。

自主性

?原則:計(jì)算機(jī)、界面設(shè)備和任務(wù)環(huán)境都“屬于”用戶,但追求用戶的自主性并不意味著我們放棄了我們的原則

給用戶自主選擇的空間。讓用戶能夠快速學(xué)習(xí)并掌握設(shè)備,能感覺自己在掌控設(shè)備。但要相對(duì)地給予自由和界限。小孩會(huì)在封閉的小房間哭泣,也會(huì)在空大的房間里哭泣。成年人也同樣如此。成年人感覺最舒適的,是既不封閉又不會(huì)過于空大的環(huán)境,他們喜歡在環(huán)境里自由探索,但又不危險(xiǎn)。

?原則:讓用戶自己做決定,即使效果可能會(huì)差強(qiáng)人意,失去審美和效率

自主意味著讓用戶決定他們想要什么鍵盤就用什么鍵盤,想要桌面設(shè)計(jì)成怎么樣就設(shè)計(jì)成怎么樣(即使他們喜歡混亂),又或者喜歡什么應(yīng)用程序就要什么應(yīng)用程序。如果開發(fā)人員將這種控制權(quán)帶走了,那么用戶就會(huì)感到沮喪和生氣。

?原則:練習(xí)負(fù)責(zé)控制

給用戶自主并不意味著開發(fā)人員應(yīng)該放棄所有的控制。與此相反,開發(fā)人員必須掌控必要的控制,給用戶過多的選擇會(huì)造成適得其反,無(wú)法選擇的結(jié)果。然而,就在今天,不少開發(fā)商不僅過度地控制設(shè)備設(shè)計(jì),還在過程中造成巨大的人機(jī)交互上的一些錯(cuò)誤。例如,文章中的字體及其大小收到限制,但人的普通視力無(wú)法正常的進(jìn)行閱讀。在設(shè)計(jì)程序時(shí)提供的編輯文案并沒有考慮實(shí)際,單純地考慮到用戶用他的的胖手指用文本光標(biāo)去移動(dòng)編輯修改文字,以符合審美需求,卻沒有考慮到功能的已經(jīng)受損缺失。

比如,他們還會(huì)隨意設(shè)置時(shí)間界限來(lái)決定一個(gè)用戶是否是有意按壓一個(gè)鏈接的,而非只要用戶觸碰一下并向上滑動(dòng)屏幕就開始滾動(dòng)了。他們也不會(huì)給用戶改變這個(gè)時(shí)間界限的機(jī)會(huì),于是很多用戶因誤觸屏幕進(jìn)入本不想打開的頁(yè)面,這樣的情況每天都會(huì)發(fā)生很多次。這就是一個(gè)不負(fù)責(zé)任的控制設(shè)計(jì)。30年前,我們學(xué)習(xí)到用戶要通過雙擊打開一個(gè)文件。觸屏設(shè)備的用戶也需要同樣的東西來(lái)控制打開鏈接所需要的停留時(shí)間。


眼動(dòng)追蹤

分分鐘的完美鏈接觸發(fā)口

在解決這種意外鏈接觸發(fā)時(shí),你需要考慮用戶之間的區(qū)別,即用戶是不小心觸發(fā)了鏈接和用戶想要觸發(fā)鏈接兩者之間的區(qū)別。

想想看這兩者之間的區(qū)別其實(shí)很簡(jiǎn)單。當(dāng)我嘗試觸發(fā)一個(gè)鏈接時(shí)我會(huì)看著它。如果是意外觸發(fā)的鏈接我不會(huì)看著它。打開相機(jī)或者使用一個(gè)內(nèi)置的專用眼動(dòng)跟蹤器去查看用戶的眼睛,如果他看著鏈接的時(shí)間足夠長(zhǎng)到他的腦海里已經(jīng)有了鏈接的印象并且發(fā)現(xiàn)他正觸碰它,那么就說明用戶正在主動(dòng)去觸發(fā)鏈接。如果他并沒有看著鏈接,那么就是意外地觸碰到了的鏈接了。即如果你有目的有動(dòng)機(jī)時(shí),你就是想要觸發(fā)鏈接。但當(dāng)你認(rèn)為用戶不是在故意觸碰到鏈接時(shí),你可能忽略了一個(gè)事實(shí),那就是——用戶正在觸碰它。

為了節(jié)約能量,實(shí)施這種方法,在用戶點(diǎn)擊鏈接前相機(jī)或者眼動(dòng)跟蹤器不需要打開,這種方法還需要微調(diào)時(shí)間進(jìn)行發(fā)展,但還待考究是否準(zhǔn)確。

這可能已經(jīng)被發(fā)明出來(lái)了,但如果沒有,我把它叫做“眼動(dòng)跟蹤法——降低意外觸發(fā)鏈接行為”,并在此將其放置于共有的公共文化財(cái)產(chǎn)中。

?原則:用狀態(tài)機(jī)制讓用戶時(shí)刻都能知道和了解信息

沒有自主是能在缺乏控制的情況下存在的,同時(shí)控制也不能在缺乏信息下存在。狀態(tài)機(jī)制是為用戶提供必要條件并讓用戶時(shí)刻能夠應(yīng)變不斷改變的環(huán)境的重要條件。

?原則:時(shí)刻保持用簡(jiǎn)單的視圖來(lái)更新狀態(tài)

如果等著用戶來(lái)找狀態(tài)信息,那樣就太遲了。相反,他們應(yīng)該能夠看一眼他們的工作環(huán)境就能很快地收集到第一手資料信息和狀態(tài)。

?原則:確保狀態(tài)信息的準(zhǔn)確性

狀態(tài)信息的更新有時(shí)并不準(zhǔn)確。我在撰寫這篇文章時(shí),遇到一個(gè)狀況,一個(gè)用戶更新iPhone或iPad的新一代系統(tǒng)軟件時(shí),進(jìn)度指示器顯示它大約需要五分鐘來(lái)完成這個(gè)任務(wù)。但實(shí)際上,它通常需要一個(gè)小時(shí)或更多的時(shí)間。(新系統(tǒng)本身自我審計(jì)需要五分鐘,但緊接而至的幾百兆幾萬(wàn)兆的信息都需要被轉(zhuǎn)載)。果斷被騙了,但又只能帶著不自在的感覺拿回她的設(shè)備。

顏色

色盲

?原則:無(wú)論何時(shí)當(dāng)你在交流中使用顏色去傳達(dá)信息時(shí),你應(yīng)該使用清晰地,次要的線索去傳達(dá)信息給那些無(wú)法看到呈現(xiàn)出來(lái)的顏色的人群。

當(dāng)下,大多數(shù)人有著彩色的顯示器。然而,大約10%的男性和少于1%的女性都有著某種形式的色盲。

?原則:現(xiàn)場(chǎng)測(cè)試一下,看你到底是什么顏色的色盲

在Google上搜索模擬工具。例如,對(duì)于網(wǎng)站,你應(yīng)該嘗試一下http://enably.com/chrometric/

對(duì)于圖像,則是http://www.colblindor.com/coblis-color-blindness-simulator/


左圖為紅色盲,右圖為藍(lán)色盲

顏色是一種重要的對(duì)接元素

?原則:不要在交流中回避顏色,因?yàn)椴⒉皇撬械氖褂谜叨寄芸吹剿械念伾?/p>

顏色是度量我們有限的溝通能力的重要尺度。比起一個(gè)完全不能看到、被關(guān)閉了整個(gè)畫面的人,一個(gè)只是被剝離了顏色的色盲可以做的其實(shí)還有很多。對(duì)于那些人來(lái)說,一個(gè)備用線索的存在是很重要的。

?原則:不要因?yàn)橐粋€(gè)過去的圖像設(shè)計(jì)風(fēng)尚而在交流中剝離或者忽略顏色的暗示

通過時(shí)尚產(chǎn)生人工的報(bào)廢是一種傳統(tǒng)有效地方法來(lái)完成從衣服到車這些產(chǎn)品的轉(zhuǎn)變。然而,一種新的時(shí)尚不應(yīng)該也不需要從用戶性能上進(jìn)行減損。在完成了審美上的改變之后的用戶測(cè)試,會(huì)成為新舊設(shè)計(jì)之間衡量的標(biāo)桿。要確保易學(xué)性、滿意度和生產(chǎn)率已經(jīng)得到提高或者至少保持不變的水平。如果無(wú)法達(dá)到,那么會(huì)導(dǎo)致新問題的這些新添加進(jìn)去的審美元素將會(huì)被重新考慮。

一致性

如果那些對(duì)用戶來(lái)說最重要的一致性領(lǐng)域沒有受到嚴(yán)重的擾亂,接下來(lái)的這四個(gè)放到一起的一致性原則,給交互設(shè)計(jì)師在產(chǎn)品的演變上提供了巨大的跨度。

一致性的級(jí)別

以下清單是根據(jù)那些需要最忠實(shí)的一致性努力的界面元素來(lái)排列給那些最需要的人。(有些人假設(shè)這些項(xiàng)目1至6的順序應(yīng)該被準(zhǔn)確的逆轉(zhuǎn)。這會(huì)導(dǎo)致當(dāng)用戶面對(duì)那些看起來(lái)相似但實(shí)際上表現(xiàn)完全不同的頁(yè)面時(shí)會(huì)產(chǎn)生確實(shí)的混亂。)

1.最高級(jí)的一致性

平臺(tái)的一致性:通常帶有一致的法律上和事實(shí)上的標(biāo)準(zhǔn)。

內(nèi)部的一致性:在你的產(chǎn)品或者服務(wù)上維持一個(gè)正常的外觀和感覺。

要聯(lián)系商標(biāo)并且使你的其他產(chǎn)品和服務(wù)上更容易、迅速的得到采納。

2.一套產(chǎn)品上的一致性,如:微軟辦公工具

通常外觀和感覺要和所有的系列的產(chǎn)品聯(lián)系在一起。

3.一個(gè)單一的應(yīng)用程序、介紹或者服務(wù)啟動(dòng)畫面、設(shè)計(jì)元素等的整體外觀和感覺

一個(gè)視覺性的產(chǎn)品應(yīng)該被有目的性的建立并且經(jīng)過對(duì)視覺語(yǔ)言的深思熟慮,最后形成于可用性測(cè)試。

4.小型的可見的結(jié)構(gòu),例如:圖標(biāo)、符號(hào)、按鈕、滾動(dòng)條等。

如果人們沒有花費(fèi)一半的時(shí)間來(lái)嘗試弄清楚怎么去滾動(dòng)或者打印,那么這些對(duì)象的外觀就需要被嚴(yán)格的控制。他們的位置相比于他們的外觀僅略顯次要。如果在哪里規(guī)范它的位置是有意義的,那么就這樣做吧。

5.隱形結(jié)構(gòu)

隱形結(jié)構(gòu)是指像微軟WORD里的那個(gè)巧妙地有著多種神奇的性能的小型左邊框,只要你能發(fā)現(xiàn)他的存在。它有可能會(huì)或可能不會(huì)出現(xiàn)在你這個(gè)版本的WORD里面。如果沒有,那么因?yàn)樗牟豢梢娦?,你可能永遠(yuǎn)都不會(huì)確切的知道他是否真的在那里。如果你堅(jiān)持使用他們,那么你就會(huì)清楚的了解到隱形結(jié)構(gòu)的問題所在,和為什么嚴(yán)格的一致性會(huì)尤為重要。

蘋果明顯的想到了這是個(gè)很好的注意,并且開始通過到處在產(chǎn)品中加入從滾動(dòng)條到按鈕這些隱形結(jié)構(gòu)來(lái)復(fù)制微軟的做法。這樣的一種情況在Mac上卻顯得很糟糕。在21世紀(jì)早期,用戶發(fā)現(xiàn)使用電腦許多最基礎(chǔ)功能的唯一方法就是使用Google尋求幫助。

嚴(yán)格來(lái)說,一些可見的對(duì)象像是并沒有被操控過,因此對(duì)于自己的設(shè)備,使用者可能從來(lái)都沒有發(fā)現(xiàn)他們被操控后的作用。如果你非常堅(jiān)持偽裝控制,那么秘密的法則就會(huì)爽快的出現(xiàn)。例如:你可以點(diǎn)擊和拖動(dòng)當(dāng)前的Macintosh 窗口來(lái)調(diào)整他們的大小?;蛘哂袝r(shí)候你可以點(diǎn)擊和拖動(dòng)不同的東西,但不是其他東西其他時(shí)候。要多嘗試各種東西,并看看會(huì)有什么會(huì)發(fā)生。

如果有的話,比起被用于產(chǎn)生信息的對(duì)象,包含信息的對(duì)象應(yīng)該很少被隱藏起來(lái)。蘋果在隱形的Macintosh 上制作滾動(dòng)條時(shí)已經(jīng)違反了這個(gè)原則,直到被另一個(gè)使用者超越了他們。

6.用戶行為的解釋

改變你對(duì)使用者習(xí)慣性行為的解釋是你對(duì)使用者所做的其中一個(gè)最糟糕的事情??旖萱I必須要維持他們的意義。一個(gè)習(xí)慣的手勢(shì)必須以標(biāo)準(zhǔn)的方式進(jìn)行解釋。如果一個(gè)用來(lái)帶使用者去下一頁(yè)或者下一幕的按鈕在過去30年里一直是位于右下方,那么就不要把它移動(dòng)到右上方。改變一個(gè)需要使用者忘掉下意識(shí)的動(dòng)作并且學(xué)習(xí)新的動(dòng)作的按鈕的位置,對(duì)使用者來(lái)說是會(huì)令他極其的挫敗的。使用者甚至很可能會(huì)沒有意識(shí)到發(fā)生了什么,并假設(shè)是他們的硬件或者是軟件出現(xiàn)了問題。

如果你想要去吸引其他產(chǎn)品現(xiàn)有的用戶到你的產(chǎn)品中,你應(yīng)該嘗試著通過同樣的方式去解讀你的新用戶的命令。例如:允許他們?nèi)ブ貜?fù)使用那些他們已經(jīng)習(xí)慣了的相同的快捷鍵。

案例分析:蘋果“命令”(Command)鍵的修改

幾年前,蘋果最終為了他們鍵盤的快捷鍵而讓windows 用戶能以一個(gè)簡(jiǎn)單的方式來(lái)繼續(xù)使用控制鍵,而不是為了命令鍵。那些新接觸Mac的windows 用戶在忘卻或重新學(xué)習(xí)這樣一個(gè)根深蒂固的習(xí)慣時(shí)面臨著巨大的困難。隨著在辦公室和家里之間移動(dòng)而不得不在2種操作系統(tǒng)之間轉(zhuǎn)換,用戶不得不每天兩次的進(jìn)行忘卻和重新學(xué)習(xí),并且最終會(huì)不斷地持續(xù)犯錯(cuò)和在每一次想要利用那些不在快捷的快捷鍵的時(shí)候,不得不拋開他們的任務(wù)來(lái)有意識(shí)的考慮要按什么修飾鍵。轉(zhuǎn)換和使用雙操作系統(tǒng)大部分的難度由于這一個(gè)功能的缺失,并且這從一開始就是一個(gè)完全沒有必要的障礙。

感應(yīng)的不一致性

?原則:當(dāng)事情作用不同時(shí),視覺上不一致是很重要的。因?yàn)楫?dāng)事情作用相同,它在視覺上保持一致性。

要使作用不同的對(duì)象看起來(lái)不同。例如,垃圾桶是使用者可能會(huì)把垃圾放進(jìn)去并且會(huì)在之后拉回來(lái)的對(duì)象。如果你想跳過這個(gè)“把它拉回來(lái)”的功能,那也沒問題。只要使它看起來(lái)像焚化爐或碎紙機(jī)或者其他除了垃圾桶以外的東西。

使更改過的網(wǎng)頁(yè)看起來(lái)更改過。如果有人在一個(gè)更新過的網(wǎng)站或修訂過的應(yīng)用系統(tǒng)里遇到了不熟悉的頁(yè)面,他們能知道去環(huán)顧并且找到不同的是什么。如果沒有這樣一個(gè)隱射,他們會(huì)嘗試去使用這個(gè)頁(yè)面確切來(lái)說就像他們一直做的那樣,并且這將會(huì)失敗。

持續(xù)性

?原則:隨著時(shí)間的推移,爭(zhēng)取持續(xù)性而不是一致性

如果你拿出你的產(chǎn)品重新加工的地方或者甚至拿出一個(gè)全新的產(chǎn)品,讓人們即刻辨識(shí)出某些發(fā)生過的巨大變化。否則,他們將會(huì)跳進(jìn)試圖使用的,準(zhǔn)確來(lái)說是他們總是用的那個(gè)方法而那個(gè)方法將不會(huì)有效?!熬鶆蛐浴睂⒁馕吨愕南乱粋€(gè)產(chǎn)品建輝和你最后一個(gè)產(chǎn)品相同,這顯然是錯(cuò)誤的。但“一致性”在一個(gè)會(huì)有很多發(fā)展出現(xiàn)的領(lǐng)域中會(huì)相對(duì)好一點(diǎn)。我們的目標(biāo)是連續(xù)性,有一條貫穿我們各種各樣的產(chǎn)品的線。還有就是解放,指引著我們的用戶,而非捆綁著我們的過去。

與用戶期待的一致

?原則:最重要的一致就是和用戶期待的一致——威廉·巴克斯頓

能為事物怎樣運(yùn)轉(zhuǎn)而做出一個(gè)多么精彩的邏輯論證都不要緊。如果用戶期待它以一個(gè)不同的方式運(yùn)轉(zhuǎn),那么想要改變這些期望的你將要面對(duì)的將是一個(gè)上坡和常常無(wú)法取勝的斗爭(zhēng)。如果你的方法并沒有提供一個(gè)明顯的優(yōu)勢(shì),那么就像你的用戶所期望的方向進(jìn)發(fā)吧。


施樂1981年推出的圖形界面操作系統(tǒng):Xerox 8010 Star,據(jù)說這個(gè)界面是蘋果圖形界面靈感的來(lái)由

案例分析:施樂之星拖動(dòng)規(guī)則

這個(gè)施樂之星提出的拖動(dòng)圖標(biāo)的規(guī)則是一個(gè)優(yōu)雅的典范:

建議規(guī)則:拖動(dòng)一個(gè)文件的圖標(biāo)從一個(gè)對(duì)象(例如:文件夾或磁盤)到桌面上的另外一個(gè)對(duì)象將會(huì)移動(dòng)文件。

很好學(xué),也很好理解。邏輯的,受教的,糟糕的。這個(gè)規(guī)則,要公平,要在大多數(shù)時(shí)候都行之有效。在某些情況下,它甚至要比我們今天所使用的那些更復(fù)雜的規(guī)則要有效得多。例如,如果你從你桌面上的文件夾里拖動(dòng)一個(gè)文件到一個(gè)軟盤里,那么相比于復(fù)制到你的軟盤上,移動(dòng)文件會(huì)好得多。如果你在家里的文件上做了更改,那么使用那個(gè)現(xiàn)在在軟盤上的文件,你可以第二天早上把文件放回你的桌面工作上,而不需要新版本和前天留下的過時(shí)了的舊版本。你只要有一個(gè)真實(shí)的版本。

直到打印施樂之星的時(shí)候才出了問題。在那時(shí)候,你將會(huì)搶那個(gè)文件,并把它拖進(jìn)打印圖標(biāo)。那個(gè)文件被傳輸?shù)酱蛴C(jī)并且永久的從桌面擦除了。工程師和設(shè)計(jì)師之間的為期兩周的戰(zhàn)爭(zhēng)爆發(fā)了。設(shè)計(jì)師贏了,把這個(gè)我們今天所擁有的規(guī)則放了進(jìn)去:

最后的規(guī)則:在磁盤分區(qū)內(nèi)拖動(dòng)文件將會(huì)移動(dòng)它。拖動(dòng)文件從一個(gè)磁盤分區(qū)內(nèi)到另一個(gè)磁盤分區(qū)內(nèi)將會(huì)復(fù)制他。

99%以上的我們的使用者可能都不能夠告訴你什么是磁盤分區(qū),他們理解的是我們不必明確教導(dǎo)的規(guī)則。為什么?因?yàn)檫@是和用戶的期望所一致的,部分的用戶期望是非常強(qiáng)大的以至于開展例行活動(dòng)將不會(huì)導(dǎo)致他們工作的失敗。

默認(rèn)值

?原則:字段中的默認(rèn)值將會(huì)很容易被吹走。

當(dāng)用戶激活一個(gè)字段,當(dāng)前的輸入應(yīng)該被自動(dòng)選擇,因此按退格/刪除或者開始打字的時(shí)候?qū)?huì)消除當(dāng)前輸入。用戶能夠在字段內(nèi)單擊來(lái)取消整個(gè)字段的選擇并在字段內(nèi)落下文本指針,確切來(lái)說是用戶單擊的地方落下文本指針。選擇輸入的規(guī)則通常是跟隨今天的。然而,草率的編碼會(huì)導(dǎo)致文本光標(biāo)落在不同的、不可預(yù)測(cè)的位置。

?原則:默認(rèn)值應(yīng)該是”智能的”,并且會(huì)響應(yīng)的。

不是所有的東西都需要默認(rèn)值。如果那里沒有可預(yù)測(cè)的成功者,考慮不要提供任何的默認(rèn)值。在觀察一個(gè)覆蓋25%的情況下的默認(rèn)值并決定是否使用它需要一個(gè)珍貴的認(rèn)知周期。同一時(shí)間能夠花費(fèi)進(jìn)入實(shí)際需要的選擇當(dāng)中。

?原則:有一個(gè)更有意義和響應(yīng)的詞語(yǔ)來(lái)代替單詞“默認(rèn)”

用戶很少有在任何特定情境下關(guān)于默認(rèn)的意義的概念。(當(dāng)然,他們確實(shí)知道它的字面意思,銀行將會(huì)帶走用戶的房子。這確實(shí)會(huì)使他們感到喜悅)用“恢復(fù)標(biāo)準(zhǔn)設(shè)置”“恢復(fù)習(xí)慣設(shè)置”“恢復(fù)初始設(shè)置”或者用更多會(huì)實(shí)際發(fā)生的其他特別詞語(yǔ)描述來(lái)代替“默認(rèn)”。使用者嘗試找到能夠使你的用戶準(zhǔn)確的預(yù)測(cè)出你的軟件能夠?qū)嶋H做到的事情的詞語(yǔ)。

?原則:你的視覺設(shè)計(jì)還有詞匯必須能夠和回復(fù)的眼界聯(lián)系。

通過用戶測(cè)試,要確信用戶了解修復(fù)的范圍:他們簽署了一些最近本地化項(xiàng)目的良性恢復(fù)嗎?或者他們將要花費(fèi)接下來(lái)四天重新進(jìn)入他們所擁有的應(yīng)用程序的用戶名和密碼嗎?

用戶測(cè)試你的恢復(fù)選項(xiàng)來(lái)找到用戶所認(rèn)為的按下這個(gè)按鈕將會(huì)導(dǎo)致的結(jié)果。如果你將要做一些良性的事情,但他們把它解釋為潛在破壞性,他們將不會(huì)使用這個(gè)選項(xiàng),并會(huì)留下他們和使他們認(rèn)為是在第一個(gè)地方使用它的那些同樣破碎或部分破碎的系統(tǒng)。同樣,如果你消滅幾個(gè)小時(shí)的精心定制而沒有恰當(dāng)?shù)臏?zhǔn)備他們,他們可能不會(huì)幾乎如你所預(yù)料的一樣心存感激。(我有一次在印度有一個(gè)年輕的小伙子幫助我解決了我DVR上的一個(gè)小問題。當(dāng)他解決的時(shí)候,他要求我重新初始化硬盤,擦除在機(jī)器上的每一個(gè)程序。這是比我一直在尋找的多了一點(diǎn)恢復(fù)。那之后,我能夠開展我和他剩下的甚至不用電話的談話。我從不知道我能夠叫得那么大聲。)

當(dāng)涉及標(biāo)簽的對(duì)象,像是屬性和偏好的Windows時(shí),確信視覺設(shè)計(jì)使恢復(fù)按鈕的范圍明確。個(gè)人標(biāo)簽“卡”應(yīng)該是視覺從周圍窗體中分離以至于按鈕可能會(huì)被放置在單個(gè)的卡上或者在周圍區(qū)域內(nèi),推測(cè)按鈕的行為將是僅適用于當(dāng)前選項(xiàng)卡或所有選項(xiàng)卡。沒有留下這樣一個(gè)借口可以讓你留下這樣一個(gè)含糊不清的范圍。這不是一個(gè)時(shí)尚的決定。

可發(fā)現(xiàn)性

網(wǎng)頁(yè)頁(yè)面和基于云計(jì)算的應(yīng)用

當(dāng)獨(dú)立開發(fā)者在位于一個(gè)為簡(jiǎn)易瀏覽靜態(tài)頁(yè)面而設(shè)計(jì)的簡(jiǎn)單工具的簡(jiǎn)單窗口的限制下努力創(chuàng)建一個(gè)復(fù)雜的網(wǎng)站和app的時(shí)候,第一個(gè)“由內(nèi)而外”的應(yīng)用網(wǎng)頁(yè)瀏覽器中出現(xiàn)了。甚至盡管1996年基本范例的不足被一直什么都沒做的標(biāo)準(zhǔn)委員會(huì)為了解決開發(fā)商的需求而展示出來(lái)。工作于復(fù)雜網(wǎng)頁(yè)和基于云計(jì)算應(yīng)用的開發(fā)者獲得了瀏覽器的菜單欄。這已經(jīng)不是一個(gè)持續(xù)地丑聞了。想象你的老板告訴你,要去激起一個(gè)針對(duì)使用微軟Word菜單欄的PS的競(jìng)爭(zhēng)者。那么第一個(gè)從你口中說出的話肯定是:但這就意味著我不得不把我所有的菜單都放到用戶的圖像所需的窗口內(nèi)容區(qū)域當(dāng)中!瘋了,對(duì)嗎?而這就是當(dāng)我們每一次創(chuàng)建一個(gè)網(wǎng)頁(yè)頁(yè)面時(shí)所要做的。

在筆記本電腦和臺(tái)式電腦當(dāng)中,控件,特別是隱形控件在內(nèi)容區(qū)域中是不存在的。

案例分析:蘋果的顛倒應(yīng)用

在早期的21世紀(jì),蘋果開始了從他們Macintosh應(yīng)用的內(nèi)容區(qū)域周圍的區(qū)域到控件內(nèi)容區(qū)域本身的遷移??丶?huì)突然出現(xiàn)在那個(gè)會(huì)隱藏那個(gè)用戶企圖去影響、很有內(nèi)涵的內(nèi)容的位置。用戶經(jīng)常不能夠把控件移動(dòng)的足夠的遠(yuǎn)來(lái)看他們正在做什么。甚至當(dāng)控制面板能夠被移動(dòng)到內(nèi)容窗口之外的時(shí)候,它會(huì)恢復(fù)到原始的模糊位置直到下一次被調(diào)用。然而這一個(gè)方法在有些時(shí)候?qū)τ谑謾C(jī)應(yīng)用軟件的設(shè)計(jì)來(lái)說是有必要的,它對(duì)基于傳統(tǒng)電腦基礎(chǔ)上的用于大屏幕的app設(shè)計(jì)是沒有現(xiàn)實(shí)意義的。一些有影響力的app會(huì)占用少于10%或20%的用戶屏幕空間,為控件突然被迫進(jìn)入甚至更小的內(nèi)容空間而提供大量的內(nèi)存。它會(huì)導(dǎo)致用戶滿意度和生產(chǎn)力的嚴(yán)重下降。

?原則:傳達(dá)你的手勢(shì)詞匯和可視化圖表

要包括一個(gè)展示你的app能夠理解的手勢(shì)的幫助頁(yè)面。當(dāng)用戶第一次打開這個(gè)app時(shí)要展示這個(gè)頁(yè)面給他,并在之后讓他清楚了解到哪里可以找到這個(gè)幫助頁(yè)面。在手機(jī)app中,要使代表頁(yè)面的圖標(biāo)持續(xù)地可視化或者讓它形成當(dāng)用戶接觸到觸發(fā)區(qū)或者是用戶屏幕時(shí)會(huì)出現(xiàn)在外圍的這個(gè)標(biāo)準(zhǔn)設(shè)置的一部分。對(duì)于雜志或者相似的媒體對(duì)象,要讓它首先打開的每一個(gè)問題的頁(yè)面(封面之后)都要是在那里并且是可用的。

?原則:爭(zhēng)取平衡

這不是1980年,當(dāng)大多數(shù)的人們還沒有看過一部電腦,并且我們很有必要把所有的東西都變得非常明顯。你可以使用一個(gè)巧妙的設(shè)計(jì):不要在頁(yè)面中把一個(gè)信息圖標(biāo)放在每一個(gè)單個(gè)的項(xiàng)目旁邊。反而要使用像這樣的從會(huì)立刻解釋每一個(gè)象征和手勢(shì)的Google+ Snapseed的覆蓋。要在這里看到覆蓋是很難得。但開發(fā)商已經(jīng)永久的加強(qiáng)了他們的取消和申請(qǐng)箭頭,書寫標(biāo)簽。你是怎么發(fā)現(xiàn)這樣一個(gè)加強(qiáng)是否是有必要的呢?你是怎么發(fā)現(xiàn)是否用戶能夠找到要按什么(在這種情況下,一個(gè)始終可見的問號(hào)會(huì)出現(xiàn)在最右上角),以在開始時(shí)能獲得幫助?跟隨著下一個(gè)原則并得到結(jié)果。

?原則:可發(fā)現(xiàn)的用戶測(cè)試

為了發(fā)現(xiàn)你需要的是什么樣的交流和為了確認(rèn)你成功的和她交流,你必須通過整個(gè)項(xiàng)目做一個(gè)常規(guī)可用性測(cè)試。要使用具有你的預(yù)期水平,帶有系統(tǒng)和任務(wù)領(lǐng)域有經(jīng)驗(yàn)的人來(lái)測(cè)試??此麄兪欠衲芏ㄎ?,識(shí)別,學(xué)習(xí)并使用他們需要去執(zhí)行的那個(gè)你所期望你的用戶去執(zhí)行的任務(wù)的工具。如果他們不能,要迭代設(shè)計(jì)直到他們可以為止。使用主動(dòng)探索,經(jīng)銷商模式,所有你所需要的東西來(lái)確認(rèn)你的用戶能夠發(fā)現(xiàn)并學(xué)習(xí)到你產(chǎn)品的特點(diǎn)。

以上所有的我所討論那些將有可能使它永遠(yuǎn)的投入生產(chǎn)的錯(cuò)誤,是用戶體驗(yàn)組進(jìn)行可用性研究并基于這些結(jié)果來(lái)改變那些設(shè)計(jì)。

source:特贊Tezign

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!