第一章 什么是交互設(shè)計(jì)

交互設(shè)計(jì)Dansaffer前言UI：userinterface（用戶界面）人機(jī)界面UI設(shè)計(jì)：對軟件的人機(jī)交互，操作邏輯，界面美觀的整體設(shè)計(jì)軟件設(shè)計(jì)分為編碼設(shè)計(jì)和UI設(shè)計(jì)UI設(shè)計(jì)常用軟件：AI（平面界面）Axure（原型制作）耳熟能詳?shù)慕换ピO(shè)計(jì)產(chǎn)品任天堂的Wii蘋果的iphone，ipod，ipad等微軟的win7和win8Twitter和Facebook這樣的社交網(wǎng)絡(luò)各類交互設(shè)計(jì)的整合互聯(lián)網(wǎng)成為能容納各種應(yīng)用的高級平臺，各類產(chǎn)品通過微處理器、傳感器和網(wǎng)絡(luò)連接而產(chǎn)生了整合。飛速發(fā)展的處理器功能、云計(jì)算和廉價(jià)數(shù)字存儲都使新產(chǎn)品更容易的連接。本課程主要涉及數(shù)字產(chǎn)品如何工作的知識，不包括任何程序代碼，事實(shí)上，我們盡量講解的與技術(shù)和平臺無關(guān)。但值得注意的是，最終成品原型依然需要專業(yè)軟件的支持，因此同學(xué)們在制作過程中，需利用課外時(shí)間進(jìn)行專業(yè)軟件的簡單操作和原型制作。其包括AI、flash和Axure等。第一章什么是交互設(shè)計(jì)每天許多人都從以下的活動(dòng)中感受到交互設(shè)計(jì)：ATM、網(wǎng)上購物等但常常也會受到不好的交互設(shè)計(jì)的影響而苦惱：手機(jī)與計(jì)算機(jī)同步，不知道地鐵的到達(dá)時(shí)間，不知如何使用新的電器產(chǎn)品。1.1交互和交互設(shè)計(jì)是什么很難下定義，因?yàn)樗鹪从诙鄬W(xué)科的交叉：工業(yè)和信息設(shè)計(jì)，人因?qū)W及人機(jī)交互交互設(shè)計(jì)使關(guān)于行為的，與外觀相比，行為更難于觀察和理解交互式兩個(gè)實(shí)體之間的事務(wù)，涉及信息的交換，也可能包括實(shí)物或服務(wù)的交換。交互設(shè)計(jì)是一種藝術(shù)——一種應(yīng)用技術(shù)。它天生具有場景性，只適合特定場景特定時(shí)段的使用（參看P4）1994年的mosaic瀏覽器，它的前進(jìn)后退鍵在當(dāng)時(shí)是先進(jìn)的交互設(shè)計(jì)當(dāng)前，以用戶為中心的設(shè)計(jì)方法很流行，但也不全這樣。微軟進(jìn)行大量的用戶測試和研究，而Apple的交互設(shè)計(jì)卻不這樣處理交互設(shè)計(jì)的3個(gè)觀點(diǎn)1、技術(shù)為中心的觀點(diǎn)交互設(shè)計(jì)師使數(shù)字技術(shù)變得有用、易用并樂于被用。2、行為學(xué)派觀點(diǎn)交互設(shè)計(jì)是有關(guān)定義人造物、環(huán)境和系統(tǒng)的行為。強(qiáng)調(diào)產(chǎn)品和人之間的行為互動(dòng)。3、社會交往設(shè)計(jì)的觀點(diǎn)交互設(shè)計(jì)具有社會性，強(qiáng)調(diào)人與人之間的溝通，不太強(qiáng)調(diào)技術(shù)。這種溝通有多種形式：一對一（電話、QQ），一對多（博客），多對多（股票交易）1.2為何需要交互設(shè)計(jì)設(shè)計(jì)史學(xué)家johnheskett說：設(shè)計(jì)是設(shè)計(jì)一個(gè)會產(chǎn)生某種設(shè)計(jì)的設(shè)計(jì)很多設(shè)計(jì)關(guān)注的是事物的外觀。將設(shè)計(jì)看做是一種裝飾或造型。設(shè)計(jì)看做外觀美學(xué)本身沒錯(cuò)，但不僅如此。交互設(shè)計(jì)關(guān)注的就是交互本身。交互設(shè)計(jì)的簡單流程關(guān)注用戶——尋找方案——構(gòu)思法和原型法——協(xié)作——?jiǎng)?chuàng)建合適方案——汲取更多的學(xué)科內(nèi)容——引入情感因素1.3交互設(shè)計(jì)簡史1990年的billmoggridge的命名可能起源于沒有文字記錄的史前年代。土著印第安人使用狼煙進(jìn)行遠(yuǎn)距離通信，凱爾特人用石頭堆作為地標(biāo)（中國長城上的烽火臺和敖包）1830年—1940年莫爾斯碼及電報(bào)系統(tǒng)（是第一種用來連線世界的技術(shù)系統(tǒng)——所謂的“維多利亞時(shí)代的互聯(lián)網(wǎng)”）。這是通信技術(shù)的第一個(gè)應(yīng)用實(shí)例。然后出現(xiàn)了電話交換機(jī)1940年—1960年第一代計(jì)算機(jī)被制造出來。為了使用，人們不得不去適應(yīng)它。計(jì)算領(lǐng)域的變化和發(fā)展，最終創(chuàng)建了人類因素（人因?qū)W）這個(gè)領(lǐng)域（主要關(guān)注為不同身高和身型的人設(shè)計(jì)合適的產(chǎn)品）。人類工效學(xué)（關(guān)注工作者的生產(chǎn)率和安全性），認(rèn)知心理學(xué)（關(guān)注人類學(xué)習(xí)和問題求解）出現(xiàn)在1945年的MEMEX提出了桌面計(jì)算系統(tǒng)的概念，并設(shè)想出了超文本。1960年—1970年1963年的sketchpad畫板系統(tǒng)是第一個(gè)完全實(shí)現(xiàn)圖形用戶界面的計(jì)算機(jī)程序1968年的達(dá)摩克利斯之劍是第一個(gè)虛擬現(xiàn)實(shí)系統(tǒng)，該系統(tǒng)實(shí)現(xiàn)了三維立體顯示。增強(qiáng)現(xiàn)實(shí)系統(tǒng)是指在真實(shí)環(huán)境之上提供信息性和娛樂性的覆蓋，它是在進(jìn)行有關(guān)頭戴顯示器的研究中引入的。1966年，電子郵件被創(chuàng)建出來，@符號至今還在沿用1969年，“銀河計(jì)算機(jī)系統(tǒng)”的最早的兩個(gè)獨(dú)立的計(jì)算機(jī)網(wǎng)絡(luò)（加州大學(xué)和斯坦福）被連在一起。成為讓交互設(shè)計(jì)開始繁榮的新平臺的新媒介：互聯(lián)網(wǎng)1972年出現(xiàn)的游戲，關(guān)注點(diǎn)從計(jì)算機(jī)硬件轉(zhuǎn)移到在上面運(yùn)行的軟件1980年代個(gè)人計(jì)算機(jī)的時(shí)代，用戶界面的出現(xiàn)，更多一對一的關(guān)系。PC機(jī)和Apple機(jī)視頻和街機(jī)（世嘉和任天堂）的流行，展示計(jì)算機(jī)不斷增加的復(fù)雜性和能力。世嘉游戲和任天堂1985年，BBS（公告牌系統(tǒng)）開始流行。人們可以使用撥號調(diào)制解調(diào)器在遠(yuǎn)程計(jì)算機(jī)上留言和發(fā)送郵件。施樂研究中心提出了現(xiàn)在廣為人知的普適計(jì)算的定義和理論。1990年代www允許任何人方便的發(fā)布超文本，電子郵件也得到普及1993年，mosaic系統(tǒng)首次出現(xiàn)后退鍵。滾動(dòng)條和按鈕這樣的通用控件得到應(yīng)用，配備FLASH，Web成為了穩(wěn)定平臺。工程師們開始設(shè)計(jì)越來越小，越來越便宜的微處理器和傳感器，可以嵌入到汽車和家電類的非計(jì)算機(jī)產(chǎn)品中，這就是普適計(jì)算的應(yīng)用普適計(jì)算人機(jī)比是一對多：筆記本、數(shù)碼相機(jī)、播放器、手機(jī)、汽車、電器用品等。多數(shù)計(jì)算機(jī)是看不見的，但是存在我們身邊的。隨著微處理器和傳感器越來越強(qiáng)大并越來越便宜，大多數(shù)計(jì)算機(jī)會嵌入到產(chǎn)品中，除了提供行為外，他們幾乎是不可感知的。他們沒有明顯的傳統(tǒng)界面，我們利用手勢、聲音和觸摸與之交流。世嘉1983年，世嘉在7月推出了世嘉真正意義上的第一代家用電視游戲機(jī)SG-1000。和幾乎同時(shí)發(fā)售的任天堂紅白機(jī)相比，無論游戲性抑或主機(jī)性能，SG-1000都有過之而無不及?！端劳鲋荨肥怯蒘EGA制作的一款恐怖游戲，它是一款FPS(第一人稱射擊游戲)的街機(jī)游戲，講述主人公為拯救同伴與魔鬼、僵尸戰(zhàn)斗的故事，目前已形成一個(gè)系列，共計(jì)有6部作品。任天堂日本青年宮本茂，畫家出身，最鐘情的玩物是卡通片電影，工程部去幫助設(shè)計(jì)游戲。宮本茂設(shè)計(jì)的第一個(gè)童話游戲叫做“驢子金剛”，主人公是長著大鼻子傻頭傻腦的木匠。第二個(gè)游戲使宮本茂的人生大放異彩，主人公“馬里奧”（Mario）后來竟名揚(yáng)四海，闖入千家萬戶。“馬里奧”以“超級馬里奧兄弟”為軟件的正式名稱，跟隨FC游戲機(jī)出征美利堅(jiān)，當(dāng)即成為有史以來最受歡迎的電視游戲。因?yàn)轳R里奧的誕生，從1985年到1991年間一共推出了8代，銷售數(shù)量高達(dá)7000萬套?！榜R里奧”后來還成為許多美國電影、電視和漫畫書的中心人物。Ivansutherland計(jì)算機(jī)圖形學(xué)之父和虛擬現(xiàn)實(shí)之父60年在麻省理工學(xué)院攻讀博士學(xué)位的博士論文課題是三維交互式圖形系統(tǒng)（當(dāng)時(shí)二維圖形系統(tǒng)已經(jīng)問世），蘇澤蘭依靠扎實(shí)的專業(yè)基礎(chǔ)和勤奮的工作，

