交互設(shè)計(jì)的前世今生

讀史使人明智,這幾乎可以說是真理灯抛〗鹕猓可以從歷史中洞悉事物發(fā)展的本質(zhì)。幫助我們更好的活在現(xiàn)在和將來对嚼〖锌梗回顧交互設(shè)計(jì)的歷史,了解交互設(shè)計(jì)的產(chǎn)生與發(fā)展纵竖,讓自己在交互設(shè)計(jì)的道路上越走越好兔朦。

上個(gè)世紀(jì)40年代,為了計(jì)算彈道軌跡磨确,美國軍方委托賓夕法尼亞大學(xué)研制超級(jí)計(jì)算機(jī)。同時(shí)參與原子彈研究的馮諾依曼(吊炸天的一個(gè)人:計(jì)算機(jī)之父)也碰到了大量運(yùn)算的問題声邦,便參與了超級(jí)計(jì)算機(jī)的研制乏奥。

1946年這臺(tái)超級(jí)計(jì)算機(jī)(ENIAC)問世,這是劃時(shí)代的成就亥曹,表明了電子計(jì)算機(jī)時(shí)代的到來邓了。ENIAC雖然具有強(qiáng)大的計(jì)算能力(對(duì)于當(dāng)時(shí)來說),但操作復(fù)雜媳瞪,使用的成本依然很高骗炉。隨著電子計(jì)算機(jī)的發(fā)展,美國人開始思考如何減輕人在操作計(jì)算機(jī)時(shí)的疲勞感蛇受,并發(fā)表了第一篇關(guān)于人機(jī)交互的文章句葵。從此人機(jī)交互進(jìn)入人們的視野。研究人機(jī)交互的目的是使人和計(jì)算機(jī)的溝通更直接更自然更舒適。

七十年代乍丈,隨著個(gè)人計(jì)算機(jī)的出現(xiàn)剂碴,計(jì)算機(jī)開始面向普通消費(fèi)者,而非專業(yè)計(jì)算機(jī)人士轻专。如何站在普通消費(fèi)者的視角去設(shè)計(jì)人機(jī)交流界面被提上日程忆矛,比爾·莫格里奇在七十年代后期提出了交互設(shè)計(jì)的概念,此后交互設(shè)計(jì)作為新興學(xué)科在美國開花結(jié)果请垛。交互設(shè)計(jì)是定義催训、設(shè)計(jì)人造物的行為的設(shè)計(jì)領(lǐng)域,這里的人造物包括各種生活用品宗收、工業(yè)產(chǎn)品和各種軟硬件漫拭,現(xiàn)在主要應(yīng)用于互聯(lián)網(wǎng)產(chǎn)品領(lǐng)域。也就是這幾年國內(nèi)很火的交互設(shè)計(jì)師镜雨、用戶體驗(yàn)設(shè)計(jì)嫂侍。

交互設(shè)計(jì)的概念從提出到現(xiàn)在,經(jīng)歷了三個(gè)階段荚坞。


第一階段:命令行界面(CLI)

如果你現(xiàn)在打開電腦挑宠,出現(xiàn)了下面這樣的畫面,你一定覺得絕逼是電腦壞了颓影。但是六七十年代的人們打開電腦之后的界面就是這樣的各淀,這就是人機(jī)交互的第一個(gè)階段:命令行界面。這個(gè)階段唯一的交互設(shè)備是從打字機(jī)演化而來的鍵盤诡挂,相對(duì)電腦執(zhí)行操作碎浇,只有輸入相應(yīng)的命令,電腦根據(jù)接收到的命令反饋結(jié)果到顯示器璃俗,完成交互過程奴璃。

CLI最大的弊端就是需要用戶記住各類命令行,增加了用戶的記憶負(fù)擔(dān)城豁,要知道人類創(chuàng)造工具可是為了讓自己能夠更懶一點(diǎn)苟穆。隨著時(shí)間的推移和技術(shù)的發(fā)展,CLI的交互形式逐漸退出了主流唱星,GUI登上了歷史的舞臺(tái)雳旅。

但是要注意的時(shí)CLI并沒有完全消亡,它在小眾領(lǐng)域依然擁有強(qiáng)大的生命力间聊。最典型的就是程序員寫代碼的過程攒盈,便是使用命令行界面和電腦交互。

CLI界面


第二階段:圖形用戶界面(GUI)

1979年喬布斯參觀Xerox(施樂公司)的Alto電腦以及執(zhí)行在該系統(tǒng)上的軟件哎榴,喬幫主被其深深吸引型豁,意識(shí)到這才是人機(jī)交互的未來僵蛛。施樂公司的Alto電腦將鼠標(biāo)作為指點(diǎn)輸入設(shè)備,操作系統(tǒng)使用的是圖形用戶界面偷遗《胀回到蘋果后,喬幫主招兵買馬(其實(shí)就是挖施樂的墻角氏豌,哈~)喉酌,并于1983年推出帶有鼠標(biāo)的LISA電腦,第二年推出升級(jí)產(chǎn)品Macintosh泵喘,這兩款電腦可以說是電腦發(fā)展史上的里程碑泪电,將新的交互設(shè)備鼠標(biāo)和圖形用戶界面帶到了普通消費(fèi)者的面前。

