火龍果電子產(chǎn)品交互設(shè)計(jì)

1、第7章 電子產(chǎn)品交互設(shè)計(jì)7.1 電子產(chǎn)品交互設(shè)計(jì)概述電子產(chǎn)品交互設(shè)計(jì)概述交互設(shè)計(jì)交互設(shè)計(jì)(Interaction Design) 交互設(shè)計(jì)是指設(shè)計(jì)人和產(chǎn)品或服務(wù)互動(dòng)的一種機(jī)制。用戶體驗(yàn)為基礎(chǔ)進(jìn)行的人機(jī)交互設(shè)計(jì)是要考慮用戶的背景、使用經(jīng)驗(yàn)以及在操作過(guò)程中的感受，從而設(shè)計(jì)出使最終用戶在使用時(shí)感到愉悅、符合自己的邏輯、有效完成并且高效使用的產(chǎn)品。 沒(méi)有不好的用戶，只有不好的產(chǎn)品沒(méi)有不好的用戶，只有不好的產(chǎn)品 人性化的設(shè)計(jì)應(yīng)當(dāng)考慮的人的弱點(diǎn)：正常人人性化的設(shè)計(jì)應(yīng)當(dāng)考慮的人的弱點(diǎn)：正常人使用設(shè)計(jì)低劣的產(chǎn)品，殘疾人使用使用設(shè)計(jì)低劣的產(chǎn)品，殘疾人使用“正常的正常的”的產(chǎn)品的產(chǎn)品 用戶的挫折、用戶的憤怒用戶的

2、挫折、用戶的憤怒 案例分析案例分析 切紙機(jī)切紙機(jī) 空調(diào)遙控器空調(diào)遙控器 漢字輸入方法漢字輸入方法7.1.1 設(shè)計(jì)危機(jī)設(shè)計(jì)危機(jī) 不好的設(shè)計(jì)不好的設(shè)計(jì) 不按照設(shè)想的工作不按照設(shè)想的工作 不同的物品外觀過(guò)于相似不同的物品外觀過(guò)于相似 難以辨認(rèn)難以辨認(rèn) 不能與其他產(chǎn)品共同工作不能與其他產(chǎn)品共同工作 難以操作難以操作 難以學(xué)習(xí)和掌握難以學(xué)習(xí)和掌握 不好的人類工效學(xué)的設(shè)計(jì)不好的人類工效學(xué)的設(shè)計(jì) 不直觀的匹配不直觀的匹配 隱藏錯(cuò)誤結(jié)果隱藏錯(cuò)誤結(jié)果 容易產(chǎn)生誤操作容易產(chǎn)生誤操作 好的設(shè)計(jì)好的設(shè)計(jì) 自然匹配自然匹配 操作方式一目了然操作方式一目了然 避免觸發(fā)危險(xiǎn)操作避免觸發(fā)危險(xiǎn)操作 避免誤操作避免誤操作 簡(jiǎn)潔明

3、了簡(jiǎn)潔明了 練習(xí)：給你身邊的日用產(chǎn)品挑毛病練習(xí)：給你身邊的日用產(chǎn)品挑毛病 空調(diào)遙控器：有無(wú)前面提到的問(wèn)題空調(diào)遙控器：有無(wú)前面提到的問(wèn)題 數(shù)碼產(chǎn)品：離開說(shuō)明書可操作嗎？數(shù)碼產(chǎn)品：離開說(shuō)明書可操作嗎？ 電腦連線：形狀、顏色電腦連線：形狀、顏色 電腦音箱：有無(wú)耳機(jī)孔電腦音箱：有無(wú)耳機(jī)孔 漢字輸入方法漢字輸入方法 流行詞匯流行詞匯 以人為本以人為本 用戶友好用戶友好 以用戶為中心以用戶為中心 個(gè)性化個(gè)性化 人性化人性化 設(shè)計(jì)師的設(shè)計(jì)師的“座右銘座右銘” 功能強(qiáng)大而用戶界面低劣的產(chǎn)品無(wú)人問(wèn)津功能強(qiáng)大而用戶界面低劣的產(chǎn)品無(wú)人問(wèn)津 功能一般而用戶界面友好的產(chǎn)品非常受用戶歡迎功能一般而用戶界面友好的產(chǎn)品非常受

4、用戶歡迎7.1.2 人性化設(shè)計(jì)人性化設(shè)計(jì) 定義定義1：設(shè)計(jì)支持人們?nèi)粘９ぷ髋c生活的交互：設(shè)計(jì)支持人們?nèi)粘９ぷ髋c生活的交互產(chǎn)品產(chǎn)品 定義定義2：一個(gè)關(guān)于限定人造物、環(huán)境及其系統(tǒng)：一個(gè)關(guān)于限定人造物、環(huán)境及其系統(tǒng)的行為的設(shè)計(jì)學(xué)科的行為的設(shè)計(jì)學(xué)科 定義定義3：人類交流和交互空間的設(shè)計(jì)：人類交流和交互空間的設(shè)計(jì) 交互設(shè)計(jì)不僅設(shè)計(jì)交互設(shè)計(jì)不僅設(shè)計(jì)“物物”，還設(shè)計(jì)，還設(shè)計(jì)“事事” 交互設(shè)計(jì)過(guò)程是生產(chǎn)有用、易用和樂(lè)用的產(chǎn)交互設(shè)計(jì)過(guò)程是生產(chǎn)有用、易用和樂(lè)用的產(chǎn)品的過(guò)程品的過(guò)程7.1.3 什么是交互設(shè)計(jì)什么是交互設(shè)計(jì)7.1.4 為誰(shuí)設(shè)計(jì) 用戶分析 確定用戶群，確定用戶的差異7.1.5 設(shè)計(jì)什么 任務(wù)分析 支持哪

5、些用戶行為，確定基準(zhǔn)任務(wù) 7.1.6 交互設(shè)計(jì)的目標(biāo)1 交互系統(tǒng)設(shè)計(jì)交互系統(tǒng)設(shè)計(jì) 交互系統(tǒng)(Interactive System)用戶可以對(duì)話方式與其打交道 系統(tǒng)分類與特點(diǎn) 關(guān)鍵系統(tǒng)：高可靠、高效率、高安全、昂貴 工商業(yè)系統(tǒng)：高效率、低成本、易用性 辦公、家庭和娛樂(lè)系統(tǒng)：易學(xué)習(xí)、出錯(cuò)率低、滿意度高、富有趣味性 探索性、創(chuàng)造性和協(xié)同性系統(tǒng)：富有挑戰(zhàn)性、弱化計(jì)算機(jī)的存在 用戶體驗(yàn)（滿意度）目標(biāo) 令人滿意 令人愉快 有趣 引人入勝 有用 富有啟發(fā)性 富有美感 可激發(fā)創(chuàng)造性 讓人有成就感 情感上的滿足富有啟發(fā)性滿意度富有美感可激發(fā)創(chuàng)造性讓人有成就感情感上的滿足有用引人入勝有趣令人愉快令人滿意2 用戶目

6、標(biāo)用戶目標(biāo) 可用性目標(biāo)可用性目標(biāo) 可用性：使用有效果 有效性：工作效率高 安全性：能安全使用 通用性：適用于更大范圍 易學(xué)性：使用方法容易掌握 易記性：使用方法容易記憶易記性可用性有效性安全性通用性有用性易學(xué)性7.1.7 交互設(shè)計(jì)的學(xué)科特點(diǎn)交互設(shè)計(jì)的學(xué)科特點(diǎn) 交叉學(xué)科人類工程學(xué)/認(rèn)知人類工程學(xué)心理學(xué)/認(rèn)知科學(xué)信息學(xué)/信息系統(tǒng)工程學(xué)計(jì)算機(jī)科學(xué)/軟件工程社會(huì)科學(xué)（社會(huì)學(xué)/人類學(xué)）人性因素（HF）/認(rèn)知工程人機(jī)交互（HCI）/計(jì)算機(jī)輔助協(xié)同工作（CSCW）設(shè)計(jì)實(shí)踐（平面設(shè)計(jì)、產(chǎn)品設(shè)計(jì)、工業(yè)設(shè)計(jì)、美術(shù)設(shè)計(jì)、電影制作）7.2 人性因素 7.1 生理因素7.1.1 人體能力7.1.2 工作環(huán)境7.1.3

