親愛的界面

前言

寫 在 前 面本書的讀者群是視覺設(shè)計師和程序員，但內(nèi)容并不是視覺設(shè)計，也與程序代碼無關(guān)，而是關(guān)于使用你所創(chuàng)造的產(chǎn)品的用戶，這比前兩者更為重要。如果不能為人所用，再優(yōu)秀的產(chǎn)品也毫無意義。你可以創(chuàng)造出最漂亮、最堅固、最優(yōu)美的畫筆，但如果沒人用它來畫畫，那么你的努力就是徒勞的。這本書能幫助你創(chuàng)作出人們想要的產(chǎn)品（應(yīng)用程序或網(wǎng)站）。本書的章節(jié)可以分為兩類：技術(shù)章節(jié)和創(chuàng)意章節(jié)。每個技術(shù)章節(jié)都會介紹一種特定的技術(shù)，比如故事板（storyboarding）、可用性測試（usability test）、和紙質(zhì)原型（paper prototyping）等，將這些技術(shù)應(yīng)用于設(shè)計過程，可以讓你創(chuàng)作的產(chǎn)品更加人性化。技術(shù)章節(jié)主要介紹可以使用的具體技術(shù)，這些技術(shù)是設(shè)計師工具腰帶中必不可少的工具。而創(chuàng)意章節(jié)介紹的則是一般的創(chuàng)意和概念：如何撰寫可用的文本，設(shè)計作品的視覺效果如何，何時使用動畫等等。這些章節(jié)主要介紹設(shè)計過程中需要考慮的東西。技術(shù)章節(jié)技術(shù)章節(jié)的第一頁都有齒輪樣的標記。所有技術(shù)章節(jié)的結(jié)構(gòu)都一樣。由于并非任何技術(shù)都可用于所有設(shè)計情況，因此，我們首先給出了技術(shù)適用的各種情境，然后對該技術(shù)的概念及使用方法進行了闡釋。大部分技術(shù)章節(jié)的末尾，是該技術(shù)應(yīng)用于閱讀過程中所設(shè)計的虛擬應(yīng)用程序時的具體示例。鑒于Twitter 的應(yīng)用 （apps）在我們這一代學(xué)習(xí)創(chuàng)建應(yīng)用程序上的先鋒地位，我們將在技術(shù)章節(jié)設(shè)計一個Twitter的應(yīng)用。為了增加趣味性，我們并沒有設(shè)計一個普通的Twitter應(yīng)用，而是面向那些需要更新自己公司Twitter賬戶的用戶，設(shè)計了一款虛擬應(yīng)用程序產(chǎn)品，我們稱之為BizTwit。大家可把技術(shù)章節(jié)看作食譜，既可以按照順序從前往后閱讀，也可以深入鉆研某個特定的主題。為此，這些章節(jié)都是篇幅簡短，一語中的的，而且還提供了一些源自本書、其他書籍或是網(wǎng)絡(luò)上的參考內(nèi)容。創(chuàng)意章節(jié)技術(shù)章節(jié)主要介紹特定的技術(shù)及其使用方法，相比之下，創(chuàng)意章節(jié)就要寬泛一些了。這些章節(jié)介紹的概念，更多是作為靈感的來源，而不是死板嚴格的規(guī)則。某些章節(jié)會涉及某項技術(shù)或是技術(shù)章節(jié)的某些內(nèi)容，但這些章節(jié)更側(cè)重于一般概念，比如：設(shè)計要多切合實際、如何能更有效地使用動畫、什么是交互模式、我們可以從視頻游戲中學(xué)到些什么。創(chuàng)意章節(jié)的第一頁都有燈泡樣的標記。這些章節(jié)中所介紹的創(chuàng)意并不一定能應(yīng)用于你正在從事的項目。因為從某種程度上說，人具有不可預(yù)測性。在使用你所創(chuàng)建的產(chǎn)品時，人們并不總是像你預(yù)期的那樣進行操作，也不總是按照你所預(yù)測的規(guī)律行事。為了說明人們的行為如何與預(yù)期大相徑庭，讓我們來看一個用戶界面設(shè)計之外的例子。假設(shè)你關(guān)注公共衛(wèi)生和安全，那么你會從哪里入手呢？鑒于每年有成千上萬的騎自行車的人在交通事故中受傷，自行車安全或許是一個很好的切入點。研究表明，頭盔有助于防止騎自行車的人受傷。因此，讓人們帶上頭盔可以降低受傷的概率，進而提升人們的健康和安全系數(shù)。預(yù)期結(jié)果似乎很明顯：人們在自行車事故中受傷，而頭盔可以保護人們不受傷害，所以騎自行車戴頭盔的人不會受到傷害。那么問題解決了——強迫人們佩戴頭盔。書中網(wǎng)址的輸入本書內(nèi)有很多網(wǎng)址，有些網(wǎng)址很長。如果閱讀的是印刷書籍，那么把書中的網(wǎng)址鍵入到網(wǎng)頁瀏覽器中可能會很麻煩。為了讓這過程更簡便一些，我建立了一個網(wǎng)頁http：//designedforuse.net，里面包含了本書中所有較長的網(wǎng)址。有了它，讀者就不用手動鍵入這些較長的網(wǎng)址，而只需要鍵入http：//designedforuse.net，然后點擊里面的鏈接就可以了。過去的數(shù)年間，人們已頒布了大量關(guān)于佩戴自行車頭盔的法案。然而，這些法案并沒有達到預(yù)期的效果。2009年，來自澳大利亞麥克里大學(xué)保險研究學(xué)院的Piet de Jong開展了一項名為“強制性自行車頭盔法案對健康的影響” 的研究，評估了此類法案的實施效果。他發(fā)現(xiàn)人們并不喜歡戴自行車頭盔，如果強制騎自行車的人佩戴頭盔，很多人就干脆不騎自行車了。該調(diào)查結(jié)果讓de Jong做出了以下推斷：總的來說，自行車頭盔法案實際上對社會健康產(chǎn)生了負面影響。不錯，這些法案是可以防止一些人受傷，但對于那些完全放棄騎自行車的人而言，這些法案卻對他們的健康產(chǎn)生了極大的負面影響，因為通常這些人會轉(zhuǎn)向汽車。歸根結(jié)底，沒有人在頒布法案之前邀請人們參與測試。受法案影響的人做出了法規(guī)制定者完全意想不到的反應(yīng)。在設(shè)計用戶界面時，你將經(jīng)常遇到類似的情況。設(shè)計方案的變更并不總能產(chǎn)生你所預(yù)期的效果，有時甚至?xí)a(chǎn)生負面效果。在閱讀本書中介紹的創(chuàng)意和法則時，希望讀者能謹記這一點。在設(shè)計用戶界面時，你可能會竭盡全力設(shè)計出你認為非常有效的界面；你也可以遵循設(shè)計法則，做出那些具有顯著可用性的設(shè)計方案。但用戶依然會讓你驚訝不已。他們以各種離奇的方式誤解你設(shè)計的用戶界面，在你的網(wǎng)站上摸不著東西南北，他們的行為完全不可預(yù)測，看上去毫無邏輯可言，他們無法完成你認為非常簡單明了的任務(wù)。不要以為在某款產(chǎn)品的設(shè)計中應(yīng)用一系列可用性準則，就可以得到可用的設(shè)計結(jié)果。在設(shè)計用戶界面時，的確要考慮常規(guī)思維，但不要過于依賴它。你需要了解設(shè)計法則，但如果能改進產(chǎn)品，不妨打破常規(guī)。關(guān)鍵在于，不要完全按照我告訴你的方法去做，而是要把書中的內(nèi)容當(dāng)作創(chuàng)意的源泉，而且要經(jīng)常測試設(shè)計結(jié)果。本書的組織結(jié)構(gòu)書中的章節(jié)基本上沒有按照典型的設(shè)計流程進行排列，而是分成了三個部分，也就是產(chǎn)品開發(fā)的三個階段：研究、設(shè)計和實施。研究盡可能早地進入設(shè)計階段，開始設(shè)計產(chǎn)品（如果你是一個程序員，甚至?xí)_始編寫代碼），這一點非常誘人。在某些情況下，這樣做也無妨，但通常在設(shè)計之前最好還是開展一點研究工作。搞清楚產(chǎn)品的用戶對象是誰，你所要解決的問題是什么。設(shè)計這時你要考慮如何解決用戶的問題。設(shè)計出方案，并在編寫代碼之前對其進行測試。在紙上修正錯誤比通過代碼要容易得多。從設(shè)計的角度來看，這一階段可能是整個開發(fā)過程中最重要的部分。因此，它也是本書要著重介紹的內(nèi)容。實施創(chuàng)建產(chǎn)品，并持續(xù)進行測試。這一階段要回答的問題包括：前期假設(shè)是否正確？設(shè)計方案是否有效？產(chǎn)品運行時人們?nèi)绾闻c它進行交互？方案的實施結(jié)果是否滿意？產(chǎn)品如何對錯誤和真實的數(shù)據(jù)進行處理？它的運行表現(xiàn)是否夠好？把創(chuàng)意章節(jié)放在何處這一問題比精確的科學(xué)研究還要困難。我把這些章節(jié)放在了讀者最有可能看到它們有用的地方。但在很多時候，大部分創(chuàng)意都是適用的。這種組織方式比較適用于與技術(shù)相關(guān)的章節(jié)。作者為每個技術(shù)章節(jié)引入了一個如下所示的時間標記：這些時間標記可以幫助你了解哪項技術(shù)最為重要，哪項技術(shù)最常用。上圖所示的標記表示該技術(shù)通常用于產(chǎn)品開發(fā)過程中“實施”階段的前期。但很多技術(shù)適用于設(shè)計的不同階段。書中的時間標記是為了說明技術(shù)的應(yīng)用情景，而不是嚴格的法則。這種標記方法使產(chǎn)品開發(fā)更像是一個典型的線性流程，從研究到設(shè)計，再到實施。但通常情況下，設(shè)計過程是迭代進行的。開發(fā)流程更像是一個循環(huán)過程，如右圖所示。但是，我們通常都認為產(chǎn)品的開發(fā)是一系列線性過程的迭代，因此線性的時間標記方法更易于理解。最后一點在閱讀之前，還需要強調(diào)的一點是，網(wǎng)絡(luò)上有本書的專門網(wǎng)頁 ，上面提供了論壇和勘誤頁面。當(dāng)然，在本書成文之時，勘誤頁面仍然是空的，但當(dāng)你讀到這本書時，該頁面可能已經(jīng)有內(nèi)容了。 好了，閑話少說，現(xiàn)在就讓我們言歸正傳！

