交互設(shè)計(jì)

前言

前言什么是交互設(shè)計(jì)？怎樣盡可能的保證交付物完成既定的功能的需求并且滿足用戶體驗(yàn)層面的易用性？也許你是帶著這些原因，翻開了這本書。在過去的幾年時(shí)間里，“交互設(shè)計(jì)”從一個(gè)帶點(diǎn)神秘色彩的舶來新名詞已經(jīng)漸漸深入到數(shù)字和互聯(lián)網(wǎng)行業(yè)中的幾乎每個(gè)重要產(chǎn)品中。那些擁有更流暢操作，更美觀界面，更優(yōu)雅體驗(yàn)的產(chǎn)品得到更多用戶的青睞和推崇，獲得了更大的商業(yè)上的成就。在實(shí)踐中,通過交互設(shè)計(jì)創(chuàng)建優(yōu)秀的用戶體驗(yàn),漸漸成為產(chǎn)品能從競(jìng)爭中當(dāng)中脫穎而出的重要方式,這也使設(shè)計(jì)這一傳統(tǒng)的資源變得更加有戰(zhàn)略意義。然而,客觀地說,學(xué)習(xí)駕馭交互設(shè)計(jì)無疑是具有一定難度的,這是因?yàn)?對(duì)于非設(shè)計(jì)師而言,交互設(shè)計(jì)涉及大量的認(rèn)知心理學(xué)知識(shí)和模式,學(xué)習(xí)需要較大的成本；而對(duì)于設(shè)計(jì)師而言,區(qū)別于傳統(tǒng)的平面設(shè)計(jì),交互設(shè)計(jì)更注重用戶目標(biāo)和行為.另外,傳統(tǒng)教育重視設(shè)計(jì)師硬技能的培養(yǎng),而忽略設(shè)計(jì)師思維和整合等軟實(shí)力的養(yǎng)成,這一影響在市面上大量的交互設(shè)計(jì)教材中延續(xù)。于是，我們認(rèn)為這樣一本書可能被強(qiáng)烈的需要：既能夠系統(tǒng)卻簡單介紹交互設(shè)計(jì)理論基礎(chǔ)，更能夠在某些實(shí)戰(zhàn)領(lǐng)域深入推薦能解決實(shí)際問題的方法；擁有通俗易懂單專業(yè)的闡述，又包含了完整真實(shí)的應(yīng)用案例；能夠深入理解交互設(shè)計(jì)的理念并且便于掌握好各種方法和技巧，最終可以幫助讀者提升手中產(chǎn)品的價(jià)值和用戶體驗(yàn)，或在今后能夠創(chuàng)造出成功的產(chǎn)品。本書兩位作者從2009年起在浙江大學(xué)軟件學(xué)院為信息產(chǎn)品設(shè)計(jì)專業(yè)研究生開設(shè)了《交互設(shè)計(jì)》這門課，迄今已經(jīng)開設(shè)了3屆，期間不斷更新教學(xué)內(nèi)容，受到了聽講學(xué)生的普遍歡迎。此外，還先后完成了國家自然科學(xué)基金、浙江省重大科技專項(xiàng)、淘寶點(diǎn)睛項(xiàng)目等多項(xiàng)與交互設(shè)計(jì)緊密相關(guān)的課題研究，積累了豐富的科學(xué)研究結(jié)果，以科研帶教學(xué)，以教學(xué)促科研，為本書的寫作奠定了堅(jiān)實(shí)的基礎(chǔ)。本書共8章，由黃琦副教授擬定各章內(nèi)容和細(xì)目，并與其余作者進(jìn)行了充分的討論和修改。黃琦撰寫了第1、2、7、8章，包括了互設(shè)計(jì)歷史及理論基礎(chǔ)概念、以用戶為中心的交互設(shè)計(jì)方法和流程、用戶研究和可用性評(píng)估方法，并提供了前沿的可用性測(cè)評(píng)研究和交互設(shè)計(jì)創(chuàng)新研究的案例。來自淘寶的資深設(shè)計(jì)師畢志衛(wèi)將其在業(yè)內(nèi)多年的設(shè)計(jì)經(jīng)驗(yàn)整理并分享給大家，撰寫了第3、4、5、6章，重點(diǎn)介紹如何進(jìn)行需求獲取、原型設(shè)計(jì)、交互設(shè)計(jì)模式使用、細(xì)節(jié)設(shè)計(jì)等交互設(shè)計(jì)理論的實(shí)踐和應(yīng)用，提供了大量的詳實(shí)的典型示例和設(shè)計(jì)建議。最后由黃琦負(fù)責(zé)全書的統(tǒng)稿、潤色和校訂。還要感謝參與本書整理工作的碩士生：魯奕、王鶴、方燁、周洪杰、徐健鳴、杜銳等。值得一提的是，很多本書中的案例都是來自電子商務(wù)領(lǐng)域的互聯(lián)網(wǎng)實(shí)際產(chǎn)品，對(duì)于正在從事這個(gè)領(lǐng)域的相關(guān)人員來說，本書更是值得一看。? 學(xué)生－缺少一本全面講授學(xué)科理論并有大量生動(dòng)案例的參考書？? 交互設(shè)計(jì)師－沒有系統(tǒng)學(xué)習(xí)過基礎(chǔ)知識(shí)，還缺乏豐富的設(shè)計(jì)經(jīng)驗(yàn)？? 產(chǎn)品經(jīng)理－如何組織需求，可視化描述需求，進(jìn)而管理需求？? 界面設(shè)計(jì)師－如何在理解需求和信息架構(gòu)，創(chuàng)建更高效易用的用戶界面？? 用戶體驗(yàn)設(shè)計(jì)師－如何評(píng)估產(chǎn)品可用性，并在各個(gè)階段提升產(chǎn)品的用戶體驗(yàn)？? 行業(yè)其他相關(guān)人員－更深刻地理解“以用戶為中心的設(shè)計(jì)”，如何我們的產(chǎn)品做的更好？由于時(shí)間倉促，加之目前國內(nèi)在交互設(shè)計(jì)的研究和應(yīng)用還處于發(fā)展階段，本書中難免會(huì)有錯(cuò)誤和不足，敬請(qǐng)讀者指正。最后，我們真誠地希望本書可以給你帶來不一樣的交互設(shè)計(jì)之旅！這不僅是一本教科書，更是一本工具書。所以在閱讀它的同時(shí)，我們更加建議你在實(shí)際的設(shè)計(jì)過程中靈活智慧地使用書中介紹的方法，參照適合你項(xiàng)目的原則和Tips，相信會(huì)取得更多不錯(cuò)的效果！