用了3年時(shí)間完成了這個(gè)艱巨而復(fù)雜的任務(wù)，成功開發(fā)了著名的“畫板”系統(tǒng)，它是有史以來第一個(gè)交互式繪圖系統(tǒng)，也是交互式電腦繪圖的開端。但還要十多年以后，電腦業(yè)和工程界才真正體會到它帶來的劃時(shí)代變革。人們后來在此基礎(chǔ)上相繼開發(fā)了CAD和CAM，它們被稱為20世紀(jì)下半葉最杰出的工程技術(shù)成就之一。取得博士學(xué)位后，他被任命為負(fù)責(zé)高科技項(xiàng)目的國防部高級研究計(jì)劃局下屬信息處理技術(shù)處處長，這個(gè)處曾經(jīng)組織實(shí)施了互聯(lián)網(wǎng)的前身阿帕網(wǎng)等一批重大項(xiàng)目。SketchpadSketchpad的工作原理簡單說來是這樣的：光筆在計(jì)算機(jī)屏幕表面上移動(dòng)時(shí)，通過一個(gè)光柵系統(tǒng)(gridsystem)測量筆在水平和垂直兩個(gè)方向上的運(yùn)動(dòng)，從而在屏幕上重建由光筆移動(dòng)所生成的線條。一旦出現(xiàn)在屏幕上，線條就可以被任意處理和操縱，包括拉長、縮短、旋轉(zhuǎn)任一角度等，還可以互相連接起來表示任何物體，物體也可以旋轉(zhuǎn)任意角度以顯示其任意方位的形態(tài)。Sketchpad中的許多創(chuàng)意是革命性的，它的影響一直延續(xù)到今天。MEMEX和超文本是“memoryextender”這兩個(gè)單詞詞首的組合，意思是“記憶的延伸”許多早期的計(jì)算機(jī)論文中都提到了這個(gè)機(jī)器。然后，文中關(guān)于信息切換的描述，直接啟發(fā)了“超文本協(xié)議”（hypertext）的發(fā)明?，F(xiàn)在，我們在互聯(lián)網(wǎng)上不同的鏈接之間跳轉(zhuǎn)，其源頭都可以追溯到這篇文章。超文本(Hypertext)協(xié)議是用超鏈結(jié)的方法，將各種不同空間的文字信息組織在一起的網(wǎng)狀文本。超文本更是一種用戶介面范式，用以顯示文本及與文本之間相關(guān)的內(nèi)容。現(xiàn)時(shí)超文本普遍以電子文檔方式存在，其中的文字包含有可以鏈結(jié)到其他位置或者文檔的連結(jié)，允許從當(dāng)前閱讀位置直接切換到超文本連結(jié)所指向的位置。超文本的格式有很多，我們?nèi)粘g覽的網(wǎng)頁上的鏈結(jié)都屬于超文本。敖包和狼煙的解釋敖包是蒙古語，意即"堆子"，也有譯成“腦包”、“鄂博”的，意為木、石、土堆。就是由人工堆成的“石頭堆”、“土堆”或“木塊堆”。舊時(shí)遍布蒙古各地，多用石頭或沙土堆成，也有用樹枝壘成的，今數(shù)量已大減。原來是在遼闊的草原上人們用石頭堆成的道路和境界的標(biāo)志，后來逐步演變成祭山神、路神和祈禱豐收、家人幸福平安的象征。狼煙的最初本意應(yīng)該是“在烽火點(diǎn)燃的、警報(bào)崇拜狼圖騰的草原民族騎兵進(jìn)犯關(guān)