7、設(shè)計(jì)啟示7.2 心理因素2.7.1 輸入輸出通道7.2.2 記憶7.7.3 思維7.7.4 設(shè)計(jì)啟示7.3 社會(huì)因素7.3.1 對(duì)話機(jī)制7.3.2 協(xié)調(diào)機(jī)制7.3.3 感知機(jī)制7.3.4 設(shè)計(jì)啟示7.4 殘疾人與老年人7.4.1 身心特點(diǎn)7.4.2 設(shè)計(jì)啟示7.1 生理因素7.1.1 人體能力 人體尺寸 人體功能 體態(tài)、背部、手臂與手的力量 工作環(huán)境 疲勞 殘疾人 適應(yīng)域：95% 用戶分析7.1.2 工作環(huán)境 溫度 照明 噪聲 振動(dòng) 個(gè)人空間 文化環(huán)境7.1.3 設(shè)計(jì)啟示 物理界面：影響明顯 設(shè)計(jì)實(shí)例 VDT設(shè)計(jì) 鼠標(biāo)設(shè)計(jì) 鍵盤設(shè)計(jì) 飛機(jī)、汽車駕駛艙設(shè)計(jì)7.2 心理因素7.2.1 輸入輸出通道

8、 SOR模型 視覺(jué)：方向性、主要感覺(jué)通道、過(guò)載 聽覺(jué)：非隨意，無(wú)方向性，干擾 其它通道：嗅覺(jué)、味覺(jué)、觸覺(jué)、運(yùn)動(dòng)覺(jué) 手勢(shì)：手 姿勢(shì)：肢體語(yǔ)言，足、身體 語(yǔ)音：口7.2.2 記憶 感覺(jué)記憶 短時(shí)記憶 長(zhǎng)時(shí)記憶7.2.3 思維 學(xué)習(xí) 注意 決策 7.2.4 設(shè)計(jì)啟示 認(rèn)知界面:思維模型、信息處理、外部認(rèn)知 設(shè)計(jì)實(shí)例 圖形用戶界面（GUI）設(shè)計(jì) 菜單：再認(rèn) 聲音提示：無(wú)方向性 自動(dòng)計(jì)算填表：避免心算7.2.4 殘疾人與老年人 身心特點(diǎn) 視力殘疾：盲人，俗稱“瞎子” 聽力殘疾：聾啞人，俗稱“聾子”、“啞巴” 肢體殘疾：行動(dòng)不便，俗稱“瘸子”、“跛子” 智力殘疾：俗稱“傻子”、“弱智”、“白

9、癡” 精神殘疾：俗稱“瘋子” 老年人：不同程度上述任意情況 設(shè)計(jì)啟示 人性化設(shè)計(jì)不僅為正常人而設(shè)計(jì)，更應(yīng)為殘疾人和老年人而設(shè)計(jì) 設(shè)計(jì)實(shí)例 盲人通道 盲人座廁 盲人手機(jī) 電子輔助行走技術(shù)（ETA）7.5 7.5 人的信息加工過(guò)程人的信息加工過(guò)程 人的信息加工過(guò)程模型人的信息加工過(guò)程模型 大腦研究途徑大腦研究途徑神經(jīng)研究神經(jīng)研究機(jī)能研究：信息加工的觀點(diǎn)，機(jī)能研究：信息加工的觀點(diǎn)，IPOIPO 信息理論信息理論信息：不確定性（可能性）信息：不確定性（可能性）信息度量：信息度量：H=logH=log2 2n n比特比特(bit)(bit)信息傳輸：不確定性減

10、少信息傳輸：不確定性減少定量運(yùn)用很難定量運(yùn)用很難 人的信息加工過(guò)程模型人的信息加工過(guò)程模型BroadbentBroadbent模型模型WickensWickens模型模型感覺(jué)、知覺(jué)、記憶、決策、（反應(yīng)）選擇、（運(yùn)動(dòng)）感覺(jué)、知覺(jué)、記憶、決策、（反應(yīng)）選擇、（運(yùn)動(dòng)）反應(yīng)反應(yīng)感覺(jué)登記：外周感受器感覺(jué)登記：外周感受器知覺(jué)：感覺(jué)綜合，感覺(jué)與記憶，整體形象知覺(jué)：感覺(jué)綜合，感覺(jué)與記憶，整體形象思維與決策：知覺(jué)與記憶，比較分析綜合判斷推理思維與決策：知覺(jué)與記憶，比較分析綜合判斷推理信息輸出：運(yùn)動(dòng)信息輸出：運(yùn)動(dòng)反饋：修正反饋：修正記憶記憶：知覺(jué)與思維的共同基礎(chǔ)：知覺(jué)與思維的共同基礎(chǔ)注意注意：導(dǎo)向與支持，集中指向

11、信息：導(dǎo)向與支持，集中指向信息 人的信息輸入與傳遞人的信息輸入與傳遞 人的信息輸入能力人的信息輸入能力適宜刺激：強(qiáng)度的下限（感覺(jué)），上限（傷害）適宜刺激：強(qiáng)度的下限（感覺(jué)），上限（傷害）絕對(duì)閾限：下限（感覺(jué)）絕對(duì)閾限：下限（感覺(jué)）差別閾限：最小可覺(jué)差（差別閾限：最小可覺(jué)差（J.N.D.J.N.D.），視敏度），視敏度韋伯定律：韋伯定律：r(r(刺激差別量刺激差別量)/r()/r(刺激量刺激量)=k()=k(常數(shù)常數(shù)) )費(fèi)希納定律：費(fèi)希納定律：S (S (感覺(jué)量感覺(jué)量)= k log I()= k log I(物理量物理量) ) 人的信息傳遞能力人的信息傳遞能力人

12、的信道容量有限：編碼、疲勞人的信道容量有限：編碼、疲勞接受系統(tǒng)信道容量大接受系統(tǒng)信道容量大中樞神經(jīng)信道容量小中樞神經(jīng)信道容量小 知覺(jué)知覺(jué) 感覺(jué)與知覺(jué)感覺(jué)與知覺(jué)感覺(jué)：個(gè)別屬性感覺(jué)：個(gè)別屬性知覺(jué)：綜合形象，事物關(guān)系知覺(jué)：綜合形象，事物關(guān)系錯(cuò)覺(jué)錯(cuò)覺(jué) ：錯(cuò)誤的知覺(jué)：錯(cuò)誤的知覺(jué)知覺(jué)的信息加工知覺(jué)的信息加工整體加工與局部加工整體加工與局部加工 BOOK135-136BOOK135-136特征覺(jué)察器：分析特征特征覺(jué)察器：分析特征綜合整體綜合整體格式塔理論：整體大于部分之和格式塔理論：整體大于部分之和先整體后局部先整體后局部 BOOK135-136BOOK135-136自下而上的

13、加工與自上而下的加工自下而上的加工與自上而下的加工數(shù)據(jù)驅(qū)動(dòng)加工數(shù)據(jù)驅(qū)動(dòng)加工概念驅(qū)動(dòng)加工概念驅(qū)動(dòng)加工模板匹配：記憶參與模板匹配：記憶參與 記憶記憶 記憶記憶信息存儲(chǔ)，信息提取信息存儲(chǔ)，信息提取知覺(jué)和思維的基礎(chǔ)知覺(jué)和思維的基礎(chǔ)感覺(jué)記憶感覺(jué)記憶短時(shí)記憶短時(shí)記憶長(zhǎng)時(shí)記憶長(zhǎng)時(shí)記憶人的記憶能力很大，常常不太有效人的記憶能力很大，常常不太有效 感覺(jué)記憶：感覺(jué)登記感覺(jué)記憶：感覺(jué)登記保持時(shí)間：毫秒，秒，易消失保持時(shí)間：毫秒，秒，易消失 短時(shí)記憶短時(shí)記憶 BOOK138-140 BOOK138-140 ：工作記憶：工作記憶容量：容量：7 72 bit2 bit按組塊組織：按組塊組織：

14、AIKONYNOSMBILCTAIKONYNOSMBILCT 短時(shí)記憶的編碼：外部刺激、長(zhǎng)時(shí)記憶短時(shí)記憶的編碼：外部刺激、長(zhǎng)時(shí)記憶聲音編碼：聲音混淆聲音編碼：聲音混淆B B與與V;DV;D與與T T視覺(jué)編碼：形狀混淆視覺(jué)編碼：形狀混淆MM與與N;BN;B與與P P語(yǔ)意編碼：抽象編碼語(yǔ)意編碼：抽象編碼 短時(shí)記憶的喪失：易喪失短時(shí)記憶的喪失：易喪失時(shí)間推移：時(shí)間推移：3s,90%;9s,20%3s,90%;9s,20%其他材料干擾：前面的受后面的干擾其他材料干擾：前面的受后面的干擾 長(zhǎng)時(shí)記憶長(zhǎng)時(shí)記憶 BOOK140-142 BOOK140-142 ：永久記憶，容量：永久記憶，容量無(wú)限無(wú)限情節(jié)記憶：

