第一章 話說簡單
用例:Filp、早期的大眾甲殼蟲汽車、Twitter
原理:“夸耀效用原理”(人們喜歡自己被包圍在不必要的功能中)-但不斷向軟件加功能是不可持續(xù)的-會導(dǎo)致用戶對產(chǎn)品越來越不滿意
設(shè)計(jì)角度:管理人員、工程師、用戶
第二章 明確認(rèn)識
描述要點(diǎn)的方式:
? ? 用一句話說出來:要設(shè)計(jì)什么?遵循哪些規(guī)則?
? ? 描述用戶的使用場景,我的設(shè)計(jì)怎么滿足用戶在該場景下的需求?(設(shè)定目標(biāo)和限制就知道哪些方案不合適,在不確定怎么解決的時(shí)候,描述用戶體驗(yàn)也很有用)
環(huán)境:到用戶要使用你軟件的地方做調(diào)查,如果不能去現(xiàn)場,就和用戶多了解他們工作環(huán)境的情況,就會知道他們在使用軟件時(shí)候經(jīng)常會發(fā)生什么事情。(例如,未關(guān)注電視插播廣告時(shí)間,手機(jī)網(wǎng)站在橄欖球賽期間的促銷活動反響很差)
觀察什么環(huán)境?:辦公室、家、戶外
用戶:主流用戶、專家(忽略:他們追求主流用戶根本不在乎的功能)、隨意性用戶(不夠典型)
主流用戶和專家用戶的區(qū)別:
主流用戶最感興趣立即把事情做完容易操控最有價(jià)值得到靠譜的結(jié)果害怕弄壞什么合適就行 想看示例和故事
專家首先設(shè)定自己的偏好操控的是否精確看到完美的結(jié)果有拆解一切刨根問底的沖動精確匹配想看原理
簡單的用戶體驗(yàn)就是初學(xué)者、新手的體驗(yàn),或者是壓力之下的主流用戶的體驗(yàn)。
討論更深層次、感情上的需求,探究人們需要他們軟件的真實(shí)原因。
用戶希望在掌控自己的生活,他們需要支配所有的任務(wù)。
用戶在做什么?:flip示例,“拍攝并分享視頻”-列出用戶行動的步驟,詳細(xì)程度前后一致,不遺漏關(guān)鍵環(huán)節(jié),并且從用戶的視角把它描述出來。
描述用戶體驗(yàn):講故事(技術(shù)團(tuán)隊(duì)的流程圖和用戶案例)-效率極高,容易被記住,好分享
flip示例:你站在城市街頭,忽然一陣騷亂:帕麗斯希爾頓正向你走來。你迅速從口袋中掏出你的flip攝像機(jī),(小)把它交給一位路人,請他幫忙拍了一段視頻,帕麗斯就站在你身后。(開機(jī)速度快)之后,你趕緊敲開附近朋友家的門,不需要任何安裝配置(上傳視頻不需要特殊軟件或數(shù)據(jù)線),就通過他的電腦把這段視頻分享到網(wǎng)上。(目的是與朋友分享)
怎么講故事?:
? ? 展示需求點(diǎn),并確定滿足該需求的功能(核心功能)
? ? 描述用戶行為和介紹用戶性格
? ? 好的用戶故事應(yīng)該簡明、具體、可信,并且擁有相關(guān)細(xì)節(jié)。
認(rèn)識分為三個(gè)層次:可信的環(huán)境(故事的“時(shí)間”和“地點(diǎn)”)、可信的角色(“誰”和“為什么”)、流暢的情節(jié)(“什么”和“怎么樣”)
具體應(yīng)該怎么做呢?:
? ? 制定極端的目標(biāo)
? ? 簡便的方式描述正在設(shè)計(jì)的東西(slogan)
? ? 洞察力(回顧從用戶收集的素材、面對的問題、生活的世界尋找突破口,把設(shè)計(jì)要點(diǎn)按先后次序排列出來,再驗(yàn)證你的見解)
? ? 明確認(rèn)識(可能前三個(gè)方案都是對重要問題的描述,要有耐心和時(shí)間去理解核心問題)
? ? 分享(讓最核心的概念隨處可見,找到并開始分享你的認(rèn)識,就可以開始設(shè)計(jì)了)
“真正偉大的人還會繼續(xù)向前,直至找到問題的關(guān)鍵和深層次原因,然后再拿出一個(gè)優(yōu)雅的、堪稱完美的有效方案”-史蒂夫.喬布斯
第三章 簡約四策略
簡化遙控器:刪除、組織、隱藏、轉(zhuǎn)移
第四章 刪除
首先準(zhǔn)備一張白紙,問自己:“最重要的問題是什么?”
避免錯(cuò)刪:不能因?yàn)殡y以實(shí)現(xiàn)就統(tǒng)統(tǒng)抹殺。
關(guān)注核心:
? ? 按照優(yōu)先級對功能排序時(shí),要時(shí)刻記住用戶認(rèn)為哪些關(guān)系到用戶日常使用體驗(yàn)的功能最有價(jià)值
? ? ?以此為起點(diǎn),編寫用戶故事
? ? ?消除他們挫折感的功能同樣也會受歡迎。
砍掉殘缺功能:經(jīng)濟(jì)學(xué)上的“沉沒成本誤區(qū)”,事實(shí)上,用于創(chuàng)建這部分功能的成本是不可能收回來的,因此判定這種功能的唯一方式就是看它能夠發(fā)揮幾分作用,看保留它會額外導(dǎo)致多少成本。(問題不該是“為什么要去掉它”而是“為什么要留著它”)
不是“假如用戶需要 …”而是“我的目標(biāo)用戶經(jīng)常會遇到這個(gè)問題嗎?”
不能簡單因?yàn)榭蛻粢缶驮黾庸δ埽瑢τ脩粢笞瞿嫦蚬こ蹋闱宄脩舻降子龅搅耸裁磫栴},仔細(xì)斟酌這個(gè)問題是不是應(yīng)該由我們軟件來解決?
方案,不是流程:如果一個(gè)小變化導(dǎo)致了復(fù)雜流程,就應(yīng)該退一步去尋找更好的解決方案。把注意力集中到客戶的目的上面,問自己“還有其他的解決方式嗎?”
測試證明,功能多對于沒有機(jī)會使用的消費(fèi)者有吸引力,但消費(fèi)者使用了產(chǎn)品之后,他們的偏好就會改變。一下子從重視功能,變成了更重視可用性。(今天,口碑、用戶評論、個(gè)人推薦、產(chǎn)品試用的重要性遠(yuǎn)超大眾媒體廣告)
最應(yīng)該考慮的,是哪項(xiàng)功能最接近用戶的核心需求,最好的方法就是先做個(gè)模型出來讓他們試用。
排定功能優(yōu)先級:
? ? 確定用戶目的,排優(yōu)先次序
? ? 找滿足優(yōu)先級最高的用戶需求的方案
? ? 找干擾源,按排除難易度排優(yōu)先次序
? ? 找主流“足夠好”和專家“精準(zhǔn)”產(chǎn)品的區(qū)別
負(fù)擔(dān):
? ? 刪除沒人看的文字
? ? 簡化布局
? ? 去掉重復(fù)鏈接
? ? 精簡按鈕和鏈接樣式
? ? 減少廣告位和廣告數(shù)量
? ? 去掉分散注意力的元素(去掉可有可無的選項(xiàng)、內(nèi)容、分散人注意力的玩意兒可以減輕用戶負(fù)擔(dān);去掉分散注意力的視覺元素,可以讓用戶感覺更快更有安全感)
決策:提供較少的選擇有利于決策,滿意度也會高。
分心:刪除干擾因素(例如,網(wǎng)頁右邊欄的鏈接會分散注意力,最好放置于頁面底部)
聰明的默認(rèn)值:適合大多數(shù)人口味的選擇,通過分析客戶信息
? ? 熱門文檔“頭條新聞”
? ? 類似項(xiàng)“瀏覽這個(gè)產(chǎn)品的用戶還看過”
? ? 個(gè)性化信息“使用你的地址自動填寫表單”
? ? 共同的選擇(把中國放在國家列表最前面,如果你的大多數(shù)客戶都來自中國國內(nèi)的話)
如果客戶再次光顧網(wǎng)站,他愿意以前次離開的狀態(tài)為起點(diǎn)(最近保存的文檔“打開’歡迎您.doc’”;恢復(fù)狀態(tài)“繼續(xù)從游戲的第三關(guān)開始玩起”)
選項(xiàng)和首選項(xiàng):通常選項(xiàng)是讓用戶來自定義設(shè)置的,但這是典型的專家行為,簡單的用戶體驗(yàn)不會強(qiáng)迫用戶去做選擇。(例如,網(wǎng)站導(dǎo)航設(shè)置面包屑鏈接和下拉菜單,但會浪費(fèi)用戶時(shí)間)
如果一個(gè)選項(xiàng)還嫌多:最后的購買環(huán)節(jié),不需要有任何干擾項(xiàng)
消除錯(cuò)誤:錯(cuò)誤之后根據(jù)結(jié)果判斷正確是什么?根據(jù)正確簡化程序,即消除錯(cuò)誤的來源。(例如,將銀行往來帳戶查詢頁面,將兩個(gè)日期控件改成了一個(gè)可用銀行對賬單的下拉列表)
減少視覺混亂:
? ? 使用空白或輕微的背景色來劃分頁面,而不要使用線條
? ? 盡可能少使用強(qiáng)調(diào)
? ? 別使用粗黑線條,勻稱、淺色的線更好
? ? 控制信息的層次,最好不要超過三個(gè)層次:標(biāo)題、子標(biāo)題、正文
? ? 減少元素大小的變化,不要出現(xiàn)大小不同的幾個(gè)區(qū)塊
? ? 減少元素形狀的變化,最好整個(gè)界面只使用一個(gè)按鈕樣式
刪減文字:
好處:
? ?重要的內(nèi)容水落石出
? ?消除了分析滿屏內(nèi)容的麻煩
? ?讀者會對自己看到了什么更有自信
應(yīng)該怎么刪除?:
刪除引見性文字、?不必要說明、繁瑣的解釋、描述性鏈接
精簡句子:
方法:
? ? 不使用介詞(對于、根據(jù)、為了、基于、通過、關(guān)于)會弱化句子謂語
? ? 不使用is餓動詞形式(正在消耗時(shí)間)盡你所能使用其他表述方式(花時(shí)間)
? ? 把被動句式轉(zhuǎn)換為主動句式
? ? 刪掉索然無味的開頭
? ? 減少廢話
避免刪除過多:東京蘋果店的玻璃電梯刪除了操控裝置,讓體驗(yàn)更復(fù)雜。因?yàn)槿藗儾荒芸刂平Y(jié)果,基本需求得不到滿足而引發(fā)焦慮。
要做到:徹底重新設(shè)計(jì),說服干系人刪除內(nèi)容和功能
“刪除策略的核心:
? ? ?聚焦于對用戶有價(jià)值的功能
? ? ?聚焦于可用資源,通過刪除殘缺的功能、不切題的元素和花里胡哨的東西為用戶提供價(jià)值
? ? ?聚焦于達(dá)成用戶的目標(biāo)
? ? ?刪除那些干擾性的、增加用戶負(fù)擔(dān)的“減速帶”
如果面臨的是人的問題,就可以通過階段性地步步為營或者通過測試獲得的證據(jù)來解決;如果問題時(shí)技術(shù)過時(shí)或者系統(tǒng)不兼容,那么問題會隨時(shí)間推移而緩慢變化。
例外,法律要件,在金融和醫(yī)藥類產(chǎn)品必須有特定聲明;不能脫離環(huán)境刪除某些功能,如DVD的數(shù)字鍵盤。
第五章 組織
強(qiáng)調(diào)一兩個(gè)最重要的主題(例如,DVD遙控器只設(shè)計(jì)起點(diǎn)“開/關(guān)按鈕”和最常用的按鈕“播放/暫停/停止)
分塊:經(jīng)典建議,把項(xiàng)組織到“7加減2”個(gè)板塊中
圍繞行為進(jìn)行組織:“我可以用它來做什么呢?”,他們想做什么,先做什么后做什么-按照特定的步驟做事(最大的阻礙:注冊流程、有效性檢查,不能推遲就盡量簡化)-先用戶分類,但如果沒有特定用戶群,可能不應(yīng)該按用戶分類。
對一組性質(zhì)相同的產(chǎn)品進(jìn)行分類時(shí),制定清晰的分類標(biāo)準(zhǔn):1.功能、選項(xiàng)和配件的分類法;2.另一種信息的標(biāo)準(zhǔn)是特點(diǎn)-不要按照字母表和格式(文字、圖片、視頻)的方式排列,可用時(shí)間
搜索:1.有的用戶認(rèn)為搜索比瀏覽更容易,但事實(shí)上,沒有一個(gè)人始終會把搜索作為第一選擇(直接點(diǎn)擊看起來符合你意愿的鏈接才更簡單,但也有例外,用戶需要從大量類似項(xiàng)中挑選一個(gè)已知項(xiàng),一定會采取搜索);2.有的用戶認(rèn)為設(shè)計(jì)搜索功能要比組織內(nèi)容鏈接更容易,但事實(shí)上那些搜索結(jié)果的排列方式都是經(jīng)過了負(fù)責(zé)處理,都是與關(guān)鍵詞得到最大程度的匹配。
因此要想設(shè)計(jì)簡單的用戶體驗(yàn),最好先對內(nèi)容有效的組織,然后再考慮如何設(shè)計(jì)搜索。
如何排序?:時(shí)間、空間-但不要用圖解形式來表示時(shí)間和空間
網(wǎng)格:利用不可見的網(wǎng)格來對齊界面元素,是吸引用戶注意力的一種有效方式。網(wǎng)格布局也會讓人感受局促和受壓抑,要解決這個(gè)問題,可以設(shè)計(jì)一個(gè)不對稱的布局。例如,包括奇數(shù)列,或者將少量元素設(shè)計(jì)成跨在兩列甚至三列上。
大小和位置:
? ? 重要的元素大一些,即使比例失調(diào)也可以考慮
? ? 不太重要的界面元素應(yīng)該小一點(diǎn),如果一個(gè)元素的重要性為1/2,那就把它的大小做成1/4
? ? 把相似的元素放在一起(例如應(yīng)用導(dǎo)航按鈕放在屏幕底部,用戶觸摸它們時(shí)就不會遮擋屏幕)
分層:倫敦地鐵圖運(yùn)用感知分層技術(shù)(可以把一些元素放在另一些元素上方,或者把兩組元素并排起來,用連續(xù)的色帶聯(lián)系相關(guān)的內(nèi)容)
感知分層技術(shù)提示:使用灰色陰影、大小縮放、形狀變化,檢測方法,瞇起眼睛觀察屏幕看是否能區(qū)分不同的層
? ? 盡可能使用較少的層
? ? 考慮把某些基本元素放在常規(guī)背景層,因?yàn)橐粋€(gè)元素很難放在兩層里
? ? 盡量讓兩層之間的差別最大化
? ? 對于相對重要的類別,使用明亮、高飽和度的顏色,可以讓它們在頁面上更突出
? ? 對于同等重要的類別,利用感知分層技術(shù),使用相同的亮度和大小,只是色調(diào)要有所區(qū)別
不使用色標(biāo):分層信息中的顏色利用了人們的記憶原理,給人造成負(fù)擔(dān)很輕,但色標(biāo)不是。
不要過度依賴期望路徑:千萬不要被自己規(guī)劃圖中清晰的線條和整潔的布局所迷惑,要重復(fù)使用,看什么總是抓你眼球。
第六章 隱藏
1.想走高技術(shù)高價(jià)格路線(觸摸屏遙控器);2.花點(diǎn)小錢把某些功能隱藏在一個(gè)塑料倉蓋后面
隱藏不是刪除,欲刪,從速是更好的思路。
隱藏哪些功能:不常用但不能少,個(gè)性化的需求,是為了讓用戶更好地使用軟件。
? ?事關(guān)細(xì)節(jié)(例如,對服務(wù)器進(jìn)行配置或設(shè)計(jì)電子郵件的簽名)
? ?選項(xiàng)和偏好(例如,修改繪圖應(yīng)用程序的單位,由英寸改為厘米)
? ?特定于地區(qū)的信息(例如,時(shí)間和日期等需要頻繁自動更新的信息)
拒絕自定義:自定義耗時(shí)又討厭,用戶并不愿意。主流用戶確實(shí)想要自定義自己的設(shè)置,但是,他們更感興趣的是展示自己的個(gè)性-把計(jì)算機(jī)桌面換為自家狗狗的玉照,而不是重新設(shè)計(jì)用戶界面。
拒絕自動定制:自動定制會使界面復(fù)雜(office2000的“自適應(yīng)菜單”反響很差)
原因:
? ?很難保證默認(rèn)菜單的準(zhǔn)確性
? ?縮短菜單后,用戶需要把每個(gè)功能看兩遍才能確定-首先是看短菜單,在看長菜單,耗時(shí)
? ?用戶最終不知道去哪里找自己想要的命令,因?yàn)檫@些命令的位置有可能會變
逐漸展示:一項(xiàng)功能會包含少數(shù)核心的供主流用戶使用的控制部件,另有一些為專家級用戶準(zhǔn)備的擴(kuò)展性的精確的控制部件,隱藏這些精確部件是好選擇。
采取“核心功能加擴(kuò)展模式”,不僅能簡化設(shè)計(jì),更是一種強(qiáng)大的交互手段。(例如,谷歌的高級搜索功能包括關(guān)鍵字搜索、站內(nèi)搜索、布爾搜索、僅對特定語言搜索、區(qū)域搜索、限定界面鏈接和文件類型的搜索;但主頁面只看到關(guān)鍵詞搜索,其他選項(xiàng)被隱藏。利用用戶測試證明對錯(cuò))階階段展示:用戶隨著搜索的深入而尋找較為復(fù)雜的功能
遵循的規(guī)則:
? ? 設(shè)定一種場景
? ? 講一個(gè)故事,每個(gè)環(huán)節(jié)層層展開
? ? 說用戶的語言,而非專業(yè)術(shù)語
? ? 把信息分成小塊展示
在流程中的每一步都符合用戶心理預(yù)期的情況下,階段展示的效果最好,拒絕向?qū)叫问?/p>
適時(shí)出現(xiàn):《紐約時(shí)報(bào)》提供的字典功能在選擇單詞后才會顯示
如果不這么隱藏,會出現(xiàn):1.在正文中加入超鏈接,肯定會分散讀者注意力;2.如果為每個(gè)詞都加上超鏈接,頁面就會一團(tuán)糟;3.如果他們只挑出個(gè)別的詞,就要投入人力和財(cái)力去編輯每篇文章
因此,只有在合適的時(shí)機(jī)、合適的位置上顯示相應(yīng)的功能,才是成功的隱藏。
提示和線索:“更多”、“高級”這樣的詞眼高高在上不理想,但例如,蘋果公司網(wǎng)站頁面的“技術(shù)規(guī)格”就很適合,adobe在繪圖工具箱中以一個(gè)小三角形圖標(biāo)表示(優(yōu)點(diǎn)在于,采用應(yīng)邀探索設(shè)計(jì)模式,專家喜歡,主流用戶有需求時(shí)也會探索)
讓功能容易找到:“用戶關(guān)注點(diǎn)”-用戶關(guān)注的屏幕區(qū)域,正是關(guān)鍵,即使是一個(gè)非常小的標(biāo)簽放在用戶關(guān)注點(diǎn)上,也會收到良好的效果。
隱藏的要求:
? ?隱藏一次性設(shè)計(jì)和選項(xiàng)
? ?隱藏精確控制選項(xiàng),但專家用戶必須能夠讓這些選項(xiàng)始終保持可見
? ?不可強(qiáng)迫或寄希望于主流用戶自定義功能,不過可以給專家提供這個(gè)選項(xiàng)
? ?巧妙的隱藏。換句話說,首先是隱藏,其次是適時(shí)出現(xiàn)
刪除不必要的,組織要提供的,隱藏非核心的。
第七章 轉(zhuǎn)移
其實(shí)是一種騙術(shù)
在設(shè)備之間轉(zhuǎn)移:手機(jī)和網(wǎng)站(例如run keeper,按時(shí)間段收集信息對手機(jī)而言很輕松,因此手機(jī)去負(fù)責(zé);可以通過網(wǎng)站來查看相應(yīng)的時(shí)間,大屏幕上有足夠的空間顯示這些信息,整體體驗(yàn)簡單)
移動平臺和桌面平臺:
移動平臺可以拍攝任何景物輸入少量文本很難加快數(shù)據(jù)傳輸速度顯示少量信息保存適量信息隨時(shí)隨地使用能夠精確識別位置和方向通過無線網(wǎng)絡(luò)連接到其他設(shè)備
桌面平臺/筆記本只能拍到用戶 輸入大量文本能適當(dāng)加快數(shù)據(jù)傳輸速度顯示大量信息保存大量信息只能坐下來使用只能在某種程度上標(biāo)示位置通過有線和無線網(wǎng)絡(luò)連接到其他設(shè)備
向用戶轉(zhuǎn)移:用戶自己設(shè)定好自己的標(biāo)準(zhǔn)
用戶最擅長做什么:讓用戶感覺簡單的一個(gè)重要前提,就是搞清楚把什么工作交給計(jì)算機(jī),把什么工作留給用戶
人設(shè)定目標(biāo)和制定計(jì)劃估算辨別信息做圖表在包含少數(shù)項(xiàng)的列表中選擇做預(yù)算想象
計(jì)算機(jī)執(zhí)行程序精確計(jì)算存儲和檢索信息復(fù)制對大型列表排序度量交叉引用詳細(xì)信息
創(chuàng)造開放式體驗(yàn):一個(gè)組件有多種用途(把功能組合到通用的工具里面)
菜刀和鋼琴:體驗(yàn)很簡單,普通人和專家都可以用菜刀,但專家的技術(shù)使它不同;鋼琴由于演奏家的技術(shù)水平彈出奏鳴曲,但普通人也可以彈出調(diào)。即專家和主流用戶可以分別設(shè)置自己不同的目標(biāo),但并不適合中級用戶,開放性界面的秘訣在于,盡量減少僅適合中級用戶的“便捷”特性)
非結(jié)構(gòu)化數(shù)據(jù):用戶可以用任意格式和人類語言來寫郵件;計(jì)算機(jī)負(fù)責(zé)發(fā)現(xiàn)郵件中是否有需要結(jié)構(gòu)化或進(jìn)行后續(xù)操作的數(shù)據(jù)。-計(jì)算機(jī)有能力并且負(fù)責(zé)完成數(shù)據(jù)的結(jié)構(gòu)化工作,用戶體驗(yàn)就會簡單。
信任:要想有效地實(shí)現(xiàn)功能轉(zhuǎn)移,必須相信用戶有能力完成該任務(wù)。
構(gòu)筑信任的唯一方式,就是讓用戶參與測試原型或?qū)嵨锬P停谀軌蛘_的把握如何分配任務(wù)之后,讓用戶專注于選擇和指揮,讓計(jì)算機(jī)專注于存儲和計(jì)算。
第八章 最后的叮囑
怎么樣面對無法消除的復(fù)雜性?:-到底應(yīng)該把這個(gè)復(fù)雜性放在哪里?-放在正確的地方
? ?這個(gè)任務(wù)應(yīng)該是自動化的(項(xiàng)flip的自動對焦功能),還是應(yīng)該由用戶來控制(如iPhone中通過觸摸屏幕來對準(zhǔn)相機(jī)的焦距)?
? ?界面中是應(yīng)該包含很多功能特定的按鈕(像高保真音響),還是只放一些通用的按鈕(像iPod)?
? ?這個(gè)任務(wù)是應(yīng)該一次完成(如登陸Facebook),還是應(yīng)該分幾段時(shí)間來完成(像定制Tumblr博客)?
? ?這個(gè)任務(wù)是應(yīng)該讓用戶有意識地去處理(如使用屏幕上的控件來篩選搜索結(jié)果),還是應(yīng)該無意間完成(如查看倫敦地鐵圖中的綠色線路?)
不能忽視細(xì)節(jié):例如,地鐵手機(jī)應(yīng)用忘了顯示地鐵方向
簡單發(fā)生在用戶的頭腦中:不能超出用戶的能力范圍,簡單的設(shè)計(jì)為用戶留下足夠的空間