本書定義的交互設(shè)計(jì),是人使用數(shù)字產(chǎn)品及服務(wù)的塑造過程,包括設(shè)計(jì)原則及流程。
交互研究
市場調(diào)研
市場調(diào)研包含背景審查、調(diào)查報(bào)告、品牌模型、競爭對手分析、網(wǎng)絡(luò)分析。
背景審查是對客戶、行業(yè),以及競爭對手的文化、文章、文件、報(bào)告和書籍的綜合性研究。
調(diào)查報(bào)告,可以獲取新的定量的市場情報(bào)。
品牌模型
競爭對手分析
選擇四到六種競爭產(chǎn)品或服務(wù),并選擇一些標(biāo)準(zhǔn)來評判他們。
網(wǎng)絡(luò)分析
網(wǎng)絡(luò)分析是關(guān)于用戶對網(wǎng)站訪問的統(tǒng)計(jì)信息,網(wǎng)絡(luò)分析能告訴我們關(guān)于站點(diǎn)訪客數(shù)一系列信息,包括單次及多次來訪的訪客數(shù),、被瀏覽網(wǎng)頁平均數(shù)、訪客在站點(diǎn)的平均瀏覽時(shí)間、訪客地理位置、網(wǎng)頁訪問流量、以及移動設(shè)備用戶訪問量。
用戶研究,是對已存在或假想用戶的需求及其行為進(jìn)行細(xì)致的調(diào)查分析。
焦點(diǎn)人群,對某一特定的用戶的喜好、態(tài)度以及觀點(diǎn)進(jìn)行分析。
角色模型是一種產(chǎn)品或服務(wù)的目標(biāo)受眾中,不同種類的虛擬人物。
情景,詳細(xì)描述體驗(yàn)的各個(gè)階段,為設(shè)計(jì)需求提供有價(jià)值的建議。
收藏一下設(shè)計(jì)靈感的網(wǎng)站。
設(shè)計(jì)開發(fā)
概念思考:
頭腦風(fēng)暴
思維導(dǎo)圖
關(guān)聯(lián)
信息組織。
分類,
把內(nèi)容整理成,各種形式的圖片視頻音頻,同時(shí)也可以細(xì)分成合理的信息層次結(jié)構(gòu)及組成部分,例如標(biāo)題子標(biāo)題小姐摘要。
卡片分類。
導(dǎo)航系統(tǒng)
一旦確定了內(nèi)容網(wǎng)頁的組織和主要功能的任務(wù)流程,設(shè)計(jì)師就要決定合適的導(dǎo)航系統(tǒng),導(dǎo)航系統(tǒng)可以通過瀏覽和搜索幫助用戶找到有用的內(nèi)容,也可以通過一系列的頁面和任務(wù)為用戶定向,并在特定的頁面內(nèi)提供邏輯性的層級和內(nèi)容順序。
大多數(shù)用戶會聯(lián)合各種工具進(jìn)行瀏覽和搜索,用戶進(jìn)行搜索的時(shí)候,不會按照慣常的邏輯思維,通過登錄頁進(jìn)入站點(diǎn),因此通過應(yīng)用導(dǎo)航工具如面包屑搜索引擎等進(jìn)行清晰的標(biāo)記和定位至關(guān)重要。
設(shè)計(jì)可學(xué)性界面
有吸引力
用戶在完成任務(wù)的過程中有三種基本動機(jī)本、行為和反思。關(guān)注細(xì)節(jié)的設(shè)計(jì),用戶可以產(chǎn)生設(shè)計(jì)良好的信心。
設(shè)計(jì)也要滿足用戶的期望否則會帶來失望。
承擔(dān)物和隱喻的使用
慣用語
創(chuàng)建原型和線框圖。原形型的是創(chuàng)建涉及三個(gè)領(lǐng)域的交叉知識,信息結(jié)構(gòu)、用戶為中心的設(shè)計(jì)和平面設(shè)計(jì)。
原型包含紙質(zhì)原型、低保真原型、高保真原型。
原型設(shè)計(jì)的工具
反饋和用戶測試
簡單的用戶測試是給測試者一個(gè)任務(wù)清單,對原型進(jìn)行操作,然后對測試者進(jìn)行觀察。
復(fù)雜的啟發(fā)式評價(jià),通常是有經(jīng)驗(yàn)的用戶他們自己決定自己的任務(wù),并根據(jù)一套被認(rèn)可的原則進(jìn)行評價(jià)。
色彩和圖像
熱情的紅色,陰郁的灰色,冷靜的藍(lán)色。橘色意味著溫暖,綠色意味著健康。從文化角度,黑色在西方社會中代表的死亡,在中國則用白色代表死亡。
網(wǎng)頁、智能電話APP、視頻游戲的數(shù)字化設(shè)計(jì)通常面對的是全球而不知是本地用戶,所以理解對色彩的詮釋方式非常重要。
圖像編碼和解碼
文字、類比和隱喻
圖標(biāo)、指示性符號和象征符號
圖像準(zhǔn)備
使用圖片庫
設(shè)計(jì)靈感網(wǎng)站
數(shù)字排印
無襯線主要用于傳統(tǒng)的書籍和報(bào)紙,無襯線線字體,主要用于導(dǎo)航和信息圖以及屏幕。
易讀性和可讀性
字體的選擇,行距,字間距,行長和對齊方式。
構(gòu)成原則。
平衡,形狀和空間,尺寸和比例,定位和布局,顏色和對比,黃金分割,三分法則。
固定布局有特定的寬度,其中的字體圖像都有固定的尺寸,主要優(yōu)勢是布局容易實(shí)施對每個(gè)瀏覽器都保持一致,主要的缺點(diǎn)是在可用性方面,對每個(gè)瀏覽器窗口和屏幕都一樣的大小。
流動性布局可以根據(jù)瀏覽器、窗口的百分比而不是像素尺寸,進(jìn)行縮放。流動布局主要的優(yōu)點(diǎn)是對用戶友好。缺點(diǎn)是,由于缺乏對用戶所見的控制,也會造成高分辨率顯示器上的尺寸過大。
響應(yīng)式網(wǎng)頁設(shè)計(jì),用戶總會看到適合其屏幕和窗口尺寸的布局。
電視標(biāo)準(zhǔn)和屏幕布局
電視的制式三種,PAL NTSC SECAM,我國使用的是PAL
交互格式
情景事關(guān)移動設(shè)計(jì)的一切。
誰是用戶?
他們在做什么?
他們何時(shí)會使用?
他們在什么地方使用?
他們會如何使用?
移動設(shè)備布局設(shè)計(jì)的建議。
重要的內(nèi)容要放置在屏幕頂部,頁面不夠的話用滾動方式。
用戶界面手冊中,可接受的最小尺寸,44x44點(diǎn)。
考慮移動設(shè)備的使用環(huán)境,如果有人在陽光下散步的時(shí)候使用園藝應(yīng)用,要確保文字做和清晰,不要給屏幕填塞過滿。
要保持布局簡單,減少不必要的功能。
游戲
好的游戲用戶界面應(yīng)該具備的特性:
1.做玩家希望做的
2.對玩家的動作提供積極確認(rèn)
3.給玩家提供及時(shí)的相關(guān)信息
4.避免混亂,沒有非必要的或者障礙性的用戶界面元素
5.圖標(biāo)與所代表的實(shí)物有明顯的聯(lián)系
6.只有在必要的時(shí)候可見
7.狀態(tài)圖標(biāo)使用通常的用法,如心臟表示健康狀況
8.能夠隨著游戲的進(jìn)行產(chǎn)生改變和進(jìn)化。9.避免將用戶界面元素放在屏幕中玩家手指不能觸及的區(qū)域
10.要注意觸屏輸入不是很精確,留一些大的觸摸區(qū)域
創(chuàng)意發(fā)表
設(shè)計(jì)師一般會選擇在自己的工作室發(fā)表作品,因?yàn)閷Νh(huán)境適應(yīng),對技術(shù)熟悉。客戶通常喜歡在自己的辦公室觀看作品。
設(shè)計(jì)師自我批評即使缺點(diǎn)也是優(yōu)點(diǎn),不要在壓力下產(chǎn)生自我懷疑,自信并捍衛(wèi)你的作品,禮貌的接受建設(shè)性的批評,但不要太去關(guān)注自己的缺點(diǎn),否則無助于推銷你能概念,也會讓客戶對你失去信心。
數(shù)字式發(fā)表發(fā)表。
Keynote & PPT
實(shí)體發(fā)表。
將發(fā)表的內(nèi)容打印、分類、貼標(biāo)簽等。
創(chuàng)建宣傳冊。宣傳算是設(shè)計(jì)師重要的宣傳工具。他可以展示我們的專業(yè)性和經(jīng)驗(yàn),也向客戶展示我們的工作過程。可以有數(shù)字宣傳冊或者是在線宣傳冊。