出版時(shí)間:2008-06-01 出版社:清華大學(xué)出版社 作者:向怡寧 頁(yè)數(shù):301 字?jǐn)?shù):530000
Tag標(biāo)簽:無(wú)
內(nèi)容概要
本書(shū)主要講述人機(jī)交互學(xué)(Human-Computer Interaction,簡(jiǎn)稱(chēng)HCI)這一學(xué)科在Web界面設(shè)計(jì)領(lǐng)域中的應(yīng)用。 正如你所看到的,這是一本文字輕松,而且有很多好玩插圖的……技術(shù)理論書(shū)籍。 沒(méi)錯(cuò),技術(shù)理論。它將和你討論關(guān)于軟件(或網(wǎng)站)的界面與用戶(hù)之間的關(guān)系——界面是你做的,而使用它的是用戶(hù)——所以,別自信滿(mǎn)滿(mǎn)地說(shuō)自己做得很牛,讓我們聽(tīng)聽(tīng)用戶(hù)的意見(jiàn)。這本書(shū)能告訴你這一套順序大概是怎樣的,你應(yīng)該注意些什么,最終水到渠成的是一個(gè)能經(jīng)得起考驗(yàn)的產(chǎn)品。 這本書(shū)可以說(shuō)是一本針對(duì)廣泛大眾,以及那些沒(méi)有接受過(guò)人機(jī)交互和可用性專(zhuān)業(yè)培訓(xùn)的用戶(hù)界面設(shè)計(jì)人員的輔導(dǎo)和幫助手冊(cè)。你不必背誦那些拗口的專(zhuān)業(yè)詞匯,你只需知道“我該如何去做”從而解決問(wèn)題。這本身也是人機(jī)交互學(xué)科的一個(gè)重要原則——“易于學(xué)習(xí),從而便于使用”。 你明白了。這不是本情節(jié)跌宕起伏的小說(shuō),也不是行文優(yōu)美如詩(shī)的散文。但我仍然希望它能給人帶來(lái)快樂(lè)——學(xué)習(xí)不是一件枯燥的事,但很多人把它變得枯燥了。絕大多數(shù)技術(shù)理論書(shū)籍的作者們都正襟危坐就好像板著面孔的老師,不可否認(rèn),對(duì)待學(xué)術(shù)問(wèn)題應(yīng)當(dāng)態(tài)度嚴(yán)謹(jǐn),但是嚴(yán)謹(jǐn)不代表枯燥,能在專(zhuān)業(yè)知識(shí)課堂上把大家逗笑的老師一定不簡(jiǎn)單。 我不敢說(shuō)我做到了,但我在努力。
作者簡(jiǎn)介
向怡寧,嗨,大家好,我是向怡寧,一直從事UI設(shè)計(jì)方面的工作。
越是深入了解UI設(shè)計(jì),越發(fā)現(xiàn)自身的不足,同時(shí)也越感到應(yīng)該盡自己的力量讓更多的人了解這一領(lǐng)域。也許我不是最好的設(shè)計(jì)師,但我希望通過(guò)這本書(shū),你能成為最好的。
作為這本書(shū)的作者,我
書(shū)籍目錄
前 言序章 關(guān)于這本書(shū) 0.1 誰(shuí)該看這本書(shū)? 0.2 這是本什么樣的書(shū)? 0.3 怎么用這本書(shū)? 0.4 感謝這些伙計(jì)第一章 你首先要知道的一些事情 1.1 我聽(tīng)說(shuō)過(guò)這些詞不過(guò)它們到底是什么? 1.1.1 什么是UI設(shè)計(jì) 1.1.2 什么是交互設(shè)計(jì) 1.1.3 什么是好的用戶(hù)界面設(shè)計(jì) 視覺(jué)表達(dá)不清 非常繁瑣 提示混亂 難以使用 強(qiáng)迫用戶(hù) 1.1.4 那么該怎么做? 什么人會(huì)使用產(chǎn)品?用在什么地方? 用戶(hù)會(huì)有些什么樣的行為? 1.2 我干嘛得學(xué)這些玩意還要買(mǎi)本書(shū)?! 1.2.1 用戶(hù)界面不是次要的工作 1.2.2 用戶(hù)界面設(shè)計(jì)不是界面程序設(shè)計(jì),也不是界面圖形設(shè)計(jì) 對(duì)于軟件設(shè)計(jì)師來(lái)說(shuō) 對(duì)于美術(shù)設(shè)計(jì)師來(lái)說(shuō) 真正的用戶(hù)界面設(shè)計(jì)人員 1.2.3 交互設(shè)計(jì)是一門(mén)跨學(xué)科領(lǐng)域 1.2.4 不用成為專(zhuān)家,理解方式即可 1.3 OK,那我該怎么做? 1.3.1 交互設(shè)計(jì)的4個(gè)內(nèi)容 理解用戶(hù)需要,建立用戶(hù)需求 開(kāi)發(fā)一些候選設(shè)計(jì)方案 制作設(shè)計(jì)方案的原型 用戶(hù)測(cè)試和評(píng)估 1.3.2 交互設(shè)計(jì)的3個(gè)特征 以用戶(hù)為中心 建立明確具體的可用性標(biāo)準(zhǔn) 反復(fù)迭代 1.3.3 交互設(shè)計(jì)的2個(gè)目標(biāo) 可用性目標(biāo) 用戶(hù)體驗(yàn)?zāi)繕?biāo) 1.3.4 摩西的十誡 讓用戶(hù)隨時(shí)了解系統(tǒng)的狀態(tài) 系統(tǒng)應(yīng)與真實(shí)世界相符合 給予用戶(hù)控制權(quán)和自主權(quán) 提倡一致性和標(biāo)準(zhǔn)化 幫助用戶(hù)識(shí)別、診斷和修復(fù)錯(cuò)誤 預(yù)防錯(cuò)誤 依賴(lài)識(shí)別而不是記憶 強(qiáng)調(diào)使用的靈活性及有效性 最小化設(shè)計(jì) 提供幫助及文檔 1.3.5 如何粗略地評(píng)估可用性第二章 了解用戶(hù),了解需求 2.1 誰(shuí)是用戶(hù)? 2.1.1 普遍而又特殊的用戶(hù) 用戶(hù)的普遍性 用戶(hù)的特殊性 兩者兼顧 2.1.2 用戶(hù)可不是越多越好 2.1.3 “阿童木”的誕生 2.2 什么是需求? 2.2.1 “需要”產(chǎn)生需求 2.2.2 點(diǎn)了牛扒,端上來(lái)的卻是意大利面 2.2.3 各種類(lèi)型的需求 功能需求 用戶(hù)需求 數(shù)據(jù)需求 環(huán)境需求 可用性需求 2.3 如何確定需求 2.3.1 介紹一些數(shù)據(jù)搜集的方法 問(wèn)卷調(diào)查 用戶(hù)訪談 觀察和提問(wèn) 集體討論 2.3.2 筷子、刀叉和勺,哪種餐具最好? 2.3.3 一些要注意的地方 一切的重點(diǎn)都是為了搞清楚用戶(hù)需要什么 要考慮所有的用戶(hù)類(lèi)別 每個(gè)用戶(hù)類(lèi)別只派一位代表參與是不充分的 打“組合拳”,不要單一套路 在可能的情況下,先小規(guī)模試驗(yàn) 如果得到的需求信息太多 記錄數(shù)據(jù)同樣很重要 2.3.4 解釋與分析數(shù)據(jù)——一道填空題 2.4 歸根結(jié)底,我們要了解任務(wù) 2.4.1 用講故事來(lái)描述任務(wù) 2.4.2 用流程圖描述任務(wù) 2.4.3 理想和現(xiàn)實(shí)的差距 守舊的用戶(hù) 過(guò)分的用戶(hù) 妥協(xié)還是抗?fàn)帲俊?.5 環(huán)境?什么是環(huán)境? 2.6 做個(gè)小結(jié)第三章 設(shè)計(jì)方案和制作原型 3.1 為什么,以及怎么做 3.2 初級(jí)原型和高級(jí)原型 3.2.1 初級(jí)原型很重要 草圖,或者說(shuō)涂鴉 連環(huán)畫(huà) 制作卡片 模擬界面 3.2.2 高級(jí)原型同樣重要 3.2.3 嗯,不過(guò)原型僅僅只是原型 3.3 概念設(shè)計(jì),或者說(shuō)初步設(shè)計(jì) 3.3.1 伙計(jì)們,讓我們先考慮功能 3.3.2 概念模型是個(gè)什么玩意? 開(kāi)放思路,同時(shí)考慮用戶(hù)和應(yīng)用環(huán)境 保持簡(jiǎn)單,但也不要過(guò)于簡(jiǎn)單 使用初級(jí)原型來(lái)快速獲取反饋 反復(fù)迭代進(jìn)行設(shè)計(jì) 3.3.3 開(kāi)發(fā)概念模型的幾個(gè)問(wèn)題 采用什么樣的交互方式? 是更“智能”還是更“服帖”? 是否存在合適的熟悉概念進(jìn)行映射比擬? 3.3.4 在概念設(shè)計(jì)中使用原型 3.4 物理設(shè)計(jì),或者說(shuō)具體設(shè)計(jì) 3.4.1 一些具體的設(shè)計(jì)指南 力求一致性 允許頻繁使用系統(tǒng)的用戶(hù)使用快捷鍵 提供明確的反饋 設(shè)計(jì)對(duì)話,告訴用戶(hù)任務(wù)已完成 提供錯(cuò)誤預(yù)防和簡(jiǎn)單的糾錯(cuò)功能 應(yīng)該方便用戶(hù)取消某個(gè)操作 用戶(hù)應(yīng)掌握控制權(quán) 減輕用戶(hù)的記憶負(fù)擔(dān) 3.4.2 界面元素和界面風(fēng)格 3.4.3 菜單(或者導(dǎo)航欄)的設(shè)計(jì) 3.4.4 圖標(biāo)的設(shè)計(jì) 不要“辭不達(dá)意” 小而簡(jiǎn)單 3.4.5 屏幕布局的設(shè)計(jì) 大的方針 同時(shí)也要考慮細(xì)節(jié) 還要很多地方需要注意 3.4.6 別理那些復(fù)雜的工具,我們做的是Web第四章 以用戶(hù)為中心的開(kāi)發(fā) 4.1 為什么要讓用戶(hù)摻和進(jìn)來(lái)? 告訴他們別太天真 另一方面他們才是真正的主人 4.2 支持用戶(hù),而不是限制他們 排第一位的永遠(yuǎn)是用戶(hù),不是技術(shù) 給他們最習(xí)慣的環(huán)境 要支持用戶(hù),就得考慮周全 經(jīng)常向他們咨詢(xún)意見(jiàn) 4.3 如何讓用戶(hù)參與? 4.3.1 用戶(hù)參與的不同形式 極端之一:讓用戶(hù)作為設(shè)計(jì)組成員 極端之二:用戶(hù)遠(yuǎn)距離參與設(shè)計(jì) 4.3.2 用戶(hù)參與的是與非 4.4 別用望遠(yuǎn)鏡,要現(xiàn)場(chǎng)研究 4.4.1 關(guān)于現(xiàn)場(chǎng)研究 4.4.2 你是師傅,我是徒弟 不是在會(huì)客室 建立正確的關(guān)系 該問(wèn)就大膽問(wèn) 不要跑題太遠(yuǎn) 4.4.3 這不是你的地盤(pán),別太不拘小節(jié) 4.4.4 我們能得到什么?第五章 文化的差異 5.1 什么是文化的差異? 5.2 對(duì)于Web和Web-based產(chǎn)品來(lái)說(shuō) 5.2.1 一次要做幾件事? 5.2.2 高度認(rèn)知和低度認(rèn)知 5.2.3 功能還是關(guān)系? 5.2.4 網(wǎng)頁(yè)和界面的視覺(jué)反映 5.2.5誰(shuí)的錯(cuò)? 5.3 國(guó)際化和本土化 注意適配分辨率的大小 盡量多用被廣泛接受的圖標(biāo) 繪制圖標(biāo)時(shí)注意地域性 翻譯時(shí)使用用戶(hù)習(xí)慣的表達(dá)方式 注意不同地區(qū)使用的單位和格式 注意文字的輸入 避免出現(xiàn)對(duì)某些地區(qū)不適用的信息 其它方面第六章 網(wǎng)頁(yè)的可用性 6.1 人們是如何使用網(wǎng)頁(yè)的? 6.1.1 他們很會(huì)節(jié)省時(shí)間 6.1.2 他們也不會(huì)仔細(xì)考慮 6.2 好感度計(jì)量器 6.2.1 我經(jīng)歷過(guò)好幾次這種情況 6.2.2 這些都會(huì)降低好感度! 讓我感到郁悶 總是誤導(dǎo)我 總是讓我猜 總是要我找 總是說(shuō)我錯(cuò) 耽誤我的時(shí)間 甚至還讓我抓狂 6.3 因此,為掃描而設(shè)計(jì) 6.3.1 更清楚的布局和視覺(jué)層次 越重要的內(nèi)容越醒目 相關(guān)的內(nèi)容看上去也得相關(guān) 包含的內(nèi)容要顯示從屬關(guān)系 別顯示太多無(wú)關(guān)的信息 6.3.2 清晰地劃分頁(yè)面區(qū)域 6.3.3 適應(yīng)用戶(hù)的習(xí)慣 6.3.4 提供目光的“落腳點(diǎn)” 6.4 同時(shí),減少用戶(hù)的思考 6.4.1 減少不確定因素 6.4.2 保證網(wǎng)頁(yè)的一致性 一致的網(wǎng)站標(biāo)志和導(dǎo)航欄 一致的頁(yè)面布局 一致平衡的信息結(jié)構(gòu) 一致的重復(fù)性元素 一致和諧的字體和色彩 一致,但不一樣 6.4.3 明顯標(biāo)識(shí)可以點(diǎn)擊的地方 有時(shí)候下劃線可有可無(wú) 有時(shí)候最好有下劃線 超鏈接和按鈕 6.4.4 清晰、簡(jiǎn)單的網(wǎng)頁(yè)內(nèi)容 使用用戶(hù)的語(yǔ)言,而不是技術(shù)語(yǔ)言 使用通俗的語(yǔ)言,而不是故作高深 減去不必要的詞句,讓頁(yè)面更簡(jiǎn)短 不要夸夸其談,或者讓人摸不著頭腦 6.5 告訴用戶(hù)他們?cè)谀睦铩 ?.5.1 導(dǎo)航欄存在的意義 6.5.2 導(dǎo)航欄所需要的元素 網(wǎng)站logo標(biāo)識(shí) 網(wǎng)站的欄目 “回到首頁(yè)” 附加功能 搜索工具 6.5.3 導(dǎo)航指示、頁(yè)面標(biāo)題和“面包屑” 導(dǎo)航指示 頁(yè)面標(biāo)題 “面包屑”第七章 Web-based產(chǎn)品 7.1 Web或者不是Web? 有一些比較偏向于軟件 有一些則更偏向于網(wǎng)頁(yè) 有些產(chǎn)品比較單純 有些產(chǎn)品的用戶(hù)群比較廣大 最后它們還是網(wǎng)頁(yè) 7.2 我為什么說(shuō)要考慮用戶(hù)的感受 7.3 首先看看菜單和對(duì)話框 7.3.1 我需要菜單,但必須是好菜單 時(shí)隱時(shí)現(xiàn)的菜單項(xiàng) 探頭探腦的菜單項(xiàng) 7.3.2 讓我陷入困境的對(duì)話框 讓我沒(méi)有選擇 讓我不知道該怎么選擇 沒(méi)有第三種選擇 7.4 你真明白那些控件的作用嗎? 7.4.1 單選按鈕和復(fù)選框 把復(fù)選框當(dāng)作單選按鈕 把單選按鈕當(dāng)作復(fù)選框 是必須要我選,還是不需要我選? 7.4.2 標(biāo)簽雖好,問(wèn)題多多 標(biāo)簽只能用來(lái)導(dǎo)航,不能選擇數(shù)據(jù) 到處都是的標(biāo)簽 太小和太大的標(biāo)簽 7.4.3 簡(jiǎn)單而又不簡(jiǎn)單的文本框 在不該用的地方使用文本框 該用文本框的地方卻又很隨意 7.5 每一個(gè)元素都要有合適的位置 7.5.1 控件的擺放位置 胡亂放置的按鈕 距離產(chǎn)生美? 7.5.2 你無(wú)法逃避的對(duì)齊方式 是左對(duì)齊還是右對(duì)齊 不要只注意一邊 如果有時(shí)候左右都不能對(duì)齊 上下也要對(duì)齊第八章 測(cè)試可用性 8.1 為什么要測(cè)試? 8.1.1 美國(guó)到底民主還是不民主? 我喜歡的,別人也應(yīng)該喜歡 角色的不同導(dǎo)致看法不同 8.1.2 這不是簡(jiǎn)單的是非題 8.2 幾個(gè)要注意的事實(shí) 8.2.1 一些需要記住的事實(shí) 可用性測(cè)試不是軟件測(cè)試 哪怕只測(cè)試一個(gè)用戶(hù),也比不做測(cè)試要好 早點(diǎn)測(cè)試一個(gè)用戶(hù),好過(guò)最后測(cè)試100個(gè)用戶(hù) “迭代”的測(cè)試和頻繁的測(cè)試 測(cè)試后馬上回顧測(cè)試結(jié)果 8.2.2 一些需要避免的認(rèn)識(shí) 不要認(rèn)為可用性測(cè)試很難 不要認(rèn)為可用性測(cè)試總是非常昂貴 不要認(rèn)為可用性測(cè)試是表層問(wèn)題 不要認(rèn)為測(cè)試是要去“證明”什么 不要僅僅測(cè)試,卻不糾正發(fā)現(xiàn)的問(wèn)題 8.3 測(cè)試的前期準(zhǔn)備 8.3.1 測(cè)試的地點(diǎn)和設(shè)備 最正式和最精良的裝備 你也可以?xún)?yōu)化和精簡(jiǎn) 8.3.2 測(cè)試用戶(hù)的招募 測(cè)試用戶(hù)的選擇 究竟每次應(yīng)該測(cè)試多少用戶(hù)? 如何招募用戶(hù)? 8.3.3 主持人和觀眾 誰(shuí)適合當(dāng)測(cè)試的引導(dǎo)人? 誰(shuí)適合當(dāng)測(cè)試的觀察者? 8.3.4 道德問(wèn)題 8.4 測(cè)試的過(guò)程 8.4.1 設(shè)計(jì)好考題 8.4.2 介紹階段 8.4.3 正式測(cè)試 觀察用戶(hù) 讓用戶(hù)進(jìn)行有聲思考 提出問(wèn)題 尊重測(cè)試用戶(hù) 一個(gè)實(shí)例你就能明白 8.4.4 馬上回顧和總結(jié) 8.5 讓專(zhuān)家來(lái)評(píng)估(別忘了,你也是專(zhuān)家) 8.5.1 現(xiàn)成的原則——啟發(fā)式評(píng)估 8.5.2 你也可以看看這些具體的評(píng)估角度 關(guān)于一致性的評(píng)估 關(guān)于界面簡(jiǎn)潔性的評(píng)估 關(guān)于信息反饋的評(píng)估 關(guān)于用戶(hù)動(dòng)作性的評(píng)估 關(guān)于產(chǎn)品特色的評(píng)估 8.6 測(cè)試需要修正 有些問(wèn)題可以忽略 有些要求也可以忽略 別顧此失彼!第九章 了解滿(mǎn)意度 9.1 詢(xún)問(wèn)用戶(hù):?jiǎn)柧碚{(diào)查 9.2 詢(xún)問(wèn)用戶(hù):訪談終章 回到開(kāi)始:什么是好的用戶(hù)界面設(shè)計(jì)
章節(jié)摘錄
第二章 了解用戶(hù),了解需求 交互設(shè)計(jì)是要優(yōu)化人們與計(jì)算機(jī)產(chǎn)品的交互?! ≡趺磧?yōu)化?這個(gè)問(wèn)題暫時(shí)先放在一邊。讓我們先想想優(yōu)化給誰(shuí)。 沒(méi)錯(cuò),我們當(dāng)然是優(yōu)化給用戶(hù)。但是如果你不知道用戶(hù)是誰(shuí),也不知道他們想達(dá)到什么目的,那你怎么知道該優(yōu)化什么,又該如何優(yōu)化呢? 所以,一切的出發(fā)點(diǎn)應(yīng)該是:找出誰(shuí)才是你需要了解的人,然后弄清楚他們想要什么?! ∏懊嬲f(shuō)過(guò),“理解用戶(hù)的需要,從而建立明確的需求”是交互設(shè)計(jì)的基本活動(dòng)。我們就是要將用戶(hù)時(shí)時(shí)刻刻擺在所有過(guò)程的首位。這就是“以用戶(hù)為中心”的方法。 2.1 誰(shuí)是用戶(hù)? 找出用戶(hù)似乎是一件很容易的事情。但首先我們需要弄清楚“用戶(hù)(user)”和“客戶(hù)(customer)”的概念。沒(méi)錯(cuò),產(chǎn)品的銷(xiāo)售對(duì)象是“客戶(hù)”,只有客戶(hù)才是愿意掏腰包購(gòu)買(mǎi)產(chǎn)品的人,考慮他們的感受是非常重要的。但是客戶(hù)并不就一定會(huì)親自使用我們?cè)O(shè)計(jì)的產(chǎn)品?! Q句話說(shuō),客戶(hù)不一定就是用戶(hù)?! ∨e個(gè)簡(jiǎn)單的例子,某個(gè)網(wǎng)站制作公司的老板不一定必須得是網(wǎng)頁(yè)設(shè)計(jì)師。他確實(shí)需要購(gòu)買(mǎi)一些軟件產(chǎn)品用于開(kāi)發(fā)網(wǎng)站,比如Dreamweaver、Visual Studi0,甚至包括Flash和Photoshop。他購(gòu)買(mǎi)了這些軟件,他便是Adobe或者微軟的客戶(hù)。但老板并不一定要去使用這些軟件,甚至可能根本就不懂如何操作。也就是說(shuō),他沒(méi)有與這些產(chǎn)品發(fā)生直接的交互,自然不是軟件的用戶(hù)。軟件是否容易使用,界面是否友好,有沒(méi)有良好的通用性,這些跟他沒(méi)有多大關(guān)系?! 〉?,他手下的那些網(wǎng)頁(yè)設(shè)計(jì)師每天都面對(duì)著這些軟件,他們就是軟件的用戶(hù)。而交互設(shè)計(jì)的目標(biāo)正是為了支持這些人(他們很辛苦)的需要,滿(mǎn)足這些人的期望,讓他們?cè)诠ぷ髦心軌蚋奖?、更舒心和更有效?/pre>編輯推薦
本書(shū)從最日常的的界面使用體驗(yàn)出發(fā),用通俗易懂的語(yǔ)言,結(jié)合實(shí)際工作案例進(jìn)行講解,是一本難得的國(guó)內(nèi)交互設(shè)計(jì)的入門(mén)讀物。本書(shū)由淺入深的介紹了UCD的相關(guān)知識(shí),如UI設(shè)計(jì)幫助你從交互設(shè)計(jì)的角度重新認(rèn)識(shí)Web設(shè)計(jì)。其內(nèi)容易于理解,對(duì)于想更多的人傳播UCD思想很有意義。 這是一本極其幽默的電腦書(shū),一本能夠帶給你快樂(lè)的書(shū)。? 本書(shū)的作者是個(gè)多才多藝的家伙,既是UI設(shè)計(jì)師和漫畫(huà)家,也是布魯斯口琴和搖滾樂(lè)隊(duì)的吉它手,同時(shí),業(yè)余時(shí)間還好寫(xiě)魔幻小說(shuō)和計(jì)算機(jī)書(shū)。? 本書(shū)不僅能夠帶給你快樂(lè),還飽含思想,大把大把的思想,絕對(duì)都是貨真價(jià)實(shí)的東西,就像那種大皮沙發(fā)一樣,里面塞滿(mǎn)了實(shí)實(shí)在在的材料,都是可以用到你的Web開(kāi)發(fā)中的。圖書(shū)封面
圖書(shū)標(biāo)簽Tags
無(wú)評(píng)論、評(píng)分、閱讀與下載
- 還沒(méi)讀過(guò)(48)
- 勉強(qiáng)可看(350)
- 一般般(598)
- 內(nèi)容豐富(2481)
- 強(qiáng)力推薦(203)
250萬(wàn)本中文圖書(shū)簡(jiǎn)介、評(píng)論、評(píng)分,PDF格式免費(fèi)下載。 第一圖書(shū)網(wǎng) 手機(jī)版