內(nèi)容概要

　　
《交互設(shè)計(jì)》結(jié)合大量的網(wǎng)頁和軟件設(shè)計(jì)的實(shí)踐，系統(tǒng)的介紹交互設(shè)計(jì)的原理、原則、流程工具和方法，特別提出了交互設(shè)計(jì)師即是產(chǎn)品經(jīng)理的觀點(diǎn)和論述，將對(duì)中國的互聯(lián)網(wǎng)交互設(shè)計(jì)實(shí)踐將起到一定的指導(dǎo)和借鑒作用。全書分成4篇：第1篇交互設(shè)計(jì)概述，主要介紹了什么是目標(biāo)導(dǎo)向的交互設(shè)計(jì)，并闡述了其國內(nèi)外研究現(xiàn)狀等；第2篇設(shè)計(jì)原則，主要介紹交互設(shè)計(jì)的原理和原則，配合大量的實(shí)例進(jìn)行說明；第3篇工具集，介紹交互設(shè)計(jì)的流程、工具和方法，以方便讀者快速入門；第4篇設(shè)計(jì)創(chuàng)新，主要介紹了如何綜合運(yùn)營交互設(shè)計(jì)技術(shù)解決實(shí)際問題和進(jìn)行有效的設(shè)計(jì)創(chuàng)新。
　　 本書特色：
　　 （1）
本土化，更加貼近中國的交互設(shè)計(jì)實(shí)際。本書對(duì)流行的交互設(shè)計(jì)原理、概念等進(jìn)行梳理，結(jié)合中國WEB產(chǎn)品開發(fā)的實(shí)際，給出了更敏捷和有效的設(shè)計(jì)流程，通過組合使用相關(guān)的設(shè)計(jì)工具，有效地滿足實(shí)際的需求；
　　 （2）
案例詳實(shí)、豐富。本書提供了100幅的圖表、照片，配合相關(guān)的說明，以期增加讀者的現(xiàn)場(chǎng)感；通過閱讀圖例就能基本掌握一些簡單的工具和方法。
　　 （3）
關(guān)注交互設(shè)計(jì)方法與工具，強(qiáng)調(diào)實(shí)踐，注重實(shí)效。本書的主旨是培養(yǎng)交互設(shè)計(jì)師而不是可用性專家，因此更加注重解決問題的能力和有效的表達(dá)。對(duì)設(shè)計(jì)師的核心能力進(jìn)行了探討，并給出了如何培養(yǎng)這些技能的方法和教程。