15、情緒、經(jīng)驗(yàn)性；易受干擾情節(jié)記憶：情緒、經(jīng)驗(yàn)性；易受干擾語(yǔ)意記憶：語(yǔ)言，抽象；定義表征；較穩(wěn)定語(yǔ)意記憶：語(yǔ)言，抽象；定義表征；較穩(wěn)定 長(zhǎng)時(shí)記憶的編碼長(zhǎng)時(shí)記憶的編碼意碼：字詞存儲(chǔ)；語(yǔ)意網(wǎng)絡(luò)意碼：字詞存儲(chǔ)；語(yǔ)意網(wǎng)絡(luò)表象（表征）編碼：情節(jié)記憶，視覺(jué)聽覺(jué)表象（表征）編碼：情節(jié)記憶，視覺(jué)聽覺(jué) 長(zhǎng)時(shí)記憶的提?。狠^慢、易失真長(zhǎng)時(shí)記憶的提取：較慢、易失真提取過(guò)程：解決問(wèn)題、思維過(guò)程提取過(guò)程：解決問(wèn)題、思維過(guò)程選擇策略，圍繞線索，按邏輯、經(jīng)驗(yàn)的記憶重建選擇策略，圍繞線索，按邏輯、經(jīng)驗(yàn)的記憶重建 長(zhǎng)時(shí)記憶的遺忘長(zhǎng)時(shí)記憶的遺忘痕跡消退理論：時(shí)間推移痕跡消退理論：時(shí)間推移干擾理論：前攝干擾，后攝干擾干擾理論：前攝干擾，

16、后攝干擾線索依賴?yán)碚摚簡(jiǎn)适崛【€索線索依賴?yán)碚摚簡(jiǎn)适崛【€索 人的知識(shí)：長(zhǎng)時(shí)記憶存儲(chǔ)人的知識(shí)：長(zhǎng)時(shí)記憶存儲(chǔ)陳述性知識(shí)：陳述性知識(shí)：What to doWhat to do？事實(shí)？事實(shí)程序性知識(shí)：程序性知識(shí)：How to doHow to do？自動(dòng)過(guò)程？自動(dòng)過(guò)程內(nèi)部知識(shí)：大腦中；過(guò)多內(nèi)部知識(shí)：大腦中；過(guò)多記憶負(fù)擔(dān)記憶負(fù)擔(dān)外部知識(shí)：印刷標(biāo)記；過(guò)多外部知識(shí)：印刷標(biāo)記；過(guò)多信息負(fù)擔(dān)信息負(fù)擔(dān)設(shè)計(jì)知識(shí)：設(shè)計(jì)師關(guān)于產(chǎn)品構(gòu)建的知識(shí)設(shè)計(jì)知識(shí)：設(shè)計(jì)師關(guān)于產(chǎn)品構(gòu)建的知識(shí)用戶知識(shí)：用戶關(guān)于產(chǎn)品操作的知識(shí)用戶知識(shí)：用戶關(guān)于產(chǎn)品操作的知識(shí) 知識(shí)的結(jié)構(gòu)與組織知識(shí)的結(jié)構(gòu)與組織 BOOK143-145 BOOK143-145

17、 符號(hào)取向：存儲(chǔ)節(jié)點(diǎn)符號(hào)取向：存儲(chǔ)節(jié)點(diǎn)連接取向：神經(jīng)網(wǎng)絡(luò)連接取向：神經(jīng)網(wǎng)絡(luò) 原型：類別的全部實(shí)例原型：類別的全部實(shí)例定義特征：全部實(shí)例的共同特征定義特征：全部實(shí)例的共同特征特有特征：區(qū)分不同類別特有特征：區(qū)分不同類別類比：輸入信息與記憶原型類比：輸入信息與記憶原型 人的信息輸出人的信息輸出 信息輸出速度信息輸出速度反應(yīng)時(shí)：刺激出現(xiàn)反應(yīng)時(shí)：刺激出現(xiàn)反應(yīng)完成反應(yīng)完成反應(yīng)時(shí)反應(yīng)時(shí)= =潛伏時(shí)間潛伏時(shí)間+ +運(yùn)動(dòng)時(shí)間運(yùn)動(dòng)時(shí)間簡(jiǎn)單反應(yīng)時(shí)簡(jiǎn)單反應(yīng)時(shí)vsvs選擇反應(yīng)時(shí)選擇反應(yīng)時(shí)影響因素：刺激通道、性質(zhì)、強(qiáng)度、數(shù)量、呈現(xiàn)時(shí)影響因素：刺激通道、性質(zhì)、強(qiáng)度、數(shù)量、呈現(xiàn)時(shí)間、不確定程度

18、間、不確定程度 信息輸出精確性信息輸出精確性正確性：基本要求正確性：基本要求精度：差別精度：差別快快不準(zhǔn)，慢不準(zhǔn)，慢準(zhǔn)準(zhǔn)運(yùn)動(dòng)時(shí)間、距離、方向、速度、力量運(yùn)動(dòng)時(shí)間、距離、方向、速度、力量 速度速度- -準(zhǔn)確性互換特征：好與快，中等最佳準(zhǔn)確性互換特征：好與快，中等最佳7.3 人機(jī)關(guān)系 交互設(shè)備與交互技術(shù) 用戶界面設(shè)計(jì)與評(píng)估 用戶界面開發(fā)工具.1 什么是用戶界面管理系統(tǒng).2 Seeheim模型.3 開放的UIMS參考模型.4 快速應(yīng)用程序開發(fā)環(huán)境7.3.5 人機(jī)交互技術(shù)新進(jìn)展新型交互設(shè)備7

19、.3.5.2多通道用戶界面 虛擬現(xiàn)實(shí)技術(shù) 聽覺(jué)界面與可聽化技術(shù) 自適應(yīng)與智能用戶界面 Web用戶界面嵌入式系統(tǒng)用戶界面 計(jì)算機(jī)輔助協(xié)同工作 科學(xué)計(jì)算可視化7.3.1 人機(jī)工程學(xué) 人機(jī)工程學(xué)的歷史 人機(jī)工程學(xué)的宗旨 什么是人機(jī)系統(tǒng) 人機(jī)功能匹配7.3.2 人機(jī)交互與用戶界面 什么是人機(jī)交互 什么是用戶界面7.3.3 人機(jī)交互的歷史 人機(jī)交互風(fēng)格的演變 命令語(yǔ)言用戶界面 圖形用

20、戶界面 直接操縱用戶界面 多媒體用戶界面7.3.4 人機(jī)交互研究?jī)?nèi)容 人機(jī)界面模型 交互范型與交互風(fēng)格7.3.1 人機(jī)工程學(xué) 人機(jī)工程學(xué)的宗旨 安全、健康、舒適、高效 人要適應(yīng)工作-培訓(xùn)動(dòng)作時(shí)間研究（泰勒等）霍桑研究：訓(xùn)練兵員和工人 工作要適應(yīng)人-設(shè)計(jì) 工具設(shè)計(jì)工作環(huán)境設(shè)計(jì)7.3.1 人機(jī)工程學(xué)7.3.1 人機(jī)系統(tǒng) 人-機(jī)-環(huán)系統(tǒng)人機(jī)器：硬件、軟件環(huán)境 人-機(jī)系統(tǒng)分類手工系統(tǒng)機(jī)械系統(tǒng)自動(dòng)化（監(jiān)控）系統(tǒng)智能（協(xié)同）系統(tǒng) 人機(jī)關(guān)系分類人-機(jī)：用戶界面機(jī)-機(jī)：網(wǎng)絡(luò)接口人-人：協(xié)同系統(tǒng) 人機(jī)功能匹配 人的優(yōu)勢(shì)設(shè)計(jì)方案，

21、編制程序，應(yīng)付不測(cè)，排障維修 機(jī)的優(yōu)勢(shì)強(qiáng)度大，快速，高精度，持久，單調(diào)，惡劣環(huán)境 人機(jī)關(guān)系觀念演變以機(jī)器為中心以人為中心人機(jī)匹配：各展所長(zhǎng)，互補(bǔ)所短 什么是人機(jī)交互 人機(jī)交互(Human Computer Interaction-HCI)人(用戶)與計(jì)算機(jī)系統(tǒng)之間的信息交換7.3.2 人機(jī)交互與用戶界面 什么是用戶界面 用戶界面(User Interface-UI)實(shí)現(xiàn)人機(jī)雙向信息交換的支持硬件和軟件 同義詞人機(jī)界面人機(jī)接口人計(jì)接口Human Computer Interface-HCIMan-Machine Interface 人機(jī)交互與用戶界面的關(guān)系 人機(jī)交互：