內(nèi)容概要

　　《親愛的界面——讓用戶樂于使用、愛不釋手》主要介紹如何設(shè)計出具有可用性的應(yīng)用程序和網(wǎng)站，不但讓用戶樂于使用，而且令其愛不釋手?？捎眯允窃O(shè)計大廈的基石，作者詳細介紹了如何將可用性融入設(shè)計、測試及開發(fā)的各個流程，如何優(yōu)化設(shè)計過程、把握設(shè)計重點、提高設(shè)計效率。另外，作者在本書中給出了大量寶貴建議，傳授了用戶界面的設(shè)計與評估技巧，提供了獨具匠心的設(shè)計視角?！　　队H愛的界面——讓用戶樂于使用、愛不釋手》適用于設(shè)計人員、開發(fā)人員、產(chǎn)品經(jīng)理、專業(yè)軟件開發(fā)工程師和用戶界面設(shè)計師。

作者簡介

　　Lukas
Mathis是專家級開發(fā)人員和UI設(shè)計師，他寫的關(guān)于設(shè)計和可用性的文章登載在網(wǎng)站ignorethecode.net上，關(guān)于視頻游戲開發(fā)的文章登載在瑞士的游戲新聞網(wǎng)站wisegamers.ch上，同時他的文章還發(fā)表在UX
Magazine、TidBITS、Splashnology等雜志上。他創(chuàng)建了多款UI設(shè)計的在線工具。