作者簡介

　　
黃琦，浙江大學(xué)計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)博士后，浙江大學(xué)軟件學(xué)院副教授、碩士生導(dǎo)師，信息學(xué)部青年骨干教師。主要研究方向?yàn)榻换ピO(shè)計(jì)、智能圖形圖像處理、信息產(chǎn)品設(shè)計(jì)等。主持10余項(xiàng)國家自然科學(xué)基金、浙江省重大科技專項(xiàng)、浙江省自然科學(xué)基金、中國博士后基金項(xiàng)目等，獲得省部級(jí)獎(jiǎng)2項(xiàng)，發(fā)表論文20多篇，其中SCI/EI收錄10余篇，合作完成學(xué)術(shù)著作2部，參與組織了2010全國交互設(shè)計(jì)學(xué)術(shù)會(huì)議以及多屆國際計(jì)算機(jī)輔助工業(yè)設(shè)計(jì)與概念設(shè)計(jì)（CAID&CD）學(xué)術(shù)會(huì)議等。
　　
畢志衛(wèi)，資深設(shè)計(jì)師，2004年加入淘寶網(wǎng)，先后從事界面藝術(shù)設(shè)計(jì)師，交互設(shè)計(jì)師，產(chǎn)品經(jīng)理等工作。一線實(shí)踐經(jīng)驗(yàn)豐富，業(yè)內(nèi)獲得一致好評(píng)，在軟件學(xué)院幾年的教學(xué)中，得到師生的廣泛認(rèn)可。

書籍目錄