22、人與計(jì)算機(jī)進(jìn)行對(duì)話或信息交換的過(guò)程，強(qiáng)調(diào)動(dòng)態(tài)的、過(guò)程的概念 用戶界面：人與計(jì)算機(jī)進(jìn)行對(duì)話或信息交換所依賴的介質(zhì)，強(qiáng)調(diào)靜態(tài)的、功能的概念 人機(jī)交互：一般是研究人員所關(guān)心的問(wèn)題，涉及心理學(xué)、統(tǒng)計(jì)學(xué)、軟件技術(shù)等學(xué)科領(lǐng)域 用戶界面：一般是開發(fā)人員所關(guān)心的問(wèn)題，涉及軟件工程、美術(shù)、軟件技術(shù)等方面人機(jī)交互風(fēng)格的演變 演變過(guò)程批處理聯(lián)機(jī)終端文本菜單圖形界面多媒體多通道虛擬現(xiàn)實(shí) 表現(xiàn)媒體：字符圖形多媒體感覺(jué)通道：符號(hào)視覺(jué)聽覺(jué)多媒體反應(yīng)通道：手動(dòng)語(yǔ)言多通道信息空間：維維維多維 現(xiàn)狀圖形用戶界面(GUI)/多媒體WIMP(Window Icon Mouse Popup Menu)/(Window I

23、con Menu Pointer)鍵盤+鼠標(biāo)器7.3.3 人機(jī)交互的歷史 命令語(yǔ)言用戶界面 命令行用戶界面(Command Line User Interface-CUI)DOSUNIXLinux 示例DOS: COPY A:SYSBOOT.INI C:TEMPUNIX: grep v $ filea fileb 圖形用戶界面 圖形用戶界面(Graphical User Interface-GUI)Windows(Microsoft)X Window(UNIX)Macintosh(Apple)OS/2 PM(IBM) 示例 直接操縱用戶界面 背景Win

24、dows 95：以文檔為中心 特征所見即所得(What You See Is What You Get-WYSIWYG)顯示操作光標(biāo)，直覺(jué)自然地控制光標(biāo)使用圖標(biāo)立即顯示操作結(jié)果提供快速的響應(yīng)和顯示提供容易的可逆操作7.3.4 人機(jī)交互研究?jī)?nèi)容 人機(jī)界面模型 研究者關(guān)于用戶的模型：關(guān)于用戶的元模型，旨在為設(shè)計(jì)者提供一種建模方法 設(shè)計(jì)者關(guān)于用戶的模型：用戶模型用戶模型(user model) 計(jì)算機(jī)系統(tǒng)關(guān)于用戶的模型：是用戶模型的計(jì)算機(jī)化 用戶關(guān)于計(jì)算機(jī)系統(tǒng)的模型：心理模型心理模型(users mental model) ，用戶的模型用戶的模型(users model)，思維模型 設(shè)

25、計(jì)者關(guān)于計(jì)算機(jī)的模型：概念模型(conceptual model) 設(shè)計(jì)概念模型與用戶理解模型 設(shè)計(jì)模型：設(shè)計(jì)時(shí)設(shè)想系統(tǒng)如何運(yùn)行，即概念模型 系統(tǒng)映象：系統(tǒng)實(shí)際如何運(yùn)作 用戶的模型：用戶理解系統(tǒng)如何運(yùn)作，即心理模型、思維模型 概念模型：外觀和感覺(jué)(Look & Feel) 基于對(duì)象的模型 對(duì)象或人造物 比較具體：如電子表格、分類帳頁(yè) 基于行為的模型 指示：DOS、UNIX、菜單、功能鍵 對(duì)話：電話銀行 操作和導(dǎo)航：直接操縱、虛擬現(xiàn)實(shí)、三維游戲 探索和瀏覽：CD-ROM、門戶網(wǎng)站 混合模型 Windows Web瀏覽器 交互范型與交互風(fēng)格 交互范型桌面范型：GUI/WIMP

26、無(wú)處不在計(jì)算：身體就是界面滲透計(jì)算可穿戴計(jì)算虛擬環(huán)境所見即所得 交互風(fēng)格直接操縱 菜單表格命令自然語(yǔ)言 交互設(shè)備與交互技術(shù) 交互設(shè)備（Interactive Device）：對(duì)話式設(shè)備 輸入設(shè)備按鍵設(shè)備：鍵盤 指點(diǎn)設(shè)備 直接指點(diǎn)設(shè)備：包括光筆、觸屏等 間接指點(diǎn)設(shè)備：鼠標(biāo)器、跟蹤球、控制桿、圖形板 語(yǔ)音識(shí)別新型輸入設(shè)備：視線跟蹤設(shè)備、數(shù)據(jù)手套、三維空間跟蹤設(shè)備(如Polhemus) 輸出設(shè)備傳統(tǒng)輸出設(shè)備 平面圖形顯示設(shè)備：顯示器、打印機(jī)等 聲音顯示設(shè)備新型輸出設(shè)備：三維立體圖像、三維立體聲顯示設(shè)備 交互技術(shù)（Interaction Technique）利用物理的輸入設(shè)備執(zhí)行人機(jī)對(duì)

27、話過(guò)程中的通用任務(wù)的方法 交互技術(shù)分類GUI/WIMP：小控件(widget) 圖標(biāo)(icon)、按鈕(button)、檢查框(check box)、文本框(text box)、編輯框(edit box)、列表框(list box)、滾動(dòng)條(scroll bar)等等 選擇、定位、定向、定路徑、定量、文本、橡皮筋、拖動(dòng)、徒手畫三維空間交互技術(shù) 基于手勢(shì)的交互技術(shù) 基于視線的交互技術(shù) 用戶界面設(shè)計(jì)與評(píng)估 交互系統(tǒng)開發(fā)的一個(gè)重要問(wèn)題就是設(shè)計(jì)符合人因特點(diǎn)的用戶界面 結(jié)構(gòu)設(shè)計(jì)（Structure Design）通過(guò)對(duì)用戶研究和任務(wù)分析，制定出產(chǎn)品的整體架構(gòu) 交互設(shè)計(jì)（Interacti

28、ve Design）使產(chǎn)品讓用戶能簡(jiǎn)單使用 人的因素應(yīng)作為設(shè)計(jì)的核心被體現(xiàn)出來(lái) 視覺(jué)設(shè)計(jì)（Visual Design）參照目標(biāo)群體的心理模型和任務(wù)達(dá)成進(jìn)行視覺(jué)設(shè)計(jì)包括色彩、字體、頁(yè)面等 交互系統(tǒng)開發(fā)的另一個(gè)重要問(wèn)題就是對(duì)用戶界面的人機(jī)交互效率作出評(píng)價(jià) 總結(jié)評(píng)價(jià)（Summative Evaluation）在界面完成之后作出的最終評(píng)價(jià)采用較嚴(yán)格的定量評(píng)價(jià)，如反應(yīng)時(shí)和錯(cuò)誤率 階段評(píng)價(jià)（Formative Evaluation）在設(shè)計(jì)過(guò)程中的評(píng)價(jià)采用開放式的手段，如訪談、問(wèn)卷、態(tài)度調(diào)查以及量表技術(shù) 用戶界面開發(fā)工具 用戶界面管理系統(tǒng)(User Interface Management S

29、ystem-UIMS) 借鑒數(shù)據(jù)庫(kù)管理系統(tǒng)(Dada Base Management System-DBMS) Seeheim模型 表示部件 對(duì)話控制 應(yīng)用接口 快速應(yīng)用程序開發(fā)環(huán)境(Rapid Application Development-RAD) Microsoft：Visual Basic、Visual C/C+、Visual FoxPro Borland：C+ Builder、Delphi 7.3.5 人機(jī)交互技術(shù)新進(jìn)展新型交互設(shè)備 三維空間控制器 視線跟蹤技術(shù) 手勢(shì)識(shí)別與理解技術(shù) 語(yǔ)音識(shí)別 自然語(yǔ)言理解技術(shù) 數(shù)據(jù)衣(Data Suit) 字符（漢字）識(shí)別技術(shù) 7.3.

30、5.2 多通道用戶界面 目標(biāo)交互自然性：日常技能，降低認(rèn)知負(fù)荷 交互高效性：信息交換吞吐量更大、形式更豐富交互兼容性：老用戶、專家用戶的知識(shí)和技能得以利用 特點(diǎn) 使用多個(gè)感覺(jué)和效應(yīng)通道三維的和直接操縱的允許非精確的交互 虛擬現(xiàn)實(shí)技術(shù) 虛擬現(xiàn)實(shí)(Virtual Reality)又稱虛擬環(huán)境(Virtual Environment)國(guó)內(nèi)有人稱之為“靈境” 特點(diǎn) 臨境感 (Immersion)交互性(Interaction) 構(gòu)想性(Imagination) 分類桌面虛擬現(xiàn)實(shí)系統(tǒng)：也稱窗口中的VR，成本低，主要用于CAD/CAM、建筑設(shè)計(jì)等領(lǐng)域臨境虛擬現(xiàn)實(shí)系統(tǒng)：使用頭盔顯示器把用戶的視