書籍目錄

第一部分　研究
第1章　用戶研究　 
第2章　工作觀察和情境訪談　 
2.1　觀察目標人群　 
2.2　工作觀察　 
2.3　情境訪談　 
2.4　遠程觀察　 
2.5　情境訪談的局限性　 
第3章　用戶模型 
3.1　用戶模型的缺陷　 
3.2　創(chuàng)建用戶模型　 
3.3　使用用戶模型　 
3.4　用戶模型無法代替用戶研究　 
第4章　以行動為中心的設(shè)計　 
第5章　文檔編制　 
5.1　使用手冊　 
5.2　博文　 
5.3　截屏視頻　 
5.4　新聞稿　 
5.5　討論產(chǎn)品的任務(wù)　 
第6章　文字的可用性　 
6.1　文字的重要性　 
6.2　人們根本不想閱讀文字　 
6.3　少用一些文字　 
6.4　使用可粗略瀏覽的文字　 
6.5　不要啰嗦　 
6.6　語句表述清晰　 
6.7　不要以企業(yè)口吻書寫　 
6.8　使用圖片闡明要點　 
6.9　使用人們能夠理解的詞匯　 
6.10　測試文字　 
6.11　使用易讀的文字　 
第7章　用戶界面設(shè)計中的層級結(jié)構(gòu)　 
第8章　卡片分類　 
8.1　設(shè)計層級結(jié)構(gòu)　 
8.2　準備工作　 
8.3　參與人員 
8.4　執(zhí)行卡片分類　 
8.5　遠程卡片分類　 
8.6　評估結(jié)果　 
8.7　可用層級結(jié)構(gòu)的創(chuàng)建準則　 
第9章　心理模型　 
9.1　人的思維　 
9.2　三種不同的模型　 
9.3　隱藏產(chǎn)品功能的實現(xiàn)細節(jié)　 
9.4　抽象漏洞　 
9.5　為心理模型而設(shè)計　 
第二部分　設(shè)計
第10章　草繪與原型
第11章　紙質(zhì)原型測試
第12章　寫實主義
第13章　自然用戶界面
第14章　菲茨定律
第15章　動畫
第16章　一致性
第17章　可發(fā)現(xiàn)性
第18章　不要打擾用戶
第19章　用“撤銷”取代對用戶的干擾
第20章　模式　
第21章　用你的觀點代替偏好設(shè)定
第22章　層級結(jié)構(gòu)、空間、時間以及我們對世界的看法
第23章　速度
第24章　避免不斷加入新功能
第25章　去掉某些功能
第26章　向電子游戲?qū)W習(xí)
第三部分　實施
第27章　游擊隊式的可用性測試　
第28章　可用性測試
第29章　現(xiàn)場測試
第30章　遠程測試
第31章　如何避免測試中的常見錯誤
第32章　用戶錯誤即是設(shè)計錯誤
第33章　A/B測試
第34章　收集產(chǎn)品使用數(shù)據(jù)
第35章　處理用戶反饋
第36章　革命尚未成功　
參考文獻　