第一章 交互設(shè)計(jì)概論
引言
1.1 交互設(shè)計(jì)的提出
1.1.1 計(jì)算機(jī)的使用者逐漸由專家轉(zhuǎn)向普通用戶
1.1.2 從使用產(chǎn)品到和產(chǎn)品交互產(chǎn)生的認(rèn)知摩擦
1.1.3 市面上存在著大量的不良設(shè)計(jì)
1.2 什么是交互設(shè)計(jì)
1.2.1 交互設(shè)計(jì)的定義
1.2.2以目標(biāo)為導(dǎo)向的設(shè)計(jì)過程
1.2.3交互設(shè)計(jì)和周邊學(xué)科
1.3 交互設(shè)計(jì)和周邊
1.4 學(xué)好交互設(shè)計(jì)的建議
練習(xí)
網(wǎng)絡(luò)資源和讀物
第二章 基于UCD的用戶需求研究
本章提要
2.1 UCD的基礎(chǔ)設(shè)計(jì)理論
2.1.1 心理模型和實(shí)現(xiàn)模型
2.1.2 隱喻和GUI界面
2.1.3 映射及其應(yīng)用
2.1.4 心流和和諧界面
2.2 理解用戶：用戶需求建模
2.2.1 用戶檔案與角色模型
2.2.2 場(chǎng)景模型
2.2.3 用例圖
2.2.4 搭建信息架構(gòu)
第三章 需求獲取
本章提要
3.1 理解商業(yè)需求
3.1.1 確認(rèn)關(guān)鍵利益相關(guān)者
3.1.2 抓住利益相關(guān)者的需求
3.1.3 解釋并記錄需求
3.1.4 市場(chǎng)需求文檔（MRD）
3.2 制定設(shè)計(jì)目標(biāo)
3.2.1 商業(yè)目標(biāo)
3.2.2 用戶目標(biāo)
3.2.3成功標(biāo)準(zhǔn)
3.3 制定產(chǎn)品設(shè)計(jì)原則
3.3.1 通用的設(shè)計(jì)原則
3.3.2 制定設(shè)計(jì)原則
練習(xí)
第四章 原型設(shè)計(jì)
4.1 什么是原型設(shè)計(jì)
4.2 幾種原型
4.2.1 紙?jiān)?br />4.2.2 線框圖
4.3 如何進(jìn)行原型設(shè)計(jì)
4.3.1 使用合適的設(shè)計(jì)模式
4.3.2 有效的可視化交流
第五章 設(shè)計(jì)模式應(yīng)用
本章提要
5.1 概述交互設(shè)計(jì)模式
5.1.1 模式是什么
5.1.2 交互設(shè)計(jì)模式
5.1.3 模式的價(jià)值
5.2 搜索框
5.3 注冊(cè)表單
5.4 旋轉(zhuǎn)木馬？
5.5 步驟條
5.6 搜索結(jié)果頁
5.7 新手幫助
5.8評(píng)價(jià)/評(píng)分
練習(xí)
網(wǎng)絡(luò)資源和推薦讀物
第六章 細(xì)節(jié)設(shè)計(jì)
本章提要
6.1 文字
6.1.1 字體和大小
6.1.2 行長和行距
6.1.3 對(duì)比度
6.1.4 超鏈接
6.1.5 樣式排版
6.2 文字設(shè)計(jì)的原則
6.2.1 可辨識(shí)性
6.2.2 可讀性
6.3 文案設(shè)計(jì)
6.4 色彩的原理
6.4.1顯示器和平面設(shè)計(jì)的差異
6.4.2常見的色彩搭配方法
6.4.3不和諧的色彩搭配
6.4.4色彩和情緒
6.5色彩之分組、聯(lián)系和區(qū)別
6.6色彩之文化差異和習(xí)慣用法
6.7為更多人設(shè)計(jì)
第七章 可用性評(píng)估
本章提要
7.1研究方法概述
7.2可用性評(píng)估的價(jià)值
7.3 可用性測(cè)試
7.3.1基本概念
7.3.2測(cè)試流程
7.3.3測(cè)試技巧
7.4可用性檢視
7.4.1基本概念
7.4.2規(guī)范檢視
7.4.3測(cè)試技巧
7.5 走查：認(rèn)知過程遍歷
7.6啟發(fā)式評(píng)估
案例：某購物網(wǎng)站Banner眼動(dòng)效果可用性評(píng)測(cè)研究
作業(yè)：設(shè)計(jì)一個(gè)可用性測(cè)試，并試著輸出測(cè)試報(bào)告
第八章 交互設(shè)計(jì)創(chuàng)新研究
本章提要
8.1 交互設(shè)計(jì)領(lǐng)域的研究新進(jìn)展
8.1.1 設(shè)計(jì)理念的轉(zhuǎn)變
8.1.2 科學(xué)技術(shù)的發(fā)展
8.1.3 藝術(shù)于技術(shù)的完美的遇見：MIT媒體實(shí)驗(yàn)室
8.2 基于不同終端的設(shè)計(jì)創(chuàng)新研究
8.2.1 創(chuàng)新交互設(shè)計(jì)的硬件基礎(chǔ)
8.2.2 基于移動(dòng)終端設(shè)備的應(yīng)用和趨勢(shì)
8.3 探索未來交互之夢(mèng)
8.3.1 未來交互的創(chuàng)想
8.3.2 直覺式交互：基于圖像的搜索電子商務(wù)應(yīng)用
8.3.3 腦機(jī)交互：Mind Tracer產(chǎn)品研發(fā)

章節(jié)摘錄