31、覺(jué)、聽覺(jué)及其它感覺(jué)封閉起來(lái)，產(chǎn)生一種身臨其境的錯(cuò)覺(jué)分布式虛擬現(xiàn)實(shí)系統(tǒng)：它建立在臨境虛擬現(xiàn)實(shí)系統(tǒng)和分布式交互仿真(DIS-Distributed Interaction Simulation)的基礎(chǔ)上 主要技術(shù)直觀顯示器：大視角頭部位置感知手部位置感知力反饋聲音輸入輸出：3D 聽覺(jué)界面 目標(biāo)視覺(jué)信息過(guò)載與視覺(jué)疲勞盲人或視覺(jué)缺陷者視覺(jué)反饋受限 聽覺(jué)特點(diǎn) 非隨意注意、非方向性對(duì)信息變化敏感 “聽覺(jué)是視覺(jué)的眼睛” 聲音分類語(yǔ)音：適于提示信息非語(yǔ)音：自然聲音、音樂(lè) 聽覺(jué)界面（Auditory Interface）聽標(biāo)（Auditory Icon）：自然聲音 耳標(biāo)（Earcon）：音樂(lè)語(yǔ)音合

32、成：波表合成、參數(shù)合成 應(yīng)用實(shí)例盲人聽覺(jué)瀏覽器盲人手機(jī)界面盲人文本閱讀器ETA(Electric Travel Aids) SonicFinder(Gaver) 自適應(yīng)與智能用戶界面 目標(biāo)滿足不同用戶的相互沖突的要求解決初學(xué)者和專家的需求矛盾 特點(diǎn) 檢測(cè)用戶，以便決定界面什么時(shí)候轉(zhuǎn)換，界面必須檢測(cè)用戶以決定此時(shí)初學(xué)者是否已成為專家 自適應(yīng)對(duì)話要能對(duì)用戶需求的變化作出響應(yīng)保證改變的數(shù)量和類型不會(huì)引起界面設(shè)計(jì)太不一致 Web用戶界面 WWW瀏覽器：超文本、超媒體 信息搜索搜索引擎多媒體文檔搜索 電子商務(wù) Intranet Web應(yīng)用 網(wǎng)站設(shè)計(jì)的OAI模型OAI：對(duì)象行

33、為界面模型 嵌入式系統(tǒng)用戶界面 嵌入式系統(tǒng)(Embedded System)家電產(chǎn)品數(shù)碼產(chǎn)品智能手機(jī)PDA/PPC 嵌入式操作系統(tǒng)（EOS）WinCEPalmOS 嵌入式Linux 計(jì)算機(jī)輔助協(xié)同工作 CSCW（Computer-supported Collaborative Work）通過(guò)計(jì)算機(jī)網(wǎng)絡(luò)實(shí)現(xiàn)人與人之間的協(xié)作 人人交互 相同時(shí)間，相同地點(diǎn)：共享顯示器、響應(yīng)設(shè)備、表決器相同時(shí)間，不同地點(diǎn)：電話，即時(shí)通信，MUD，協(xié)同創(chuàng)作不同時(shí)間，相同地點(diǎn)：留便條、項(xiàng)目調(diào)度、協(xié)調(diào)工具不同時(shí)間，不同地點(diǎn)：Email、BBS 可視化與可聽化技術(shù) 可視化優(yōu)勢(shì)探索海

34、量數(shù)據(jù) “百聞不如一見” 可聽化優(yōu)勢(shì)把握瞬息即逝的信息 任務(wù)分類學(xué)數(shù)據(jù)類型（TTT）數(shù)據(jù)類型：一維線性數(shù)據(jù)、二維地圖、三維世界、時(shí)態(tài)數(shù)據(jù)、多維數(shù)據(jù)、樹型數(shù)據(jù)、網(wǎng)狀數(shù)據(jù)任務(wù)：總覽、縮放、過(guò)濾、詳細(xì)需求、關(guān)聯(lián)、歷史、提取 可聽化應(yīng)用實(shí)例 直方圖 三維虛擬人 地理信息系統(tǒng)（GIS） 可視化應(yīng)用實(shí)例 量子口哨(Quantum Whistle)：提取暫態(tài)信息 可聽化教育：直觀形象 地震預(yù)報(bào)：幾分鐘瀏覽24小時(shí)的記錄數(shù)據(jù) 7.2 交互設(shè)計(jì)的目的及內(nèi)容交互設(shè)計(jì)的目的及內(nèi)容目的：目的：是為了產(chǎn)品有效易用，為了讓客戶對(duì)產(chǎn)品產(chǎn)生依賴，為了讓客戶使用產(chǎn)品時(shí)感到愉悅。內(nèi)容內(nèi)容：交互設(shè)計(jì)是一門特別關(guān)注以下內(nèi)容的學(xué)科：1

35、定義與產(chǎn)品的行為和使用密切相關(guān)的產(chǎn)品形式；2預(yù)測(cè)產(chǎn)品的使用如何影響產(chǎn)品與用戶的關(guān)系，以及用戶對(duì)產(chǎn)品的理解；3探索產(chǎn)品、人和物質(zhì)、文化、歷史之間的對(duì)話。 7.1.2 交互設(shè)計(jì)的解決問(wèn)題方法交互設(shè)計(jì)的解決問(wèn)題方法交互設(shè)計(jì)從以下4個(gè)方面的“目標(biāo)導(dǎo)向目標(biāo)導(dǎo)向”解決產(chǎn)品設(shè)計(jì)中的交互問(wèn)題。 1要形成人們所希望產(chǎn)品的使用方式，以及人們?yōu)?什么想使用這種產(chǎn)品等問(wèn)題的見解；2尊重用戶及其設(shè)計(jì)目標(biāo)； 3對(duì)于產(chǎn)品特征與使用屬性，要有一個(gè)完全的形態(tài)，而不能太簡(jiǎn)單； 4展望未來(lái)，要看到未來(lái)產(chǎn)品可能的樣子，它們并 不必然就像當(dāng)前這樣。 7.1.3 交互設(shè)計(jì)的價(jià)值交互設(shè)計(jì)的價(jià)值洛可可洛可可認(rèn)為：一個(gè)出眾的界面也是杰出的長(zhǎng)期

36、投資，它將獲得： 1顧客更高的生產(chǎn)率； 2更高的用戶滿意度； 3更高的可見價(jià)值； 4更低的客戶支持成本； 5更快，更簡(jiǎn)單的實(shí)現(xiàn)； 6有競(jìng)爭(zhēng)力的市場(chǎng)優(yōu)勢(shì)；7品牌的忠誠(chéng)度； 8更簡(jiǎn)單的用戶手冊(cè)和在線幫助； 9更安全的產(chǎn)品。 7.1.4 用戶的體驗(yàn)設(shè)計(jì)用戶的體驗(yàn)設(shè)計(jì) 用戶體驗(yàn)用戶體驗(yàn)（User Experience，簡(jiǎn)稱UE）是一種在用戶使用一個(gè)產(chǎn)品（服務(wù)）的過(guò)程中建立起來(lái)的純主觀的心理感受。 （1）對(duì)用戶體驗(yàn)有正確的預(yù)估（2）認(rèn)識(shí)用戶的真實(shí)期望和目的（3）在功能核心還能夠以低廉成本加以修改的時(shí)候?qū)υO(shè)計(jì)進(jìn)行修正 （4）保證功能核心同人機(jī)界面之間的協(xié)調(diào)工作，減少BUG。 7.1.5 良好的用戶體驗(yàn)良好

37、的用戶體驗(yàn)1. 分析產(chǎn)品需求2. 產(chǎn)品用戶體驗(yàn)設(shè)計(jì)瞄準(zhǔn)具體的用戶群體3. 理解你的產(chǎn)品，4. 良好的用戶體驗(yàn)，好的用戶體驗(yàn)由許多細(xì)節(jié)構(gòu)成，如合理的布局、賞心悅目的配色、用戶友好的操作過(guò)程。 7.1.6 自然化的人機(jī)交互自然化的人機(jī)交互 自然化的交互設(shè)計(jì)要做到交互設(shè)計(jì)中三個(gè)層次的表達(dá)，即創(chuàng)意表達(dá)、真實(shí)感表達(dá)、正確表達(dá)創(chuàng)意表達(dá)、真實(shí)感表達(dá)、正確表達(dá)。7.1.7 交互設(shè)計(jì)的原則交互設(shè)計(jì)的原則1.就近原則就近原則 恰當(dāng)?shù)慕M織與分類2.容錯(cuò)原則容錯(cuò)原則 允許用戶犯錯(cuò)3.幫助原則幫助原則 提供適量的幫助 4.習(xí)慣原則習(xí)慣原則 符合用戶的使用習(xí)慣5.響應(yīng)原則響應(yīng)原則 用戶等待你的時(shí)間有多少？ 1秒鐘？10秒

