提交需求
賽事與廣告咨詢合作,請(qǐng)?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!
作者: Jesse James Garrett
副標(biāo)題: 以用戶為中心的產(chǎn)品設(shè)計(jì)
第1章:用戶體驗(yàn)為什么如此重要
1-1 日常生活中的遭遇
敘述了一個(gè)令人懊惱的早晨。
1-2 什么是用戶體驗(yàn)
這個(gè)令人懊惱的早晨其實(shí)可以通過(guò)優(yōu)秀的設(shè)計(jì)來(lái)避免。設(shè)計(jì)產(chǎn)品的時(shí)候,人們大多在思考產(chǎn)品可以做什么,忽略的產(chǎn)品如何工作(人們?nèi)绾问褂盟麄儯?。而后者是打造用戶體驗(yàn)、決定產(chǎn)品成功的重要因素。
1-3 從產(chǎn)品設(shè)計(jì)到用戶體驗(yàn)
一般人做產(chǎn)品設(shè)計(jì)的時(shí)候可能會(huì)考慮兩方面——外觀和功能。但是,將設(shè)計(jì)一個(gè)“用戶體驗(yàn)良好的產(chǎn)品”作為明確的目標(biāo),意味著不僅僅是功能或外觀那么簡(jiǎn)單。用戶體驗(yàn)設(shè)計(jì)通常要解決的是應(yīng)用環(huán)境的綜合問(wèn)題。
設(shè)計(jì)產(chǎn)品內(nèi)部運(yùn)作,用戶不可見的部分的時(shí)候“形式追隨功能”的觀點(diǎn)是正確的。但是,對(duì)于產(chǎn)品直接面對(duì)用戶的那些部分,正確的產(chǎn)品形態(tài)由“用戶自身的心理感受和行為”來(lái)決定。
好的產(chǎn)品 = 優(yōu)秀的外觀設(shè)計(jì) + 有用的功能設(shè)計(jì) + 站在應(yīng)用環(huán)境里設(shè)計(jì)
1-4 為體驗(yàn)而設(shè)計(jì):使用第一
簡(jiǎn)單的產(chǎn)品或許不需要太多用戶體驗(yàn)設(shè)計(jì)。越復(fù)雜的產(chǎn)品,確定如何向用戶提供良好的使用體驗(yàn)就越困難。用戶體驗(yàn)設(shè)計(jì)也就更重要。
1-5 用戶體驗(yàn)和網(wǎng)站
差勁的網(wǎng)站設(shè)計(jì)讓用戶覺(jué)得自己很愚蠢。建立優(yōu)秀的網(wǎng)站需要“理解人們所想和所需”一味的添加新的“產(chǎn)品特性”只會(huì)讓產(chǎn)品越來(lái)越復(fù)雜,用戶也很難再次光顧。提供優(yōu)秀的用戶體驗(yàn)有利無(wú)弊。(不僅對(duì)網(wǎng)站,對(duì)所有類型的產(chǎn)品和服務(wù)都是如此)
1-6 用戶體驗(yàn)就是商機(jī)
對(duì)于商業(yè)網(wǎng)站,優(yōu)秀的用戶體驗(yàn),會(huì)提高客戶的轉(zhuǎn)化率和忠誠(chéng)度。
對(duì)于企業(yè)內(nèi)部網(wǎng)站,優(yōu)秀的用戶體驗(yàn),讓員工工作更快,犯錯(cuò)更少,效率更高。
1-7 在乎你的用戶
創(chuàng)建吸引人的、高效的用戶體驗(yàn)方法稱為“以用戶為中心設(shè)計(jì)”其主要思想:在開發(fā)的每一個(gè)步驟中都要把用戶列入考慮范圍。“以用戶為中心”的設(shè)計(jì)流程保證你在解決方案中的妥協(xié)不是隨即決定的,而是經(jīng)過(guò)思考的。
好的體驗(yàn)是有粘性的、直觀明了、令人愉悅的、“每件事都按照正確的方式在工作”的體驗(yàn)。
第2章:認(rèn)識(shí)這些要素
2-1 五個(gè)層面
表現(xiàn)層:所看到的一系列網(wǎng)頁(yè),由圖片和文字組成。有的可能帶有超鏈接
框架層:按鈕、控件、照片和文本區(qū)域的位置。用于優(yōu)化設(shè)計(jì)布局,達(dá)到元素最大的效果和效率。
結(jié)構(gòu)層:用來(lái)設(shè)計(jì)用戶如何到達(dá)某頁(yè)面以及之后能去哪里,確定網(wǎng)站各種特性和功能最合適的組合方式。
范圍層:網(wǎng)站中全部的特性和功能。
戰(zhàn)略層:經(jīng)營(yíng)者和用戶想從網(wǎng)站得到什么。
2-2 自下而上地建設(shè)
由戰(zhàn)略到表現(xiàn),整個(gè)產(chǎn)品會(huì)越來(lái)越具體。設(shè)計(jì)產(chǎn)品的時(shí)候,每一個(gè)層面都是根據(jù)他下面的那個(gè)層面來(lái)決定的。在更改某個(gè)層面的設(shè)計(jì)后,相應(yīng)的之上層面都可能需要從新設(shè)計(jì)。
但是并不是每一個(gè)“較低層面”的決策都必須在“較高層面”之前做出。在“較高層面”的決定有時(shí)候會(huì)促成你對(duì)“較低層面”的評(píng)估。每個(gè)層面的決策一般根據(jù)競(jìng)品的行為或業(yè)界最佳的實(shí)踐成果來(lái)決定。這些決策可能產(chǎn)生的連鎖反應(yīng)應(yīng)該是雙向的。
在設(shè)計(jì)流程中,不要把每個(gè)層面的工作在下一個(gè)層面【開始之前完成】。更好的方法是讓每一層面的工作在下一個(gè)層面【結(jié)束之前完成】。
2-3 基本的雙重性
在不同領(lǐng)域工作的人們可能使用了相同的詞匯來(lái)形容不同的工作,為了避免誤解,本節(jié)界定了將要介紹的要素名詞的使用范圍——功能型的平臺(tái)產(chǎn)品、信息型的媒介產(chǎn)品
在功能型產(chǎn)品這邊,我們主要關(guān)注的是【任務(wù)】——所有的操作都被納入一個(gè)過(guò)程,去思考人們?nèi)绾瓮瓿蛇@個(gè)過(guò)程。在這里,我們把網(wǎng)站看成用戶用于完成任務(wù)的工具。
在信息型產(chǎn)品這邊,我們主要關(guān)注的是【信息】——網(wǎng)站應(yīng)該提供哪些信息,這些信息對(duì)用戶的意義是什么。創(chuàng)建一個(gè)富信息的用戶體驗(yàn),就是提供給用戶一個(gè)可以尋找、理解,且有意義的信息組合
2-4 用戶體驗(yàn)要素
【戰(zhàn)略層】包括 用戶需求 和 產(chǎn)品目標(biāo) 兩部分
用戶需求:用戶希望從產(chǎn)品中得到什么,這些目標(biāo)如何滿足他們所期待的其他目標(biāo)。
產(chǎn)品目標(biāo):我們自己對(duì)產(chǎn)品的期望目標(biāo),可以是商業(yè)的,或是其他。
【范圍層】包括 功能規(guī)格 和 內(nèi)容需求 兩部分
功能規(guī)格:針對(duì)功能型產(chǎn)品的“功能組合”的詳細(xì)描述。
內(nèi)容需求:針對(duì)信息型產(chǎn)品的“內(nèi)容元素的要求”的詳細(xì)描述。
【結(jié)構(gòu)層】包括: 交互設(shè)計(jì) 和 信息架構(gòu) 兩部分
交互設(shè)計(jì):針對(duì)功能型產(chǎn)品,定義系統(tǒng)如何相應(yīng)用戶的請(qǐng)求。
信息架構(gòu):針對(duì)信息型產(chǎn)品,合理安排內(nèi)容元素以促進(jìn)人類理解信息。
【框架層】包括:信息設(shè)計(jì) 、 界面設(shè)計(jì) 和 導(dǎo)航設(shè)計(jì)
信息設(shè)計(jì):針對(duì)所有產(chǎn)品的一種促進(jìn)理解的信息表達(dá)方式。
界面設(shè)計(jì):針對(duì)功能型產(chǎn)品,安排好能讓用與系統(tǒng)的功能產(chǎn)生互動(dòng)的界面元素。
導(dǎo)航設(shè)計(jì):針對(duì)信息型產(chǎn)品,屏幕上的一些元素的組合,允許用戶在信息架構(gòu)中穿行。
【表現(xiàn)層】包括: 感知設(shè)計(jì)
感知設(shè)計(jì):針對(duì)所有產(chǎn)品的,視覺(jué)呈現(xiàn)。
2-5 應(yīng)用這些要素
在工作中,這些元素的界限并不明顯,每項(xiàng)單獨(dú)做評(píng)估工作也很不容易。更好的辦法是有人能花時(shí)間系統(tǒng)地把每個(gè)模塊都看一看。
另外對(duì)于產(chǎn)品的另外兩個(gè)要素是:【內(nèi)容】和【技術(shù)】,內(nèi)容是產(chǎn)品提供給用戶的最重要的一件東西,是用戶認(rèn)為有價(jià)值的內(nèi)容;技術(shù)是打造用戶體驗(yàn)的基礎(chǔ),合理運(yùn)用先進(jìn)的技術(shù)可以創(chuàng)造更優(yōu)秀的用戶體驗(yàn)。
第3章:戰(zhàn)略層——產(chǎn)品目標(biāo)和用戶需求
3-1 戰(zhàn)略層的定義
戰(zhàn)略層的制定是基于對(duì)企業(yè)內(nèi)外部目標(biāo)的結(jié)合:
》我們要通過(guò)這個(gè)產(chǎn)品的到什么?(產(chǎn)品目標(biāo))
》我們的用戶要通過(guò)這個(gè)產(chǎn)的到什么?(用戶需求)
3-2 產(chǎn)品目標(biāo)
商業(yè)目標(biāo):避免過(guò)于具體(例:為用戶提供一個(gè)實(shí)時(shí)的文本通信工具)或過(guò)于寬泛(例:為公司省錢或賺錢)的目標(biāo)。應(yīng)當(dāng)在充分了解問(wèn)題再得出結(jié)論,明確定義“成功的條件”而不是定義“通向成功的路徑”。
品牌識(shí)別:除了品牌標(biāo)識(shí)的視覺(jué)元素外(商標(biāo)、字體、顏色),的概念系統(tǒng)或情緒反應(yīng)。對(duì)用戶起著潛移默化的作用。你要決定品牌形象是無(wú)意中形成,還是通過(guò)產(chǎn)品設(shè)計(jì)有意安排。
成功標(biāo)準(zhǔn):一些可追蹤的指標(biāo)(例如:轉(zhuǎn)化率、回訪數(shù)、印象數(shù)),用于產(chǎn)品上線后,呈現(xiàn)產(chǎn)品是否滿足產(chǎn)品目標(biāo)和用戶需求。是理解目標(biāo)的重要部分,清楚你“什么時(shí)候算是到達(dá)重點(diǎn)”。這些標(biāo)準(zhǔn)有時(shí)與網(wǎng)站本身和用戶如何使用該產(chǎn)品有一定關(guān)系。
3-3 用戶需求
為用戶設(shè)計(jì)不是為設(shè)計(jì)師自己設(shè)計(jì),需要站在用戶的立場(chǎng)審視問(wèn)題。探索用戶需求的第一步是定義誰(shuí)是我們的用戶,進(jìn)而才能對(duì)其調(diào)研,確定需求的優(yōu)先級(jí)。
用戶細(xì)分:按照某些共同關(guān)鍵特征將用戶分成更小的群組。通過(guò)這種方法揭示用戶最終需求。經(jīng)過(guò)用戶細(xì)分,可以劃分出不同群體的不同需求,有時(shí)他們甚至是矛盾的。出現(xiàn)矛盾的時(shí)候,要么選擇單一用戶群設(shè)計(jì)而忽略其他用戶群,要么為執(zhí)行相同任務(wù)的不同用戶群提供不同的方式,這樣不同的決策無(wú)疑會(huì)影響之后的關(guān)于用戶體驗(yàn)的每一個(gè)選擇。
可用性和用戶研究:收集必要的信息來(lái)達(dá)成共識(shí)。
【問(wèn)卷調(diào)查】【用戶訪談】【焦點(diǎn)小組】適合收集用戶的普遍觀點(diǎn)與感知。
【用戶測(cè)試】【現(xiàn)場(chǎng)調(diào)查】適合理解具體的用戶行為以及用戶在和產(chǎn)品交互時(shí)的表現(xiàn)。
【市場(chǎng)調(diào)查法】:包括【問(wèn)卷調(diào)查】【焦點(diǎn)小組】,調(diào)查前要可以明確地表達(dá)出你試圖從用戶身上獲得什么信息。
【現(xiàn)場(chǎng)調(diào)查】:用于了解在日常生活情景中的用戶行為。缺點(diǎn)是有時(shí)候費(fèi)時(shí)切昂貴。結(jié)果通常對(duì)用戶的理解會(huì)更深刻。
【任務(wù)分析】&【用戶訪談】:一種輕量化的【現(xiàn)場(chǎng)調(diào)查】,只關(guān)注產(chǎn)品中的某一任務(wù)。并且可以通過(guò)【用戶訪談】來(lái)完成,讓用戶講述自己的故事,說(shuō)出自己的經(jīng)驗(yàn)。
【用戶測(cè)試】:請(qǐng)用戶來(lái)測(cè)試你的產(chǎn)品或原型。測(cè)試前要可以明確地表達(dá)出你試圖從用戶身上獲得什么信息。
【卡片排序法】:一種特殊的【用戶測(cè)試】,用于探究用戶如何分類或組織各種信息元素。一般用于信息驅(qū)動(dòng)的產(chǎn)品。
創(chuàng)建人物角色:創(chuàng)建能代表整個(gè)真實(shí)用戶需求的虛構(gòu)人物。通過(guò)這個(gè)保持在設(shè)計(jì)過(guò)程始終不偏離用戶需求。例:【人物角色例圖】
3-4 團(tuán)隊(duì)角色流程
產(chǎn)品目標(biāo)和用戶需求經(jīng)常被定義在一個(gè)正式的【戰(zhàn)略文檔】或【愿景文檔】中。它不僅是列出目標(biāo)清單,還提供目標(biāo)之間的關(guān)系分析,并且說(shuō)明這些目標(biāo)要如何融入更大的企業(yè)中去。目標(biāo)以及目標(biāo)分析來(lái)自于:決策者(企業(yè)管理層)、普通員工、用戶。
【戰(zhàn)略文檔】不要冗長(zhǎng),要簡(jiǎn)潔明了切中要點(diǎn)。
【戰(zhàn)略文檔】必須寫,而且要頻繁使用,要發(fā)給每個(gè)項(xiàng)目參與者(設(shè)計(jì)師、程序員、信息架構(gòu)師、項(xiàng)目經(jīng)理),幫助他們?cè)诠ぷ髦凶龀稣_的決定。
【戰(zhàn)略文檔】可以適當(dāng)演變與改進(jìn)。
第4章:范圍層——功能規(guī)格和內(nèi)容需求
4-1 范圍層定義
定義范圍層的工作:是一個(gè)有價(jià)值的工作,還能產(chǎn)生有價(jià)值的產(chǎn)品。定義范圍層可以確保你的項(xiàng)目能看到盡頭,方便規(guī)劃工作流程、安排、里程碑。
為什么要定義范圍層?
#1:這樣你才知道你正在建設(shè)什么。
把產(chǎn)品的概念提供給團(tuán)隊(duì)。方便任務(wù)在人員上的分匹配。
#2:這樣你才能知道你不需要建設(shè)什么。
對(duì)產(chǎn)品進(jìn)行長(zhǎng)期的規(guī)劃,把暫時(shí)不需要的功能安排到后期。方便功能在時(shí)間上的分配。
4-2 功能和內(nèi)容
功能規(guī)格:載體:【功能規(guī)格說(shuō)明書】,在項(xiàng)目初期它描述產(chǎn)品該做什么,在項(xiàng)目末期它描述產(chǎn)品真正完成了什么。
內(nèi)容需求:通過(guò)內(nèi)容管理系統(tǒng)管理。錯(cuò)誤提示也是一種內(nèi)容需求。
4-3 定義需求
需求的來(lái)源:
① 用戶本身,通過(guò)直接詢問(wèn)了解人們想干什么。
② 企業(yè)中影響你產(chǎn)品的人,例如上司
③ 開發(fā)團(tuán)隊(duì)之外的人的啟發(fā)(工程師、客服、營(yíng)銷),多角度全方位的考慮問(wèn)題
④ 硬件需求是軟件需求的基礎(chǔ)
⑤ 通過(guò)把人物角色放入場(chǎng)景中尋找潛在的用戶需求
⑥ 從競(jìng)爭(zhēng)對(duì)手的產(chǎn)品中尋找啟發(fā)
⑦ 來(lái)自與所開發(fā)產(chǎn)品的類似產(chǎn)品的啟發(fā)
通過(guò)直接詢問(wèn)用戶而得來(lái)的三種需求:
① 用戶講述的清晰的好想法
② 需要深入理解用戶需求而產(chǎn)生的真正的根本性需求
③ 用戶不知道他們是否需要的需求
4-4 功能規(guī)格說(shuō)明
功能規(guī)格說(shuō)明不需要包含產(chǎn)品的每一個(gè)細(xì)節(jié)——只需要包含在設(shè)計(jì)或開發(fā)過(guò)程中出現(xiàn)有可能混淆的功能定義。同時(shí)功能規(guī)格說(shuō)明也不需要展望產(chǎn)品未來(lái)的理想化狀態(tài)——只需要記錄在創(chuàng)建這個(gè)產(chǎn)品時(shí)確定下來(lái)的決議。(理清混淆,立足當(dāng)下)
撰寫功能規(guī)格說(shuō)明的幾條規(guī)則:
① 【樂(lè)觀】描述系統(tǒng)將要去做什么事情去“防止”不好的事情發(fā)生,而不是描述系統(tǒng)“不應(yīng)該”做什么不好的事情。例如:
#1 這個(gè)系統(tǒng)不允許用戶購(gòu)買沒(méi)有風(fēng)箏線的風(fēng)箏。(壞事發(fā)生,不好)
#2 如果用戶要買沒(méi)有線的風(fēng)箏,系統(tǒng)應(yīng)將用戶引導(dǎo)到風(fēng)箏線頁(yè)面。(避免壞事,好)
② 【具體】盡可能詳細(xì)地解釋清楚狀況,這是我們決定一個(gè)功能是否被實(shí)現(xiàn)的最佳途徑。例如:
#1 最受歡迎的視頻要重點(diǎn)標(biāo)注。(籠統(tǒng),不好)
#2 上周被播放最多的視頻要顯示在列表的最前端。(具體,好)
③ 【避免主觀的語(yǔ)氣】保持明確,避免誤解,功能的規(guī)格必須是可以驗(yàn)證的。(可證偽的假設(shè))例如:
#1 這個(gè)網(wǎng)站的風(fēng)格應(yīng)該是時(shí)尚、閃耀的。(無(wú)法驗(yàn)證,不好)
#2 這個(gè)網(wǎng)站應(yīng)該符合郵遞員Wayne所期望的時(shí)尚。(可驗(yàn)證但依賴W的主觀,較好)
#3 網(wǎng)站的外觀應(yīng)該符合企業(yè)的品牌指南文檔(可以客觀驗(yàn)證,好)
④【量化地定義一些功能】是避免主觀語(yǔ)氣的一種法方法。例如
#1 要具有高級(jí)別的執(zhí)行能力(非量化、難驗(yàn)證,不好)
#2 至少可以被1000名用戶同時(shí)使用(量化、可驗(yàn)證,好)
4-5 內(nèi)容需求
內(nèi)容包括:文本、圖像、音頻、視頻等。不同類型的內(nèi)容結(jié)合在一起,協(xié)同滿足某一個(gè)需求。定義出所有不同類型的內(nèi)容,可以幫助你確定需要那些資源來(lái)制作這些內(nèi)容。
確定內(nèi)容需求時(shí)的幾個(gè)工作要點(diǎn)
① 要關(guān)注內(nèi)容本身,而不是關(guān)注內(nèi)容展現(xiàn)的格式。例如在關(guān)注“常見FAQ”時(shí),“常見”一詞可能就會(huì)被忽視。
② 內(nèi)容需求應(yīng)該提供每一個(gè)特性規(guī)模的大致預(yù)估:文本字?jǐn)?shù)、字節(jié)大小、尺寸等。用于設(shè)計(jì)適當(dāng)?shù)墓ぞ邅?lái)管理內(nèi)容。
③ 將責(zé)任安排到位,盡早確定每個(gè)人來(lái)負(fù)責(zé)每一個(gè)內(nèi)容元素。避免沒(méi)有分配責(zé)任就早早進(jìn)入開發(fā)階段。
④ 確保產(chǎn)品上線后的內(nèi)容更新有保障。否則產(chǎn)品會(huì)漸漸難以滿足用戶需求。
⑤ 根據(jù)戰(zhàn)略目標(biāo),定義更新頻率。
⑥ 如果網(wǎng)站針對(duì)需求相異的用戶,要做好內(nèi)容分類工作。清楚哪些用戶需要哪些內(nèi)容。
⑦ 對(duì)于已有大量?jī)?nèi)容的項(xiàng)目而言,需要列出產(chǎn)品所有內(nèi)容的清單。讓團(tuán)隊(duì)的每個(gè)人都知道自己在設(shè)計(jì)用戶體驗(yàn)時(shí)候要做什么工作。
4-6 確定需求優(yōu)先級(jí)
1. 確定需求優(yōu)先級(jí)就是:排列出哪些功能應(yīng)該包含到你現(xiàn)在的這個(gè)項(xiàng)目中去。
2. 戰(zhàn)略目標(biāo)和需求不是一對(duì)一的關(guān)系,而是多對(duì)一,一對(duì)多的交叉關(guān)系。
3. 評(píng)估需求的3個(gè)維度:用戶需求、產(chǎn)品目標(biāo)、可行性。
4. 功能的可行性局限在于:技術(shù)局限而無(wú)法做出來(lái)、時(shí)間局限而需要延期上線、資源局限而需要削減不能完成的任務(wù)。
5. 由于各個(gè)功能之間存在關(guān)聯(lián)性,有些功能的提升需要其他功能的提升作為前提。所以如何權(quán)衡:“是升級(jí)前提功能?還是修改需要提升的功能”取決于你的戰(zhàn)略目標(biāo)。
6. 通過(guò)范圍定義的工作去除那些“看上去有可能要改變戰(zhàn)略的特性建議”,但是如果有這樣的特性:“盡管它不在項(xiàng)目范圍之內(nèi),也超越了任何一個(gè)限制條件,但聽起來(lái)仍像是一個(gè)不錯(cuò)的想法”,那么此時(shí)你可能需要從新審視某些戰(zhàn)略目標(biāo)。無(wú)論如何,如果你在定義范圍的時(shí)總在反復(fù)審視戰(zhàn)略目標(biāo),說(shuō)明你極有可能是太早地進(jìn)入了需求定義階段。
7. 在兩個(gè)特性的重要程度差別不明顯的情況下,辦公室政治也有可能影響項(xiàng)目范圍。
8. 要關(guān)注“制定戰(zhàn)略目標(biāo)”而不是各種實(shí)現(xiàn)目標(biāo)的手段。面對(duì)一個(gè)總是把注意力放在某個(gè)特性的上級(jí),你可能需要溝通技巧。
第5章:結(jié)構(gòu)層——交互設(shè)計(jì)與信息架構(gòu)
5-1 結(jié)構(gòu)層定義
定義結(jié)構(gòu)層的工作:在定義好用戶需求并排列好優(yōu)先級(jí)后,把這些分散的功能點(diǎn)組成一個(gè)整體。為網(wǎng)站創(chuàng)建一個(gè)概念結(jié)構(gòu)。
功能型產(chǎn)品——交互設(shè)計(jì)、信息型產(chǎn)品——信息架構(gòu)。兩者都強(qiáng)調(diào)一個(gè)重點(diǎn):確定各個(gè)將要呈現(xiàn)給用戶的元素的“模式”和“順序”。交互設(shè)計(jì)關(guān)注于將影響用戶執(zhí)行和完成任務(wù)的元素。信息架構(gòu)則關(guān)注如何將信息表達(dá)給用戶的元素。但總之,它們要求設(shè)計(jì)者要理解用戶——理解用戶的工作方式、行為和思考方式。將了解到的知識(shí)融入產(chǎn)品,會(huì)提供為用戶提供更好的體驗(yàn)。
5-2 交互設(shè)計(jì)
交互設(shè)計(jì)關(guān)注描述“可能的用戶行為”,同時(shí)定義“系統(tǒng)如何配合與響應(yīng)”這些用戶行為。不要讓用戶去適應(yīng)產(chǎn)品,而是要讓產(chǎn)品與用戶互相適應(yīng),預(yù)測(cè)對(duì)方的下一步。
程序員傾向做技術(shù)上效率高的產(chǎn)品,而交互設(shè)計(jì)師力求打造對(duì)用戶而言的好產(chǎn)品。與其針對(duì)機(jī)器的最佳工作方式來(lái)設(shè)計(jì)系統(tǒng),還不如設(shè)計(jì)一個(gè)對(duì)用戶而言最好的系統(tǒng)。
5-3 概念模型
5-3-1 概念模型的定義與運(yùn)用
用戶對(duì)于“交互組件將怎樣工作”的觀點(diǎn)稱為概念模型。例如:
“購(gòu)物車”——典型的容器概念模型,人們“放進(jìn)東西”或“拿出東西”;
“訂貨單”——使用“編輯”來(lái)代替“購(gòu)物車”的“放進(jìn)”與“拿出”。
使用人們熟悉的概念模型,會(huì)使用戶很快適應(yīng)一個(gè)陌生的網(wǎng)站。當(dāng)然,打破傳統(tǒng)也沒(méi)有錯(cuò)——只要你有一個(gè)好理由說(shuō)明“為什么要這么做”,同時(shí)準(zhǔn)備好另一個(gè)符合用戶需求且在情理之中的概念模型以備用。一個(gè)令人不太熟悉的概念模型只有在用戶能正確理解并詮釋它的時(shí)候才能起到效果。
我們不必將概念模型明確地告訴我們的用戶。這樣可能會(huì)令他們混淆。概念模型是用于在交互設(shè)計(jì)的開發(fā)過(guò)程中保持使用方式的一致性的。了解用戶對(duì)網(wǎng)站模式的想法,可以幫助我們挑選出最有效的概念模型。理想的狀態(tài)是:我們不需要告訴用戶網(wǎng)站使用的是什么概念模型;用戶使用網(wǎng)站的時(shí)候,基本上是憑直覺(jué)的,因?yàn)榫W(wǎng)站的交互行為與用戶隱含的期望是完全相符的。
將現(xiàn)實(shí)世界中相對(duì)應(yīng)實(shí)物的比喻放入我們的概念模型中,這對(duì)系統(tǒng)功能設(shè)計(jì)有一定價(jià)值。不過(guò),更重要的是,不要將比喻從現(xiàn)實(shí)世界中一字不落地照搬過(guò)來(lái)。(避免過(guò)分運(yùn)用比喻)
5-3-2 錯(cuò)誤處理
——當(dāng)人們犯錯(cuò)誤時(shí),系統(tǒng)要如何反應(yīng),并且當(dāng)錯(cuò)誤第一次發(fā)生時(shí),系統(tǒng)要如何防止人們繼續(xù)犯錯(cuò)。方法:
① 同時(shí)也是最好的防止錯(cuò)誤的方法,是將系統(tǒng)設(shè)計(jì)成不可能犯錯(cuò)的那種。
② 避免錯(cuò)誤的方法就是使錯(cuò)誤難以發(fā)生。但即使如此,一些錯(cuò)誤一定會(huì)發(fā)生。這是,系統(tǒng)應(yīng)該幫助用戶找出錯(cuò)誤并且改正它們。在某些情況下,系統(tǒng)甚至可以幫助用戶自動(dòng)改正錯(cuò)誤(要慎用)。有效的錯(cuò)誤信息和容易自我解釋的界面可以在錯(cuò)誤發(fā)生之后幫助用戶糾正。
③ 面對(duì)有些用戶開始認(rèn)為是對(duì)的,后來(lái)發(fā)現(xiàn)錯(cuò)了的那種錯(cuò)誤,最有效的方法是為可以恢復(fù)的操作提供“撤銷”選項(xiàng)。不可恢復(fù)的操作要適當(dāng)警告。
5-4 信息架構(gòu)
5-4-1 信息架構(gòu)意義
信息架構(gòu)研究的是人們?nèi)绾握J(rèn)知信息的過(guò)程,對(duì)于產(chǎn)品而言,信息架構(gòu)關(guān)注的就是呈現(xiàn)給用戶的信息是否合理并具有意義。這對(duì)信息型產(chǎn)品和功能型產(chǎn)品都很重要。
5-4-2 結(jié)構(gòu)化內(nèi)容,內(nèi)容分類法
在以內(nèi)容為主的網(wǎng)站上,信息架構(gòu)主要的工作是設(shè)計(jì)組織分類和導(dǎo)航的結(jié)構(gòu),讓用戶可以高效率、有效地瀏覽網(wǎng)站的內(nèi)容。信息架構(gòu)與信息檢索的概念密切相關(guān):設(shè)計(jì)出讓用戶容易找到信息的系統(tǒng)。甚至是教育、通知或說(shuō)服用戶。
信息架構(gòu)要求創(chuàng)建分類體系,兩種建立方式:從上到下、從下到上。
從上到下 的信息架構(gòu)法將從戰(zhàn)略成所考慮的內(nèi)容,即根據(jù)產(chǎn)品目標(biāo)與用戶需求直接進(jìn)行結(jié)構(gòu)設(shè)計(jì)。先從最廣泛的、有可能滿足決策目標(biāo)的內(nèi)容與功能開始進(jìn)行分類,然后再依據(jù)邏輯細(xì)分出次級(jí)分類。這樣的“主要分類”與“次要分類”的層級(jí)結(jié)構(gòu)就像一個(gè)個(gè)的空槽,而內(nèi)容和功能將按順序一一填入。(由戰(zhàn)略層驅(qū)動(dòng))
從下到上 的信息架構(gòu)法也包括了主要分類與次要分類,但它是根據(jù)對(duì)“內(nèi)容和功能需求的分析”而來(lái)的。先從已有的資料(或者當(dāng)網(wǎng)站發(fā)布后將存在的資料)開始,把這些資料統(tǒng)統(tǒng)放到最低級(jí)別的分類中,然后再將它們分別歸屬到較高一級(jí)的類別,從而逐漸構(gòu)建出能反映我們的產(chǎn)品目標(biāo)和用戶需求的結(jié)構(gòu)。(由范圍層驅(qū)動(dòng))
兩者相比較,前者容易忽略內(nèi)容的重要細(xì)節(jié);后者過(guò)于精確的細(xì)節(jié)導(dǎo)致未來(lái)可能不能靈活的變動(dòng)或增加內(nèi)容。需要找出兩者的平衡點(diǎn)。
5-4-3 關(guān)于分類層級(jí)間的跳轉(zhuǎn)
但是計(jì)算用戶從開始到完成任務(wù)的點(diǎn)擊次數(shù)是不科學(xué)的,比起令人困惑的點(diǎn)三下,用戶可能會(huì)更喜歡無(wú)腦的點(diǎn)七下。所以,重要的是結(jié)構(gòu)質(zhì)量,而非整個(gè)過(guò)程要多少步驟。
5-4-4 關(guān)于產(chǎn)品升級(jí)與更新
網(wǎng)站的更新幾乎是必然的,高效的網(wǎng)站結(jié)構(gòu)可以“容納成長(zhǎng)和適應(yīng)變動(dòng)”,更多的新內(nèi)容可以讓你從新審視網(wǎng)站的分類組織原則。在每次較大規(guī)模變更網(wǎng)站結(jié)構(gòu)之前,最好提前通知用戶。
5-4-5 四種常見的結(jié)構(gòu)類型
信息架構(gòu)的基本單位是節(jié)點(diǎn)。它可以對(duì)應(yīng)任意的信息片段或組合,設(shè)定我們關(guān)注點(diǎn)的詳略程度。
層級(jí)結(jié)構(gòu):(樹狀結(jié)構(gòu)、中心輻射)節(jié)點(diǎn)與其他相關(guān)節(jié)點(diǎn)之間存在父級(jí) / 子級(jí)關(guān)系
矩陣結(jié)構(gòu):允許用戶在節(jié)點(diǎn)與節(jié)點(diǎn)之間沿著兩個(gè)或更多(最多三個(gè))的“維度”移動(dòng)
自然結(jié)構(gòu):沒(méi)有很強(qiáng)的分類概念,各節(jié)點(diǎn)分散逐一連接,適合營(yíng)造自由探險(xiǎn)的感覺(jué)
線性結(jié)構(gòu):連貫的節(jié)點(diǎn)排布,用于限制那些內(nèi)容循序?qū)τ谟脩粜枨蠓浅jP(guān)鍵的應(yīng)用程序
5-4-6 組織原則
——決定哪些節(jié)點(diǎn)要編成一組,而哪些節(jié)點(diǎn)要保持獨(dú)立的標(biāo)準(zhǔn)。
一般來(lái)說(shuō),在產(chǎn)品最高層級(jí)使用的組織原則應(yīng)該緊密地與“網(wǎng)站目標(biāo)”和“用戶需求”相關(guān)。而在結(jié)構(gòu)中較低的層級(jí),內(nèi)容與功能需求將對(duì)你所采取的組織原則產(chǎn)生重大影響。
使用合理的“截面”來(lái)組織信息,使用錯(cuò)誤的截面可能比不使用更糟糕。對(duì)于截面的問(wèn)題常見對(duì)策是,將每一個(gè)有可能的截面都當(dāng)作組織原則來(lái)使用,讓用戶自己去選擇對(duì)他們而言最重要的那個(gè)。
截面:各項(xiàng)目中某種特定性質(zhì)。例如:汽車的重量、耗油量、型號(hào)、外觀等就屬于不同的截面。
5-4-7 語(yǔ)言和元數(shù)據(jù)
“清晰的結(jié)構(gòu)”配合“明了的命名原則”才能讓用戶順利的了解網(wǎng)站。
命名原則:描述、標(biāo)簽,和網(wǎng)站的其他術(shù)語(yǔ)。“使用用戶的語(yǔ)言”并且“保持一致性”是非常重要的。我們把用來(lái)強(qiáng)調(diào)一致性的工具稱為“受控詞典”
【受控詞典】是網(wǎng)站使用的一套標(biāo)準(zhǔn)語(yǔ)言。與用戶談話并了解他們的溝通方式,是開發(fā)出一個(gè)讓用戶感到自然的命名原則系統(tǒng)的最有效方式。創(chuàng)造并遵守它,可以防止企業(yè)內(nèi)部的專用術(shù)語(yǔ)侵入產(chǎn)品,降低用戶體驗(yàn)。并且,也有助于建立起貫穿所有內(nèi)容的一致性。
【類詞詞典】提供常用的、但未納入該網(wǎng)站標(biāo)準(zhǔn)用語(yǔ)的詞匯以供選擇。你可以添加:內(nèi)部專用術(shù)語(yǔ)、速寫語(yǔ)、俚語(yǔ)或縮寫詞等對(duì)其相對(duì)應(yīng)的詞匯進(jìn)行補(bǔ)充。還可能包含詞匯之間的類型關(guān)系,提供更廣義、更狹義或相關(guān)詞匯的建議。
【元數(shù)據(jù)】是“關(guān)于信息的信息”,即以一種結(jié)構(gòu)化的方式來(lái)描述內(nèi)容的信息。例如你的網(wǎng)站中的一篇文章,該文章的:發(fā)布時(shí)間、作者、內(nèi)同類型等信息屬于元數(shù)據(jù)。建立一套元數(shù)據(jù)分類系統(tǒng),有助于日后創(chuàng)建某個(gè)專題(某作者的專題內(nèi)容或有關(guān)于某個(gè)新聞的相似舊新聞的專題)以備不時(shí)之需。
元數(shù)據(jù)的另外一個(gè)用途是提供更可靠的搜索結(jié)果。元數(shù)據(jù)+類詞詞典+搜索引擎,讓搜索可以變得更智能,甚至可以推薦給用戶可能感興趣的內(nèi)容
5-5 團(tuán)隊(duì)角色和流程
5-5-1 結(jié)構(gòu)層的交付——架構(gòu)圖
信息架構(gòu)或交互設(shè)計(jì)的主要文檔是示意圖。視覺(jué)化地呈現(xiàn)整體結(jié)構(gòu),同時(shí)包含命名原則和元數(shù)據(jù)的具體細(xì)節(jié)?,F(xiàn)在,人們一般用【架構(gòu)圖】作為描述網(wǎng)站結(jié)構(gòu)的工具。
這種架構(gòu)圖不一定要寫明網(wǎng)站的每一頁(yè)的每一個(gè)鏈接。太過(guò)詳細(xì)的架構(gòu)圖可能會(huì)造成混亂。架構(gòu)圖最重要的是記錄概念關(guān)系:哪些類別需要放在一起,而哪些需要保持獨(dú)立?在交互過(guò)程中那些步驟要怎樣相互配合?(工具:視覺(jué)詞典——Visvo)
5-5-2 成員分配
企業(yè)中,用戶體驗(yàn)設(shè)計(jì)師一般從事交互設(shè)計(jì)和信息架構(gòu)兩部分工作。
FAQ:是否需要聘請(qǐng)一位全職的信息架構(gòu)師作為團(tuán)隊(duì)成員?
如果你的產(chǎn)品主要是內(nèi)容的更新,不需要定期對(duì)網(wǎng)站從新設(shè)計(jì)開發(fā),就不需要。反之,則需要。
第6章:框架層——界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)
6-1 框架層定義
關(guān)注獨(dú)立的組件以及他們之間的相互關(guān)系。由界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、信息設(shè)計(jì)組成。
界面設(shè)計(jì):提供給用戶做某事的能力。通過(guò)它,用戶能真正接觸到那些“在結(jié)構(gòu)層的交互設(shè)計(jì)中”確定的“具體功能”。(針對(duì)功能型產(chǎn)品)
導(dǎo)航設(shè)計(jì):提供給用戶去某個(gè)地方的能力。通過(guò)它,用戶可以看清楚“在信息架構(gòu)中”確定的“結(jié)構(gòu)”,并且可以在其中自由穿行。(針對(duì)信息型產(chǎn)品)
信息設(shè)計(jì):傳達(dá)想法給用戶。(針對(duì)兩者)
6-2 習(xí)慣和比喻
6-2-1 習(xí)慣與反射作用
習(xí)慣和反射作用是我們與這個(gè)世界交互時(shí)的各種基礎(chǔ),我們?nèi)粘I钪性S多事情都是通過(guò)大量的細(xì)小的反射完成的。
適當(dāng)?shù)淖袷亓?xí)慣和謹(jǐn)慎的違背習(xí)慣都可以建立成功的用戶體驗(yàn),但前提是,你在做每一個(gè)決定的時(shí)候都要有充分的、明確的理由。
對(duì)于產(chǎn)品內(nèi)部的不同特性可以使用相同的概念模型,進(jìn)而可以使用類似的界面設(shè)計(jì)。用戶將在這兩個(gè)地方使用相同的操作習(xí)慣,能有舉一反三的效果。而對(duì)于產(chǎn)品內(nèi)部重復(fù)出現(xiàn)的模塊,例如開始、結(jié)束、保存,一般給它們一個(gè)統(tǒng)一的設(shè)計(jì),有助于用戶更快的達(dá)到自己的目標(biāo)而減少錯(cuò)誤。
6-2-2 抑制在產(chǎn)品四周建立比喻的沖動(dòng)
運(yùn)用比喻就會(huì)帶來(lái)猜測(cè),多數(shù)情況下用戶猜到的跟你設(shè)想的都不搭邊。更好、更簡(jiǎn)單的做法是完全去除猜測(cè)的成分。有效的使用比喻,就是要減少用戶在“理解和使用你的產(chǎn)品功能”時(shí)對(duì)猜測(cè)的要求。
6-3 界面設(shè)計(jì)
6-3-1 成功的界面設(shè)計(jì)是怎樣的?
界面設(shè)計(jì)要做的全部事情就是選擇正確的界面元素。哪個(gè)功能要在哪個(gè)界面上完成,是我們?cè)诮Y(jié)構(gòu)層的交互設(shè)計(jì)中已經(jīng)決定的;而這些功能在界面上如何被用戶認(rèn)知到,是界面設(shè)計(jì)的范疇。成功的界面讓用戶第一眼就看到最重要的東西。不重要的東西,不應(yīng)該被注意到。對(duì)于復(fù)雜系統(tǒng)的設(shè)計(jì),弄清楚用戶不需要什么,并減少它們的可發(fā)現(xiàn)型(或直接排除)是最重要的。
6-3-2 界面設(shè)計(jì)需要怎樣的思路?
像程序員一樣總是考慮“邊緣情況”(發(fā)生場(chǎng)景很少的)是不可取的。將一個(gè)極端情況呈現(xiàn)出來(lái)的界面,等于給大多數(shù)用戶提供一個(gè)設(shè)計(jì)不良的界面。良好的界面可以組織好用戶最長(zhǎng)采用的行為,同時(shí)讓這些界面元素用最容易的方式獲取和使用。
6-3-3 設(shè)計(jì)界面有什么技巧?
采用一個(gè)聰明的默認(rèn)值;記錄用戶最后一次的選擇;熟悉利用各種不同的標(biāo)準(zhǔn)元素;等
6-4 導(dǎo)航設(shè)計(jì)
6-4-1導(dǎo)航設(shè)計(jì)的三個(gè)目標(biāo)(廣泛適用兩種產(chǎn)品)
① 必須提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法,導(dǎo)航鏈接真實(shí)有效
② 必須傳達(dá)出這些元素和它們所包含內(nèi)容之間的關(guān)系
③ 必須傳達(dá)出它的內(nèi)容和用戶當(dāng)前瀏覽頁(yè)面之間的關(guān)系
6-4-2幾種導(dǎo)航方式
【全局導(dǎo)航】
提供覆蓋整個(gè)網(wǎng)站的通路,“固定”在網(wǎng)站頂部或側(cè)欄。
【局部導(dǎo)航】
提供給用戶這個(gè)架構(gòu)中到“附近地點(diǎn)”的通路,一個(gè)父級(jí)界面、兄弟級(jí)和子級(jí)通路。
【輔助導(dǎo)航】
提供了全局導(dǎo)航或局部導(dǎo)航不能快速到達(dá)的相關(guān)內(nèi)容的快捷途徑,允許用戶不從頭開始。
【上下文導(dǎo)航】
嵌入頁(yè)面自身內(nèi)容的一種導(dǎo)航。例如重點(diǎn)詞解釋,要根據(jù)用戶來(lái)設(shè)置,不要隨意設(shè)置。
【友好導(dǎo)航】
提供給用戶他們通常不會(huì)需要的連接,但是它們是作為一種便利的途徑來(lái)使用。例如法律說(shuō)明、聯(lián)系信息等。
【遠(yuǎn)程導(dǎo)航】
沒(méi)有包含在頁(yè)面結(jié)構(gòu)中的導(dǎo)航,獨(dú)立于網(wǎng)站的內(nèi)容或功能。
【網(wǎng)站地圖】
在單頁(yè)中瀏覽網(wǎng)站整體結(jié)構(gòu)的快捷方式。一般縮進(jìn)顯示兩個(gè)層級(jí)內(nèi)的導(dǎo)航
【索引表】
按照字母順序排列的、連接到相關(guān)頁(yè)面的列表。適用于涵蓋多主題,多內(nèi)容的網(wǎng)站,普通網(wǎng)站一般不需要。
6-5 信息設(shè)計(jì)
6-5-1 信息設(shè)計(jì)介紹
信息設(shè)計(jì)決定如何呈現(xiàn)信息,使人們?nèi)菀资褂煤屠斫猱a(chǎn)品。有時(shí)它是視覺(jué)方面的,例如呈現(xiàn)數(shù)據(jù)選擇餅狀圖還是柱狀圖,哪個(gè)icon可以體現(xiàn)搜索的概念?望遠(yuǎn)鏡?放大鏡?還有時(shí)涉及到“分組”或“整理”散亂的信息。
最關(guān)鍵的,是用一種能“反映用戶思路”和“支持他們的任務(wù)和目標(biāo)”的方式分類和排列這些信息元素。排列這些信息元素之間的關(guān)系,是屬于微觀信息架構(gòu)的工作。
信息設(shè)計(jì)不但包括收集信息,同時(shí)也需要設(shè)計(jì)呈現(xiàn)信息的方式。不管什么時(shí)候,系統(tǒng)都應(yīng)該給用戶提供能正確使用系統(tǒng)的信息(無(wú)論是用戶出錯(cuò)還是剛剛開始使用)。
6-5-2 指示標(biāo)識(shí)(你在這里指示器)
信息設(shè)計(jì)結(jié)合導(dǎo)航設(shè)計(jì),幫助用戶理解:他們?cè)谀?,他們能去哪。常用的指示方法可以運(yùn)用:色彩、形狀、標(biāo)簽系統(tǒng)、排版 等。
6-6 框架層的交付——線框圖
頁(yè)面布局將信息設(shè)計(jì)、界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)結(jié)合到一起,形成一個(gè)統(tǒng)一的、有內(nèi)在凝聚力的架構(gòu)——線框圖。線框圖一般自帶說(shuō)明,并配合其他交互文檔、內(nèi)容需求等文檔一同閱讀。它是視覺(jué)設(shè)計(jì)的第一步。
簡(jiǎn)單產(chǎn)品的線框圖可以作為建立界面的模版。復(fù)雜產(chǎn)品的線框圖不一定要每個(gè)界面都畫出來(lái),可以只畫出較少的標(biāo)準(zhǔn)界面,然后細(xì)化。
線框圖是整合在框架層的全部三種要素的方法:通過(guò)安排和選擇界面元素來(lái)整合界面設(shè)計(jì);通過(guò)識(shí)別和定義核心導(dǎo)航系統(tǒng)來(lái)整合導(dǎo)航設(shè)計(jì);通過(guò)放置和排列信息組成部分的優(yōu)先級(jí)來(lái)整合信息設(shè)計(jì)。線框圖可以確定一個(gè)建立在基本概念結(jié)構(gòu)上的架構(gòu),同時(shí)指出了表現(xiàn)層設(shè)計(jì)的前進(jìn)方向。
第7章:表現(xiàn)層——感知設(shè)計(jì)
7-1 表現(xiàn)層定義
通過(guò)關(guān)注視覺(jué)設(shè)計(jì),決定信息設(shè)計(jì)的交付產(chǎn)物在視覺(jué)上如何呈現(xiàn)。
7-2 合理設(shè)計(jì)感知
設(shè)計(jì)流程中的最后一戰(zhàn),用戶體驗(yàn)到的第一站。這些感覺(jué)包括:視覺(jué)、聽覺(jué)(警示音)、觸覺(jué)(產(chǎn)品形狀和材質(zhì))、嗅覺(jué)和味覺(jué)(使用的材料)。以下內(nèi)容將以視覺(jué)設(shè)計(jì)為主。
評(píng)估視覺(jué)設(shè)計(jì)好壞的標(biāo)準(zhǔn)應(yīng)該是:在保證軟件運(yùn)行良好的前提下,讓軟件更美觀。視覺(jué)設(shè)計(jì)不能破壞用戶體驗(yàn)設(shè)計(jì)前期所做的工作。(符合戰(zhàn)略目標(biāo)等內(nèi)容)
7-3 忠于眼睛(視覺(jué)注意力上部?jī)?yōu)先,左邊優(yōu)先)
要遵循人類本能去設(shè)計(jì)。在完成視覺(jué)設(shè)計(jì)后,問(wèn)問(wèn)別人,這樣的設(shè)計(jì)是否合適,或者瞇著眼睛看頁(yè)面,直到不能辨認(rèn)出任何細(xì)節(jié),然后讓眼睛在頁(yè)面周圍無(wú)意識(shí)的移動(dòng)。成功的設(shè)計(jì)保證視覺(jué)路徑流暢不擁擠,其次,在沒(méi)有很多細(xì)節(jié)的前提下,為用戶提供有效選擇的、某種可能的“引導(dǎo)”。
7-4 對(duì)比和一致性
某一元素與眾不同時(shí)(利用顏色、形狀、大小等方法),用戶會(huì)本能的注意到他。需要注意的是:
① 要讓“差異”足夠大,用戶能足夠分辨出這個(gè)設(shè)計(jì)是刻意為之的,要傳達(dá)信息的。
② 避免過(guò)度運(yùn)用對(duì)比原則,否則界面滿是重點(diǎn)也就看不出重點(diǎn)了。
③ 避免沒(méi)有對(duì)比導(dǎo)致頁(yè)面平淡無(wú)比。
④ 可以運(yùn)用對(duì)比來(lái)引導(dǎo)用戶在頁(yè)面上的視線,或?qū)⒆⒁饬械綆讉€(gè)關(guān)鍵的要素上。
⑤ 在設(shè)計(jì)中要保持一致性,讓元素視覺(jué)大小保持一致的尺寸,方便布局。
方法:使用基于柵格線的布局。
⑥ 避免教條主義,堅(jiān)持使用柵格線系統(tǒng)。
7-5 內(nèi)部和外部的一致性
內(nèi)部一致性問(wèn)題:在產(chǎn)品的兩個(gè)不同的地方反映了不同的設(shè)計(jì)方法
外部一致性問(wèn)題:產(chǎn)品沒(méi)有在同一企業(yè)的其他產(chǎn)品中,反映出被使用的相同的設(shè)計(jì)方法
避免類似問(wèn)題的解決方法是,重復(fù)的模塊只設(shè)計(jì)一次,然后把它們應(yīng)用到不同產(chǎn)品的不同位置上。最后檢查每個(gè)產(chǎn)品的設(shè)計(jì),找出不適合該產(chǎn)品的模塊,單獨(dú)為該產(chǎn)品的模塊再設(shè)計(jì)。注意,再設(shè)計(jì)時(shí)要保持系統(tǒng)的完整性。
7-6 配色方案和排版
7-6-1 配色方案
對(duì)比和一致性的原則在設(shè)計(jì)配色方案時(shí)也十分重要。優(yōu)秀的配色方案,需要保證顏色之間的差異足夠用戶把他們區(qū)分開,同時(shí)也用了一致的方式來(lái)應(yīng)用它們。
7-6-2 排版
正文的排版優(yōu)先級(jí):文字的可讀性要求 > 網(wǎng)站的風(fēng)格要求 (Helvetica、Times)
題目,導(dǎo)航元素優(yōu)先級(jí):網(wǎng)站的風(fēng)格要求 > 文字的可讀性要求(風(fēng)格強(qiáng)烈的字體)
大多情況下,你不需要用太多種字體來(lái)滿足你溝通的需求。同樣,不要選擇兩款似像非像的字體,要有足夠大的差異,產(chǎn)生對(duì)比。
7-7 設(shè)計(jì)合成品和風(fēng)格指南
【視覺(jué)模型】又稱設(shè)計(jì)合成品,通過(guò)視覺(jué)設(shè)計(jì),將線框圖轉(zhuǎn)化成的可視化產(chǎn)品。視覺(jué)設(shè)計(jì)不一定要精確地按照線框圖來(lái)做——只要它考慮到了相關(guān)的重要級(jí)別以及線框圖中個(gè)元素的組合關(guān)系。
建立【風(fēng)格指南】可以確保設(shè)計(jì)決策的權(quán)威性,即保證視覺(jué)設(shè)計(jì)的工作不會(huì)因?yàn)閱T工的離職或時(shí)間的流逝而失去風(fēng)格,集體失憶。
風(fēng)格指南文檔確定了視覺(jué)設(shè)計(jì)的每個(gè)方面,從最大到最小的范圍內(nèi)的所有元素。影響到產(chǎn)品的每一個(gè)局部的全局標(biāo)準(zhǔn)(比如設(shè)計(jì)柵格、配色方案、字體標(biāo)準(zhǔn)或標(biāo)志應(yīng)用指南)通常是風(fēng)格指南中的第一部分。同時(shí)包括每一個(gè)模塊或網(wǎng)站功能的具體標(biāo)準(zhǔn)。在某些情況下,風(fēng)格指南中所記錄的標(biāo)準(zhǔn),應(yīng)該包括各個(gè)層級(jí)的標(biāo)準(zhǔn)從獨(dú)立界面到統(tǒng)一的導(dǎo)航元素??傮w目標(biāo)是:提供足夠的細(xì)節(jié)來(lái)幫助人們將來(lái)做出明智的決策。確保產(chǎn)品看起來(lái)像是一個(gè)協(xié)調(diào)的整體,而不是碎片。
第8章:要素的應(yīng)用
(1)創(chuàng)建良好的用戶體驗(yàn)最重要的工作內(nèi)容是大量收集待解決的非常細(xì)微的問(wèn)題。“成功的方法”的特點(diǎn):
① 了解你正在試著去解決的問(wèn)題——了解問(wèn)題出在了哪一層,試著解決。
② 了解這些解決辦法所造成的后果——每個(gè)改動(dòng)都會(huì)產(chǎn)生連鎖反應(yīng)。
必須要周全考慮5個(gè)層面的全部因素,保證所有的用戶體驗(yàn)要素都被關(guān)注。
(2)用戶體驗(yàn)決策在不自覺(jué)地產(chǎn)生的情況,總是出現(xiàn)在如下場(chǎng)景中:
① 由現(xiàn)狀決定的設(shè)計(jì):發(fā)生在當(dāng)用戶體驗(yàn)的結(jié)構(gòu)遵循背后的技術(shù)時(shí)。遵循技術(shù)去設(shè)計(jì)產(chǎn)品,不一定設(shè)計(jì)出會(huì)對(duì)用戶友好的產(chǎn)品。更多時(shí)候應(yīng)該綜合考慮兩者。
② 由模仿決定的設(shè)計(jì):發(fā)生在當(dāng)用戶體驗(yàn)依靠于來(lái)自其他相似產(chǎn)品時(shí)。這些軟件的情況對(duì)你的用戶或產(chǎn)品來(lái)講可能并不合適。
③ 由領(lǐng)導(dǎo)決定的設(shè)計(jì):發(fā)生在當(dāng)用戶體驗(yàn)由個(gè)人喜好代替了用戶需求或產(chǎn)品目標(biāo)驅(qū)動(dòng)體驗(yàn)決策的時(shí)候。這樣可能已經(jīng)忽略了應(yīng)該用于驅(qū)動(dòng)你做出決策的戰(zhàn)略目標(biāo)。
8-1 提出正確的問(wèn)題
設(shè)計(jì)用戶體驗(yàn)的時(shí)候總伴隨著很多小問(wèn)題。有些小問(wèn)題牽一發(fā)而動(dòng)全身,讓你不得不從新思考你認(rèn)為已經(jīng)解決的問(wèn)題。很多時(shí)候,你必須要在不同的做法間做出妥協(xié)并評(píng)估利弊做出取舍。當(dāng)你面對(duì)這樣的選擇,左右為難的時(shí)候,正確的做法是:將每一個(gè)決定都建立在對(duì)其背后議題的理解之上。第一個(gè)問(wèn)題問(wèn)你自己的:你為什么要這么做?
在沒(méi)有多余的時(shí)間、金錢和資源的情況下,你可以問(wèn)問(wèn)客服來(lái)收集用戶信息,可以找朋友家人做做可用性測(cè)試??傊?,從已經(jīng)或可以到手的信息下手,有理有據(jù)的調(diào)整用戶體驗(yàn)。
要在設(shè)計(jì)進(jìn)行中進(jìn)行用戶體驗(yàn)評(píng)估,而不是在項(xiàng)目快要結(jié)束的時(shí)候。否則你就算得到了問(wèn)題,也沒(méi)有時(shí)間進(jìn)行修改了。提前評(píng)估,不要怕所謂的“用戶體驗(yàn)評(píng)估浪費(fèi)時(shí)間金錢”。
同時(shí),也不要在項(xiàng)目結(jié)束的時(shí)候做所謂“用戶接受度測(cè)試”,這樣會(huì)導(dǎo)致無(wú)數(shù)設(shè)計(jì)中的假設(shè)在沒(méi)有經(jīng)過(guò)任何檢查的情況下進(jìn)入,形成了用戶體驗(yàn)。在已經(jīng)完成的產(chǎn)品中通過(guò)用戶測(cè)試中揭露這些假設(shè)是極度困難的,因?yàn)樗鼈儾卦诹私缑婧徒换サ耐庖孪旅妗?/p>
還有,用戶測(cè)試雖然是保證良好體驗(yàn)的一個(gè)主要手段。但是,不能在設(shè)計(jì)中用測(cè)試取代測(cè)試。測(cè)試永遠(yuǎn)無(wú)法取代一個(gè)考慮周密的、準(zhǔn)備充分的用戶體驗(yàn)設(shè)計(jì)過(guò)程。
詢問(wèn)你的用戶關(guān)于產(chǎn)品的某個(gè)具體元素的問(wèn)題,能幫助你收集來(lái)自用戶的更多相關(guān)信息。著眼于用戶體驗(yàn)而進(jìn)行用戶測(cè)試,不要用不相關(guān)的內(nèi)容把事情搞混亂。
測(cè)試只是了解用戶的手段之一,好產(chǎn)品基于對(duì)用戶的準(zhǔn)確理解。要做到“比用戶自己更準(zhǔn)確地去理解他們需求”。
8-2 馬拉松和短跑
用戶體驗(yàn)開發(fā)過(guò)程是一場(chǎng)“馬拉松”而不是“短跑”。
用戶體驗(yàn)流程應(yīng)當(dāng)多回顧,前期的交付后期需要測(cè)試,測(cè)試結(jié)束后再根據(jù)結(jié)果修改。不要等到所有的工作都做完了,再測(cè)試。那樣團(tuán)隊(duì)里不管是誰(shuí)都會(huì)抓狂。
用戶體驗(yàn)流程環(huán)環(huán)相扣,在上一級(jí)的錯(cuò)誤會(huì)消弱更低層面的正確決策,視覺(jué)糟糕,用戶不喜歡;上一級(jí)層面的正確決策如果建立在錯(cuò)誤的低層級(jí)決策的話,漂亮的產(chǎn)品可能并不好用,用戶照樣不喜歡。
從產(chǎn)品開發(fā)之初,在整個(gè)開發(fā)流程之內(nèi),始終從完整的用戶體驗(yàn)出發(fā),就會(huì)有好的結(jié)果。每一件與產(chǎn)品用戶體驗(yàn)有關(guān)的事情都是有意識(shí)地、明確地決策的結(jié)果,只有這樣你才能確保這個(gè)產(chǎn)品同時(shí)滿足你的戰(zhàn)略目標(biāo)和用戶需求。
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)