章節(jié)摘錄

版權(quán)頁：   插圖：   這種測試能讓你大概了解用戶是否理解你的設(shè)計，以及哪些部分用戶不能理解。這樣，你就知道自己在哪些方面做對了，應(yīng)該對哪些地方進行修正。 只需向用戶展示產(chǎn)品某一屏界面的實體原型，就能了解用戶是否能理解這一屏內(nèi)顯示的東西。這樣做已經(jīng)很有效了，不過我們還可以更進一步，對一些交互方案進行測試。為此，你要預(yù)先準備好在多個屏內(nèi)顯示的內(nèi)容。如果交互過程需要為界面加上或去掉彈出界面或其他元素，你也要預(yù)先準備好這些東西。在便利貼上畫出這些內(nèi)容，這樣你就可以很容易地將其添加到產(chǎn)品原型上了。 做好了這些準備工作，你就可以進行任務(wù)可用性測試了。當(dāng)然不能讓參與測試的人為所欲為，偏離了測試工作。如果確實發(fā)生了類似的事情，那么說明你的設(shè)計方案存在問題，因為人們沒有按照你所期望的方式進行操作。 你可以找任何人來執(zhí)行這類簡單的測試。測試時間很短，也很容易向參與者解釋：我正在開發(fā)一款新的Twitter應(yīng)用。你知道Twitter吧？OK，很好。目前我正在進行這款應(yīng)用的設(shè)計工作，我想知道用戶是否能理解我已經(jīng)設(shè)計出的東西。你知道，當(dāng)一個人持續(xù)幾周做同一件事情，他就無法對這件事做出客觀的評價了。現(xiàn)在我就不知道自己所做的東西是否有用。我能否向你展示一些設(shè)計方案，問你幾個問題呢？這樣我就可以知道人們是否能理解我的設(shè)計了。這個測試不會超過5分鐘的。你可以先讓自己的朋友、家人來做這種測試，然后再隨機選擇一些人進行測試?？Х瑞^是個不錯的地方，那里的人總有幾分鐘空閑時間。 一旦了解了人們?nèi)绾卫斫饽愕脑O(shè)計方案，就很容易發(fā)現(xiàn)設(shè)計有哪些成效和潛在問題。 11.2完整的可用性測試 之前介紹的簡單的測試方法可用來對產(chǎn)品進行早期的可用性測試。當(dāng)然，對產(chǎn)品原型進行測試還有很多細致的工作要做。對于大部分較小的團隊，我不推薦使用完整的測試流程，但如果你有時間，并且能找到人參與測試，那么這種測試還是很有用的，甚至還沒寫代碼就已經(jīng)得到了很好的反饋。 典型的產(chǎn)品原型所展示的僅是最終產(chǎn)品的一小部分，一般無法包括最終產(chǎn)品的所有界面內(nèi)容，也不一定能體現(xiàn)所有的產(chǎn)品功能。因此，產(chǎn)品原型的可用性測試總是基于某些特定任務(wù)進行的。分配給某人一項特定的任務(wù)，然后讓他用產(chǎn)品原型完成這項任務(wù)。這樣，你就知道應(yīng)該在測試前準備哪些界面和UI元素了。