38、鐘？or 0.1秒鐘？ 6.精簡(jiǎn)原則精簡(jiǎn)原則 常問(wèn)自己是否做太多7.2 電子產(chǎn)品設(shè)計(jì)的人性化電子產(chǎn)品設(shè)計(jì)的人性化 產(chǎn)品的人性化設(shè)計(jì)的概述 產(chǎn)品的人性化設(shè)計(jì)的本質(zhì) 產(chǎn)品的人性化設(shè)計(jì)的原因 影響產(chǎn)品人性化設(shè)計(jì)的要素 人性化交互設(shè)計(jì)是消費(fèi)類電子產(chǎn)品的重要組成 未來(lái)產(chǎn)品人性化設(shè)計(jì)的的方向 概述：概述： 隨著社會(huì)的進(jìn)步和人們生活水平的提高，人們對(duì)一個(gè)產(chǎn)品的要求不僅僅滿足于其使用價(jià)值了，而越來(lái)越注重產(chǎn)品的附加價(jià)值情感價(jià)值、美學(xué)價(jià)值、個(gè)性化價(jià)值等，一句話，人性化需求越來(lái)越高。從當(dāng)代設(shè)計(jì)的發(fā)展趨勢(shì)來(lái)看，人性化設(shè)計(jì)越來(lái)越受到重視。因此對(duì)產(chǎn)品設(shè)計(jì)中人性化設(shè)計(jì)的研究不僅具有理論意義，還具有十分重要的指導(dǎo)意義。設(shè)計(jì)本

39、質(zhì)本質(zhì): 以人性化為主應(yīng)看作是首要的設(shè)計(jì)理念。注重人性化的設(shè)計(jì)，正是工業(yè)設(shè)計(jì)所追求的崇高理想，即為人類造就更舒適、更美好的生活和工作環(huán)境。 產(chǎn)品人性化設(shè)計(jì)的原因：產(chǎn)品人性化設(shè)計(jì)的原因： 人性化產(chǎn)品設(shè)計(jì)是社會(huì)經(jīng)濟(jì)和人類發(fā)展的必然結(jié)果、是人類需要階梯化上升的內(nèi)在要求 人性化產(chǎn)品設(shè)計(jì)是未來(lái)工業(yè)設(shè)計(jì)的發(fā)展方向。中國(guó)的發(fā)展進(jìn)入了一個(gè)全新的時(shí)代，國(guó)民經(jīng)濟(jì)高速增長(zhǎng)，人民生活水平顯著提高。人們對(duì)產(chǎn)品的質(zhì)與質(zhì)的需求提升到空前的高度，人們的需求越來(lái)越具體化、個(gè)性化具體化、個(gè)性化，總之，人性化設(shè)計(jì)是未來(lái)工業(yè)設(shè)計(jì)的發(fā)展趨勢(shì)之一。形式要素：形式要素： 一個(gè)產(chǎn)品設(shè)計(jì)的形式要素造型、功能、色彩、裝飾材料等的變化來(lái)實(shí)現(xiàn)產(chǎn)品的

40、人性化設(shè)計(jì) 圖 老年人手機(jī)及老年人手機(jī)的特征人性化交互設(shè)計(jì)是消費(fèi)類電子產(chǎn)品的重要組成人性化交互設(shè)計(jì)是消費(fèi)類電子產(chǎn)品的重要組成 技術(shù)的交叉、融合使消費(fèi)電子產(chǎn)品的功能多樣化：可上網(wǎng)的電視、可拍照的手機(jī)、可打電話的等。良好的界面設(shè)計(jì)是自然的人機(jī)交互狀態(tài)用戶不用花心思去琢磨產(chǎn)品的使用方式。隨著產(chǎn)品非物質(zhì)化進(jìn)程日益加快，傳統(tǒng)的“產(chǎn)品設(shè)計(jì)”將從造型設(shè)計(jì)更多地轉(zhuǎn)向交互設(shè)計(jì)。 PS3 DS7100 7.1聲道耳機(jī) 未來(lái)產(chǎn)品人性化設(shè)計(jì)的的方向未來(lái)產(chǎn)品人性化設(shè)計(jì)的的方向 ：1.產(chǎn)品趣味性和娛樂(lè)性的人性化設(shè)計(jì)產(chǎn)品趣味性和娛樂(lè)性的人性化設(shè)計(jì) 現(xiàn)代產(chǎn)品設(shè)計(jì)不僅要滿足了人們的基本需要，而且要滿足現(xiàn)代人追求輕松、幽默、愉悅

41、的心理需求 。 英國(guó)Priestman Goode設(shè)計(jì)咨詢公司設(shè)計(jì)出一種電扇，和人們以往的想象完全不同，因?yàn)樗纳绕怯刹甲龀傻模O(shè)計(jì)靈感來(lái)自帆和風(fēng)箏。和以往的風(fēng)扇一樣的是，它能送來(lái)陣陣微風(fēng)，不同的是再也不用擔(dān)心手被夾傷，它是完全安全的。扇片可以在洗衣機(jī)里清洗，在不用的時(shí)候扇片垂下，一點(diǎn)也不占地方。風(fēng)扇不再是冰冷的機(jī)器，變成了帶給我們樂(lè)趣的玩伴。2.消費(fèi)者精神文化需求的人性化設(shè)計(jì)消費(fèi)者精神文化需求的人性化設(shè)計(jì) 設(shè)計(jì)師應(yīng)將設(shè)計(jì)觸角伸向人的心靈深處，通過(guò)富有隱喻色彩和審美情調(diào)的設(shè)計(jì)，在設(shè)計(jì)中賦予更多的意義，讓使用者心領(lǐng)神會(huì)而倍感親切。 美妙的聲音、豐富的圖象操作界面、以及錄音、攝像功能是人們新的精

42、神文化追求 3.產(chǎn)品結(jié)構(gòu)的人性化設(shè)計(jì)產(chǎn)品結(jié)構(gòu)的人性化設(shè)計(jì)追求更適合人體結(jié)構(gòu)追求更適合人體結(jié)構(gòu)的造型形式的造型形式 產(chǎn)品結(jié)構(gòu)是指產(chǎn)品的外觀造型和內(nèi)部結(jié)構(gòu)。產(chǎn)品的形態(tài)一定要符合使用者的心理和傳統(tǒng)的審美情趣 圖 專為女性設(shè)計(jì)的“X”型的煙灰缸7.3 電子產(chǎn)品人性化交互設(shè)計(jì)實(shí)例電子產(chǎn)品人性化交互設(shè)計(jì)實(shí)例7.3.1手機(jī)鍵盤的設(shè)計(jì)手機(jī)鍵盤的設(shè)計(jì) 鍵盤用于輸入，字符輸入的研究需要考慮哪些字符是最常用的字符，因而從首字母的出現(xiàn)頻率進(jìn)行考慮，經(jīng)公安部對(duì)全國(guó)戶籍人口的最新（2007年4月）統(tǒng)計(jì)分析顯示：常用的20個(gè)姓分別是：王、李、張、劉、陳、楊、黃、趙、周、吳、徐、孫、朱、馬、胡、郭、林、何、高、梁。 位列前1

43、00名的姓氏還有：謝、宋、唐、許、韓、馮、鄧、曹、彭、曾、肖（蕭）、田、董、袁、潘、于、蔣、蔡、余、杜、葉、程、蘇、魏、呂、丁、任、沈、姚、盧、姜、崔、鐘、譚、陸、汪、范、金、石、廖、賈、夏、韋、付、方、白、鄒、孟、熊、秦、邱、江、尹、薛、閆（閻）、段、雷、侯、龍、史、陶、黎、賀、顧、毛、郝、龔、邵、萬(wàn)、錢、嚴(yán)、覃、武、戴、莫、孔、向、湯。 常用20、100大姓氏首字母分布圖1.過(guò)程分析： 在從常用的20大姓首字母中選出，出現(xiàn)頻率最大的8個(gè)首字母，列于下表中2 .我們就公安部統(tǒng)計(jì)的100個(gè)姓氏按照首字母進(jìn)行了整理，統(tǒng)計(jì)的數(shù)據(jù)雖均為出現(xiàn)頻數(shù),但由于此處的頻率與頻數(shù)成正比. 所以,為了敘述方便和表