版權(quán)頁：   插圖：    2.1 UCD的基礎(chǔ)設(shè)計(jì)理論 以用戶為中心的設(shè)計(jì)觀已經(jīng)出現(xiàn)很長時(shí)問；它來源于工業(yè)設(shè)計(jì)和人機(jī)工程學(xué)，簡單地說，設(shè)計(jì)師應(yīng)該使產(chǎn)品適合于人使用，而不是讓人習(xí)慣產(chǎn)品。為貝爾電話公司設(shè)計(jì)500系列電話的工業(yè)設(shè)計(jì)師Industrial designer，早在1955年寫《為人們?cè)O(shè)計(jì)》時(shí)，就首先提出了這種方法。在20世紀(jì)80年代，在人機(jī)交互領(lǐng)域工作的設(shè)計(jì)師和計(jì)算機(jī)學(xué)家開始質(zhì)疑工程師為電腦系統(tǒng)所設(shè)計(jì)的界面。隨著存儲(chǔ)、處理和色彩顯示能力的加強(qiáng)，多樣的界面已成為可能，并掀起一股浪潮，即在設(shè)計(jì)軟件時(shí)，越來越關(guān)注用戶，而不是計(jì)算機(jī)。這股浪潮就是以用戶為中心的設(shè)計(jì)觀。 為什么使用UCD？ 因?yàn)槟愕脑O(shè)計(jì)直接面向你的用戶。設(shè)計(jì)師聚焦于用戶需求，決定必要的任務(wù)和方法來達(dá)到這些目的，這些都需要考慮用戶的需求和偏好。簡而言之，在項(xiàng)目中，用戶資料是設(shè)計(jì)決策的關(guān)鍵因素。當(dāng)遇到不知道如何做時(shí)，可以參照用戶的需求。比如，在做電子商務(wù)網(wǎng)站時(shí)，用戶想要購物車的按鈕放在頁面的右上角，可能這個(gè)按鈕最終就是放在頁面的那個(gè)位置。 然而UCD不是總起作用的。所有的設(shè)計(jì)如果都依賴用戶有時(shí)會(huì)使一個(gè)產(chǎn)品或服務(wù)被勉強(qiáng)地關(guān)注。例如，設(shè)計(jì)師也會(huì)把設(shè)計(jì)基于錯(cuò)誤的用戶資料；為成千上萬的人設(shè)計(jì)產(chǎn)品，UCD可能不切實(shí)際。以下介紹幾個(gè)經(jīng)典的UCD名詞。 2.1.1心理模型和實(shí)現(xiàn)模型 在用戶認(rèn)知心理研究領(lǐng)域，心理模型和實(shí)現(xiàn)模型是兩個(gè)基本的概念，也是研究用戶認(rèn)知心理的一個(gè)基礎(chǔ)。由于心理模型和實(shí)現(xiàn)模型在很多情況下的巨大區(qū)別，就需要交互設(shè)計(jì)師有清晰的思路，去找尋兩種模型之間的平衡點(diǎn)，從而滿足用戶的需求。 1.什么是心理模型 人們?cè)谌粘Ｉ钪袝?huì)根據(jù)自己的經(jīng)驗(yàn)和習(xí)慣形成很多對(duì)事物的起因、機(jī)制和相互關(guān)系等似乎是理所當(dāng)然的看法，這就是用戶的心理模型，或者叫概念模型。這種觀念對(duì)于使用一個(gè)復(fù)雜的產(chǎn)品來說尤為突出，往往人們并不需要了解這個(gè)產(chǎn)品內(nèi)部工作的所有細(xì)節(jié)，流程，僅僅需要在心里給這個(gè)產(chǎn)品下一個(gè)簡單的定義，這對(duì)于使用這個(gè)產(chǎn)品已經(jīng)足夠。心理模型對(duì)用戶來說非常重要，因?yàn)檫@直接影響產(chǎn)品功能的實(shí)現(xiàn)，下面是一個(gè)例子。

編輯推薦

《交互設(shè)計(jì)》編輯推薦：如果您缺少一本全面講授交互設(shè)計(jì)學(xué)科理論并有大量生動(dòng)案例的參考書；如果您還沒有系統(tǒng)學(xué)習(xí)過基礎(chǔ)知識(shí)，還缺乏豐富的設(shè)計(jì)經(jīng)驗(yàn)；如果您還在為如何組織需求，可視化描述需求，進(jìn)而管理需求而發(fā)愁；還在為如何在理解需求和信息架構(gòu)，創(chuàng)建更高效易用的用戶界面而苦苦思索。那么請(qǐng)您翻開《交互設(shè)計(jì)》，《交互設(shè)計(jì)》很多案例都來自于電子商務(wù)領(lǐng)域的互聯(lián)網(wǎng)實(shí)際產(chǎn)品，閱讀它，將帶給您一個(gè)不一樣的交互設(shè)計(jì)之旅！

圖書封面

圖書標(biāo)簽Tags

無

評(píng)論、評(píng)分、閱讀與下載

---

    交互設(shè)計(jì) PDF格式下載

---