媒體關(guān)注與評論

這本書對軟件用戶體驗設(shè)計全過程進行了百科全書式的描述，有最新最好的實踐案例、內(nèi)容翔實的設(shè)計方法。相見恨晚??！——凱斯·朗，Skitch公司COO和交互設(shè)計師寫可用性話題很難擺脫過分學(xué)院派的缺點，但盧卡斯做到了。如果你熟悉基本的可用性概念，又想了解更多的內(nèi)容，這本書是必讀佳作！——喬恩·貝爾，Windows Phone的交互設(shè)計師盧卡斯深刻分析了可用性、用戶體驗、UI設(shè)計等方面為人忽視的許多問題，這是一本必不可少的、權(quán)威且極具啟發(fā)性的著作?！Ａ_·尼夫，Neave交互設(shè)計公司交互設(shè)計師本書讀來如瑞士巧克力般令人舒暢而愉悅，又如櫻花盛開般華麗而動人，是所有學(xué)習(xí)可用性知識的人的必讀寶典！——邁克爾·D. 特魯默，Appway公司高級管理人員好好利用這本書吧，它能極大地提升你的設(shè)計！——大衛(wèi)·奈夫，Visionaer創(chuàng)意總監(jiān)、設(shè)計管理者

編輯推薦

《親愛的界面——讓用戶樂于使用、愛不釋手》分享了大量有價值的技巧，并配以清晰明了的插圖，且這些技巧運用了心理學(xué)研究的成果，使設(shè)計極具吸引力。同時《親愛的界面——讓用戶樂于使用、愛不釋手》的作者向你傳授了一些有助于計劃和評估用戶界面設(shè)計的技術(shù)，并引導(dǎo)你以一種全新的方式來看設(shè)計。他告訴你在創(chuàng)建令人欣喜的應(yīng)用或者網(wǎng)站時應(yīng)該做些什么，應(yīng)該避免什么。

名人推薦

《親愛的界面》對軟件用戶體驗設(shè)計全過程進行了百科全書式的描述，有最新最好的實踐案例、內(nèi)容翔實的設(shè)計方法。相見恨晚??！——凱斯·朗，Skitch公司COO和交互設(shè)計師寫可用性話題很難擺脫過分學(xué)院派的缺點，但盧卡斯做到了。如果你熟悉基本的可用性概念，又想了解更多的內(nèi)容，這本書是必讀佳作！——喬恩·貝爾，Windows Phone的交互設(shè)計師盧卡斯深刻分析了可用性、用戶體驗、UI設(shè)計等方面許多為人忽視的問題，《親愛的界面》是一本必不可少的、權(quán)威且極具啟發(fā)性的著作?！Ａ_·尼夫，Neave交互設(shè)計公司交互設(shè)計師本書讀來如瑞士巧克力般令人舒暢而愉悅，又如櫻花盛開般華麗而動人，是所有學(xué)習(xí)可用性知識的人的必讀寶典！——邁克爾·D.特魯默，Appway公司高級管理人員好好利用《親愛的界面》吧！它能極大地提升你的設(shè)計！——大衛(wèi)·奈夫，Visionaer創(chuàng)意總監(jiān)、設(shè)計管理者

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

    親愛的界面 PDF格式下載

---