44、述明確,以下均使用頻率這個(gè)概念(為簡(jiǎn)化計(jì)算,使用頻數(shù)的數(shù)值)。圖 邊是新設(shè)計(jì)的鍵盤 右邊是傳統(tǒng)設(shè)計(jì)的鍵盤 3、將20個(gè)常用姓氏的首字母的前八個(gè)放在8個(gè)鍵位的第一位。剩余字母中,選出單個(gè)字母出現(xiàn)頻率最高的字母(即在全部的26 個(gè)字母中,單個(gè)字母出現(xiàn)頻率排在第9 位的字母) ,讓該字母依次與上述8 個(gè)按鍵中的首個(gè)字母(即單個(gè)字母出現(xiàn)頻率排在前8 位的字母) 相交。 7.3.2 網(wǎng)頁(yè)設(shè)計(jì)中的交互性網(wǎng)頁(yè)設(shè)計(jì)中的交互性 網(wǎng)站具備大多數(shù)媒體所不具備的特殊性：用戶的選擇和主動(dòng)性。缺乏交互性的網(wǎng)站即使看上去非常的漂亮也是缺乏生命力的。網(wǎng)站的交互體現(xiàn)在，作為一種媒體，網(wǎng)站將會(huì)對(duì)你的選擇做出響應(yīng)，然后訪問(wèn)者就可以

45、循環(huán)似的選擇，連接到其它的頁(yè)面。重復(fù)的作這些，繼續(xù)點(diǎn)擊，用戶的選擇就可以及時(shí)從服務(wù)器得到響應(yīng)，這是一個(gè)非常讓人愉快的過(guò)程。 1. 網(wǎng)頁(yè)交互性元素網(wǎng)頁(yè)交互性元素 資訊內(nèi)容與網(wǎng)上讀者 網(wǎng)上調(diào)查、電子賀卡服務(wù)也體現(xiàn)了“交互性”的特點(diǎn) 討論區(qū) 聊天室 記者郵件地址 稿評(píng) 個(gè)人網(wǎng)頁(yè) 特色網(wǎng)頁(yè) 專家評(píng)論與讀者反饋 讀者調(diào)查 2.網(wǎng)頁(yè)交互設(shè)計(jì)的信息構(gòu)架與表達(dá)網(wǎng)頁(yè)交互設(shè)計(jì)的信息構(gòu)架與表達(dá) 網(wǎng)頁(yè)中的交互設(shè)計(jì)通常是指通過(guò)對(duì)界面和操作行為的設(shè)計(jì)提高網(wǎng)站可用性，包括信息架構(gòu)和交互細(xì)節(jié)。 信息架構(gòu)信息架構(gòu)定義定義：組織信息和設(shè)計(jì)信息環(huán)境、信息空間和 信息體系結(jié)構(gòu)，以滿足需求者的信息需求 。由調(diào)n 查、分析、設(shè)計(jì)和實(shí)施過(guò)

46、程，涉及組織、標(biāo)識(shí)、 導(dǎo)航和搜索系統(tǒng)的設(shè)計(jì) 等組成。目的目的：獲得和理解信息內(nèi)容，并更好地信息組織 優(yōu)化信息結(jié)構(gòu) 面向用戶傳達(dá)信息內(nèi)容 提供一個(gè)清晰的易于信息獲得的界面 信息構(gòu)架信息構(gòu)架 ： 盡量少的信息量； 結(jié)構(gòu)化更易于理解的形式； 信息的表達(dá)應(yīng)該清楚、明確、直接； 操作可識(shí)別，操作前結(jié)果可預(yù)知，操作時(shí)，操作有反饋，操作后，操作可撤銷； 讓用戶知道身處何地； 避免內(nèi)容看上去象廣告； 不提供多余的功能，相同的功能，在不同的頁(yè)面中應(yīng)保持一致性； 措辭統(tǒng)一。3. 網(wǎng)站交互設(shè)計(jì)中細(xì)節(jié)因素網(wǎng)站交互設(shè)計(jì)中細(xì)節(jié)因素 同類型內(nèi)容表達(dá)形式要一致，不同類內(nèi)容不能在相近區(qū)域一致； 合理使用頁(yè)面的主體與次要位置；圖

47、圖 常見的頁(yè)面結(jié)構(gòu)常見的頁(yè)面結(jié)構(gòu) 關(guān)聯(lián)內(nèi)容間的功能，在頁(yè)面中的鼠標(biāo)移動(dòng)跨度不宜太大 同一功能模塊，不宜有太多的功能入口 同一功能模塊，不宜有過(guò)多的不同表現(xiàn)形式 保證主導(dǎo)航在各個(gè)頁(yè)面功能入口的完整性 不輕易改變互聯(lián)網(wǎng)上普遍遵循的幾近標(biāo)準(zhǔn)的用戶習(xí)慣 功能的入口層級(jí)不宜過(guò)深，一般控制在3級(jí)以內(nèi) 不增加過(guò)程中無(wú)必要的點(diǎn)擊，狀態(tài)更新提示在頁(yè)面中完成，不增加額外的確認(rèn)點(diǎn)擊 選擇內(nèi)容最適合的表達(dá)方式 注重文字部分的表達(dá)修煉，力求文字簡(jiǎn)明、扼要7.3.3手機(jī)手機(jī)Web界面設(shè)計(jì)中的交互性界面設(shè)計(jì)中的交互性1. 信息展現(xiàn)信息展現(xiàn) 摘要形式展現(xiàn)信息；導(dǎo)航和提示處于明顯的位置；減少滾動(dòng) 將一些導(dǎo)航功能(菜單欄等)固定

48、的放在頁(yè)面的頂端或底端;將十分重要的信息放置在靠近頂部的位置。減少每一頁(yè)的信息量，內(nèi)容簡(jiǎn)練重要的操作可以重復(fù)布置在頁(yè)面的最底端 。 Ben Shneiderman的交互設(shè)計(jì)交互設(shè)計(jì)8項(xiàng)黃金法則項(xiàng)黃金法則：力求一致；允許頻繁的使用快捷鍵；提供明確的反饋；設(shè)計(jì)對(duì)話，告訴用戶任務(wù)已完成；提供錯(cuò)誤預(yù)防和簡(jiǎn)單的糾錯(cuò)能力；應(yīng)該方便用戶取消某個(gè)操作；用戶應(yīng)掌握控制權(quán)；減輕用戶的記憶負(fù)擔(dān)。盡量利用點(diǎn)擊來(lái)代替輸入； 時(shí)刻讓用戶知道自己所處的位置； 與web保持一致且數(shù)據(jù)同步； 為輸入法讓出空間2. 手機(jī)的橫豎屏設(shè)計(jì)與使用場(chǎng)景手機(jī)的橫豎屏設(shè)計(jì)與使用場(chǎng)景 游戲類沉浸式體驗(yàn) 閱讀類更大字體 輸入類更方便的輸入 視頻類

49、更合適的比例 圖片類更大的畫幅 語(yǔ)音類離麥克風(fēng)更近3. 各個(gè)平臺(tái)的橫豎屏元素排列差異各個(gè)平臺(tái)的橫豎屏元素排列差異 1-蘋果ios系統(tǒng) 橫豎屏元素排列差異如下圖所示，通過(guò)拉伸進(jìn)行適配。 工具欄和導(dǎo)航欄會(huì)被壓扁； 操作圖標(biāo)會(huì)被縮??； 列表項(xiàng)可顯示更多文字； 地址欄控件自動(dòng)隱藏； 輸入法鍵盤和表單輔助按鈕壓扁。橫豎屏元素排列差異橫豎屏元素排列差異橫豎屏元素排列差異橫豎屏元素排列差異 2-Android系統(tǒng)的手機(jī)界面 信息重新組織 工具欄移動(dòng)到屏幕右側(cè)下圖中是Android啟動(dòng)界面橫豎顯示比較 Action bar簡(jiǎn)單拉伸適配 快捷入口簡(jiǎn)單重排 次要內(nèi)容布局轉(zhuǎn)移3-s60v5操作系統(tǒng)手機(jī) s60V5的

50、功能特色： 提供視覺(jué)吸引力； 感應(yīng)器（光線感應(yīng)、重力感應(yīng)、距離感應(yīng)等）的應(yīng)用讓使用更人性化； 提升網(wǎng)路方面的瀏覽體驗(yàn)； 開放式標(biāo)準(zhǔn)的API的演進(jìn)； 與互聯(lián)網(wǎng)廣告和閃存相關(guān)應(yīng)用的充分整合； 與網(wǎng)路電話的VoIP和線上狀態(tài)存在更全面整合； 角行動(dòng)裝置設(shè)計(jì)上有更多彈性； 造型配置上有更多彈性； 改善行動(dòng)裝置創(chuàng)造過(guò)程。s60移動(dòng)電話操作終端界面中橫豎屏元素排列差異如下圖所示。 V5的屏幕比較細(xì)長(zhǎng)，橫屏模式下的縱向空間顯得格外寶貴，一般要重新設(shè)計(jì)； 帶側(cè)滑鍵盤的機(jī)型，和不帶側(cè)滑鍵盤的v5機(jī)型，在橫屏策略上稍有不同； 帶側(cè)滑鍵盤機(jī)型，展開側(cè)滑鍵盤，工具欄還在屏幕下方； 不帶側(cè)滑鍵盤的機(jī)型，橫屏模式下，工具