CLI階段電腦還只是在小眾領(lǐng)域使用纪铺,LISA及Macintosh之后相速,電腦慢慢進(jìn)入了大眾的消費(fèi)市場(chǎng),GUI可以說是功不可沒鲜锚。

mac電腦的GUI界面


第三階段:自然用戶界面(NUI)

不管是CLI還是GUI都要求用戶必須學(xué)習(xí)軟件開發(fā)者預(yù)先設(shè)置好的操作(GUI比CLI的學(xué)習(xí)成本更低)突诬,而NUI只需要用戶用最自然的方式(語音、面部表情芜繁、動(dòng)作手勢(shì)旺隙、移動(dòng)身體、旋轉(zhuǎn)頭部...)和計(jì)算機(jī)交流骏令,從而擺脫鍵盤蔬捷、鼠標(biāo)。

目前我用的最多的NUI的交互形式是蘋果的Siri榔袋,通過“嘿周拐,Siri”喚醒她,然后可以用語音交流凰兑,完成諸如:向張三發(fā)送今晚八點(diǎn)一起吃飯的短信妥粟;今天天氣如何;打開WiFi吏够;設(shè)置鬧鐘...罕容。如果想進(jìn)一步操作還是得回到觸摸手勢(shì)。但我相信將來的某一天人和機(jī)器的溝通效率會(huì)達(dá)到人和人交流的效率甚至是超過稿饰。

2015年,人工智能露泊、虛擬現(xiàn)實(shí)喉镰、增強(qiáng)現(xiàn)實(shí)、語音交互惭笑、動(dòng)作識(shí)別侣姆、深度學(xué)習(xí)等概念飛入尋常百姓家生真,Google Cardboard、Gear VR捺宗、微軟HoloLens柱蟀、Impression Pi等產(chǎn)品點(diǎn)繞了消費(fèi)者的熱情。國內(nèi)廠商也不甘示弱蚜厉,暴風(fēng)已經(jīng)推出魔晶5代长已,科大訊飛聯(lián)手京東推出叮咚音響(主打語音交互),出門問問推出穿戴式手表昼牛,諾亦騰的動(dòng)作捕捉技術(shù)正被應(yīng)用到電影术瓮、體育訓(xùn)練、虛擬現(xiàn)實(shí)贰健、醫(yī)療診斷等領(lǐng)域胞四,樂視的VR頭盔也已經(jīng)開賣。

《鋼鐵俠》電影中的AI界面

目前大多數(shù)交互設(shè)計(jì)還是處于GUI階段伶椿,包括App辜伟、Web網(wǎng)站、Wap網(wǎng)站脊另、微信內(nèi)嵌的H5頁面导狡、今天微信剛開始公測(cè)的“小程序”等等。了解了這些交互設(shè)計(jì)歷史之后尝蠕,你有沒有更好的理解交互設(shè)計(jì)烘豌,你對(duì)交互設(shè)計(jì)的未來又有什么想法?歡迎留言和我交流看彼。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末廊佩,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子靖榕,更是在濱河造成了極大的恐慌标锄,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,273評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件茁计,死亡現(xiàn)場(chǎng)離奇詭異料皇,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)星压,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,349評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門践剂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人娜膘,你說我怎么就攤上這事逊脯。” “怎么了竣贪?”我有些...
    開封第一講書人閱讀 167,709評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵军洼,是天一觀的道長巩螃。 經(jīng)常有香客問我,道長匕争,這世上最難降的妖魔是什么避乏? 我笑而不...
    開封第一講書人閱讀 59,520評(píng)論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮甘桑,結(jié)果婚禮上拍皮,老公的妹妹穿的比我還像新娘。我一直安慰自己扇住,他們只是感情好春缕,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,515評(píng)論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著艘蹋,像睡著了一般锄贼。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上女阀,一...
    開封第一講書人閱讀 52,158評(píng)論 1 308
  • 那天宅荤,我揣著相機(jī)與錄音,去河邊找鬼浸策。 笑死冯键,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的庸汗。 我是一名探鬼主播惫确,決...
    沈念sama閱讀 40,755評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼蚯舱!你這毒婦竟也來了改化?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,660評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤枉昏,失蹤者是張志新(化名)和其女友劉穎陈肛,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體兄裂,經(jīng)...
    沈念sama閱讀 46,203評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡句旱,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,287評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了晰奖。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片谈撒。...
    茶點(diǎn)故事閱讀 40,427評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖匾南,靈堂內(nèi)的尸體忽然破棺而出啃匿,到底是詐尸還是另有隱情,我是刑警寧澤午衰,帶...
    沈念sama閱讀 36,122評(píng)論 5 349
  • 正文 年R本政府宣布立宜,位于F島的核電站,受9級(jí)特大地震影響臊岸,放射性物質(zhì)發(fā)生泄漏橙数。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,801評(píng)論 3 333
  • 文/蒙蒙 一帅戒、第九天 我趴在偏房一處隱蔽的房頂上張望灯帮。 院中可真熱鬧,春花似錦逻住、人聲如沸钟哥。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,272評(píng)論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽腻贰。三九已至,卻和暖如春扒秸,著一層夾襖步出監(jiān)牢的瞬間播演,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,393評(píng)論 1 272
  • 我被黑心中介騙來泰國打工伴奥, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留写烤,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,808評(píng)論 3 376
  • 正文 我出身青樓拾徙,卻偏偏與公主長得像洲炊,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子尼啡,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,440評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容