51、欄應(yīng)該放在屏幕右側(cè)。 s60手機(jī)橫豎屏元素排列差異s60手機(jī)橫豎屏入口元素與工具欄元素排列差異s60手機(jī)橫豎屏標(biāo)簽欄與狀態(tài)欄元素排列差異s60手機(jī)橫豎屏信息結(jié)構(gòu)排列差異4-各個(gè)平臺(tái)的橫屏元素基本的策略各個(gè)平臺(tái)的橫屏元素基本的策略 游戲類游戲類 游戲類的，如果是橫屏模式下用戶的游戲體驗(yàn)最好，不妨在游戲啟動(dòng)時(shí)，就直接切換到橫屏；強(qiáng)制橫屏，不需要tips提醒用戶，只要用橫向的啟動(dòng)畫面引導(dǎo)；當(dāng)用戶看到Splash是橫向的時(shí)候，自然會(huì)知道要把屏幕翻轉(zhuǎn)了；如果默認(rèn)橫屏的話，最好把有實(shí)體按鍵的那一邊放在右手側(cè)，這樣方便用戶用它熟悉的那只手進(jìn)行操作。 游戲類橫屏設(shè)計(jì)界面 視頻類 視頻類的，可以當(dāng)用戶在點(diǎn)播放之

52、后，以一個(gè)合適的引導(dǎo)動(dòng)畫效果，切換到橫屏模式；當(dāng)然如果用戶已經(jīng)鎖定為不要旋轉(zhuǎn)屏幕了，還是不要強(qiáng)制橫屏的好；橫屏模式下，如果是為了幫助用戶關(guān)注到內(nèi)容本身的應(yīng)用，是可以把導(dǎo)航欄和工具欄設(shè)置為透明的，或者讓導(dǎo)航欄和工具欄可以自動(dòng)隱藏；當(dāng)然，如果用戶需要的時(shí)候，單擊一下空白處，又可以以喚起操作欄。 圖片類 圖片類的，如果是那種相冊(cè)集，可以明確的知道橫屏模式是最適合瀏覽的；那么可以在進(jìn)入幻燈片模式之后，自動(dòng)切換到橫屏，可以默認(rèn)全屏，只給出關(guān)鍵的操作圖標(biāo)；小部分用戶視圖翻轉(zhuǎn)屏幕，切換回豎屏模式，這部分用戶，我們應(yīng)該給他提供一個(gè)鎖屏功能。 閱讀類 閱讀類的，用戶需要看到更大的字體，盡可能的提升閱讀體驗(yàn)；為了

53、把干擾降到最低，導(dǎo)航欄和工具欄是可以自動(dòng)隱藏的，當(dāng)用戶需要的時(shí)候，再次輕觸屏幕喚起導(dǎo)航欄和工具欄；盡量不要蠻橫的遮住系統(tǒng)的狀態(tài)欄，如果一定要全屏模式，可以在自己的界面內(nèi)部給出系統(tǒng)狀態(tài)電量、信號(hào)和時(shí)間。 工具類 可以有自己獨(dú)立的UI界面，橫屏沿用豎屏的設(shè)計(jì)風(fēng)格，只是布局進(jìn)行調(diào)整；注意結(jié)構(gòu)的可識(shí)別性，橫屏的結(jié)構(gòu)要有利于雙手操作，豎屏有利于單手操作。5-基于基于iPhone手機(jī)的微博界面比較手機(jī)的微博界面比較 四大門戶新浪、騰訊、搜狐、網(wǎng)易的微博手機(jī)平臺(tái)比較 登陸頁(yè) 四款iphone微博客戶端從頁(yè)面上看，只有網(wǎng)易和騰訊的支持記住用戶名和密碼，實(shí)際操作后就會(huì)發(fā)現(xiàn)，其實(shí)大家都是默認(rèn)記錄的。并且新浪微博支

54、持多賬戶切換，默認(rèn)記錄為最后一個(gè)登陸的用戶。外觀上，除了新浪微博客戶端增加了“微博廣場(chǎng)”的內(nèi)容推廣對(duì)新用戶有寫引導(dǎo)以外，其他三家基本相同。新浪、騰訊、搜狐、網(wǎng)易登陸頁(yè) 注冊(cè) 通過(guò)截圖不難看出，現(xiàn)在只有新浪微博客戶端支持注冊(cè)新用戶；騰訊仍是點(diǎn)擊注冊(cè)轉(zhuǎn)到QQ登錄再注冊(cè)；搜狐同S60客戶端一樣，發(fā)送XX到XX注冊(cè)，不過(guò)iphone版倒是不支持電信用戶，網(wǎng)易并不支持客戶端注冊(cè)，想用網(wǎng)易先去登錄網(wǎng)頁(yè)吧。新浪、騰訊、搜狐、網(wǎng)易注冊(cè)頁(yè)新浪、騰訊、搜狐、網(wǎng)易注冊(cè)頁(yè) 客戶端首頁(yè) 搜狐和新浪的首頁(yè)相似度極高，騰訊的首頁(yè)放在圖標(biāo)的正中央，其他的相差無(wú)幾。但是從使用上還是分出了區(qū)別。四款客戶端都是通過(guò)向上向下的拉屏進(jìn)

55、行內(nèi)容更新，新浪和搜狐的客戶端是刷新后默認(rèn)為最新客戶端，從屏幕上方到下方的閱讀內(nèi)容，符合網(wǎng)頁(yè)的使用習(xí)慣。騰訊和網(wǎng)易則是默認(rèn)為現(xiàn)在正在閱讀的內(nèi)容。 四款微薄在有新的消息通知，新的微博，評(píng)論，私信，粉絲，消息在各個(gè)模塊的圖標(biāo)上會(huì)有提示，新浪、搜狐還會(huì)有數(shù)字提示，功功能上無(wú)太大差異能上無(wú)太大差異。 客戶端首頁(yè) 微博發(fā)布界面 微博發(fā)布四個(gè)客戶端在這個(gè)功能上都下足了功夫，看似相同，其實(shí)都別有洞天；相同點(diǎn)，都支持即拍即發(fā)，從用戶相冊(cè)上傳圖片發(fā)布。除網(wǎng)易的微博客戶端外，其他三家都支持發(fā)布當(dāng)時(shí)的地點(diǎn)；搜狐的客戶端還加入了發(fā)布表情；當(dāng)編輯內(nèi)容不發(fā)布選擇退出時(shí)，只有新浪和搜狐的客戶端有保存功能。 新浪、騰訊、搜狐

56、、網(wǎng)易微博發(fā)布界面對(duì)比 微博正文 新浪客戶端的微博正文包括：刷新、評(píng)論、轉(zhuǎn)發(fā)、收藏、更多選項(xiàng)；其中的更多包含分享功能?？赏ㄟ^(guò)短信分享、郵件分享、復(fù)制鏈接分享等方式，還可以舉報(bào)該內(nèi)容。簡(jiǎn)單的分享頁(yè)面將信息快速郵箱的復(fù)制到好友處，大大的拉近了用戶間的距離。新浪微博正文頁(yè)面 搜索頁(yè)面設(shè)計(jì) 四款客戶端搜索和更多頁(yè)面對(duì)比，直觀感覺(jué)新浪新浪做的中規(guī)中矩，但是很實(shí)用實(shí)用，在內(nèi)容的推送上為用戶準(zhǔn)備了很多的內(nèi)容，不愧為第一門戶；騰訊騰訊則是以搜索為主打，頁(yè)面做的很漂亮，且搜索時(shí)分門別類，體體驗(yàn)不錯(cuò)驗(yàn)不錯(cuò)；搜狐搜狐此項(xiàng)的功能功能相比新浪和騰訊并不差，只是隱藏隱藏太深，需要通過(guò)“圍觀”來(lái)找到推送內(nèi)容；網(wǎng)易網(wǎng)易和搜狐相反，把搜搜索索藏到了里面，“熱門轉(zhuǎn)發(fā)”按時(shí)間分類，用戶可以按需求獲取想要的內(nèi)容。6-手機(jī)界面格局和控制方式的用戶體驗(yàn)手機(jī)界面格局和控制方式的用戶體驗(yàn) 主要以S60第3版、Android、Iphone OS為代表，來(lái)說(shuō)明他們的特性和區(qū)別 S60v3Android手機(jī)界面交互設(shè)計(jì)Iphone手機(jī)界面交互設(shè)計(jì) S60V3 菜單體驗(yàn) Android菜單體驗(yàn) Iphone菜單體驗(yàn) 7-諾基亞諾基亞N9手機(jī)交互方式的思考和再設(shè)計(jì)手機(jī)交互方式的思考和再設(shè)計(jì) N9的Homescreen分為三個(gè)部分：信息流/通知，應(yīng)用程序啟動(dòng)器/列表和任務(wù)管理器，左右滑動(dòng)可以在這三屏之間切換，如圖7