2022-06-25 分類(lèi): 網(wǎng)站建設(shè)
創(chuàng)新互聯(lián):app移動(dòng)開(kāi)發(fā)【交互設(shè)計(jì)】是該說(shuō)說(shuō)具有直覺(jué)性交互設(shè)計(jì)了
UI和交互設(shè)計(jì)中經(jīng)常會(huì)強(qiáng)調(diào)某項(xiàng)設(shè)計(jì)需要足夠的“直覺(jué)性”,但是直覺(jué)性的設(shè)計(jì)說(shuō)來(lái)容易,實(shí)現(xiàn)卻往往差強(qiáng)人意。但必須承認(rèn),它是目前交互和UI設(shè)計(jì)的最需要的。細(xì)想一下,符合用戶(hù)直覺(jué)的設(shè)計(jì)往往能夠更快地獲得用戶(hù)信任。符合用戶(hù)直覺(jué)的UI和交互邏輯會(huì)在用戶(hù)第一次操作的時(shí)候不斷地進(jìn)行匹配,而用戶(hù)在這個(gè)過(guò)程匯總,主觀感受會(huì)從操作前的“試試,是這樣吧?”變?yōu)橥瓿芍蟮摹肮黄淙?,就是這樣!”,如此一來(lái),用戶(hù)會(huì)在使用過(guò)程中不斷地“驗(yàn)證”自己的直覺(jué),即使操作中有若干設(shè)計(jì)不是那么順暢,這個(gè)APP或者網(wǎng)頁(yè)也能在總體上獲得用戶(hù)的信任。
事實(shí)上,從上世紀(jì)七八十年代開(kāi)始,各大科技企業(yè)都在鼓吹直覺(jué)式的界面,然而,用戶(hù)看到的大都是這樣的界面:
這樣的界面:
以及這樣的界面:
在個(gè)人電腦還沒(méi)走入家庭的時(shí)代,恐怕也就只有按鈕這種交互控件看起來(lái)足夠“直覺(jué)”吧?不得不承認(rèn)的是,直到今天,我們的父輩當(dāng)中,還有許多人還在“學(xué)習(xí)使用”手機(jī)和軟件。我們的UI與交互依然不夠直覺(jué)。
首先得明白什么是直覺(jué)。直覺(jué)的定義:直覺(jué)(intuition)是一個(gè)超越人類(lèi)的控制力,將一種特殊的思維方式,它不是通過(guò)邏輯思維和分析推理的角度來(lái)看,這是一個(gè)無(wú)意識(shí)的過(guò)程,它類(lèi)似于本能,是無(wú)意識(shí)的,在復(fù)雜的情況的了解的目的一致。另一方面,直覺(jué)也根據(jù)自己的經(jīng)驗(yàn),職業(yè),經(jīng)驗(yàn),知識(shí),和本能的,大腦的記憶,經(jīng)驗(yàn),和經(jīng)驗(yàn),結(jié)合了五種感官接收的信息,跳過(guò)的邏輯思維,直接的信息的結(jié)果,它是一種人類(lèi)本能的意識(shí)。
人類(lèi)的直覺(jué)思維是如此典型,設(shè)計(jì)師可以合理地使用可用的用戶(hù)界面特征來(lái)構(gòu)建模式,互動(dòng),甚至成熟的產(chǎn)品可用。
雖然直覺(jué)本身看起來(lái)“非邏輯”,但是直覺(jué)式的UI和交互還是以符合邏輯的方式構(gòu)建起來(lái),因?yàn)橹庇X(jué)同樣是基于用戶(hù)的經(jīng)驗(yàn)和習(xí)慣。
曾經(jīng)為蘋(píng)果設(shè)計(jì)第一款鼠標(biāo)的設(shè)計(jì)師 David Kelley 目前供職于IDEO,在交互設(shè)計(jì)領(lǐng)域有著豐富的經(jīng)驗(yàn)。在為蘋(píng)果公司設(shè)計(jì)鼠標(biāo)的時(shí)候,他曾想過(guò)使用軌跡球來(lái)替代鼠標(biāo)。
“幻想一下,如果桌面上反過(guò)來(lái)一顆球讓你去轉(zhuǎn)動(dòng)控制,感覺(jué)應(yīng)該比鼠標(biāo)運(yùn)作順暢些。我們?cè)疽詾檫@是一個(gè)好主意... 但我從未有細(xì)節(jié)的觸感?!比缓缶秃退膱F(tuán)隊(duì)終于有機(jī)會(huì)發(fā)展軌跡球,建議操作裝置是為用戶(hù)設(shè)計(jì)一個(gè)3 ~ 5歲的小用戶(hù)設(shè)計(jì)一個(gè)建議的操作裝置,合作方是著名的芝麻街美語(yǔ),過(guò)程非常有趣?!钡氖髽?biāo)操作和遠(yuǎn)程控制桿的孩子時(shí),不自覺(jué)地低頭輸入裝置...然后有人認(rèn)為,如果操作時(shí)運(yùn)動(dòng)肌肉群范圍較大,也許他們不必低頭。我們作了一個(gè)大的軌跡球裝置,這樣他們就可以使用手臂和肩膀的動(dòng)作來(lái)操作,從而解決問(wèn)題?!碑a(chǎn)品不復(fù)雜,過(guò)程很有趣,這個(gè)兒童軌跡球從頭至尾都稱(chēng)得上是一個(gè)相當(dāng)直覺(jué)的產(chǎn)品。值得注意的是,這個(gè)軌跡球從最早的構(gòu)思到后期的產(chǎn)品之間,橫亙著十多年的觀察和沉淀。
“我們先是觀察什么樣的操作方式比較合乎自然,然后提出想法,再進(jìn)行測(cè)試?!苯Y(jié)合直覺(jué)的概念,我們不難從基本的概念中引伸出直覺(jué)式交互的一些關(guān)鍵點(diǎn):
我們常說(shuō)的行為模式,是一群人執(zhí)行某種任務(wù)行為的抽象畫(huà)概括,是用來(lái)衡量和分析的基礎(chǔ)。直覺(jué)下的行為是無(wú)意識(shí)的行為,它本身也是人類(lèi)在長(zhǎng)期生活過(guò)程中所逐漸積累下一套有效率的行為模式,是無(wú)意識(shí)信息的重新組織的結(jié)果。
這也是為何在進(jìn)行產(chǎn)品的交互設(shè)計(jì)的過(guò)程中需要用到心智模型。1986年 Susan Carey 在她的論文《Cognitive Science and Science Education》是這樣界定心智模型的:
“心智模型指一個(gè)人對(duì)于事物運(yùn)作的思維過(guò)程,即一個(gè)人對(duì)于周遭世界的理解。心智模型的基礎(chǔ)是不完整的顯示、過(guò)去的經(jīng)驗(yàn)甚至直覺(jué)感知。它有助于形成人的動(dòng)作和行為,影響人在復(fù)雜情況下的關(guān)注點(diǎn),并確定人們?nèi)绾沃纸鉀Q問(wèn)題?!?/p>
直覺(jué)是心智模型中不可忽視的重要組成部分,它是可預(yù)期且是可控的,自然也是設(shè)計(jì)過(guò)程中可用的。以目前最著名的郵箱服務(wù)Gmail為例:
郵箱中所承載的郵件類(lèi)型多樣,牽涉到的事務(wù)龐雜多樣,從中篩選出重要的事件并給用戶(hù)以日程提醒,這是一種相當(dāng)直覺(jué)、非常自然的需求延伸,在這個(gè)心智模型中就體現(xiàn)出來(lái)了。借由第三方的服務(wù)的連接,它以Business Diary 的形式呈現(xiàn)出來(lái)。當(dāng)然,這只是一個(gè)實(shí)例,在UI設(shè)計(jì)和交互設(shè)計(jì)過(guò)程中,心智模型基本也是設(shè)計(jì)過(guò)程中難以回避的環(huán)節(jié)。
我們對(duì)于現(xiàn)實(shí)世界的認(rèn)知、了解和習(xí)慣是構(gòu)成直覺(jué)的基礎(chǔ),同樣的,直覺(jué)式的交互的基礎(chǔ)同樣源自于現(xiàn)實(shí)世界。
如今的我們已經(jīng)步入數(shù)字化的時(shí)代,我們每天面對(duì)著各式各樣的屏幕,多種多樣的界面,而我們最初接觸也是最早產(chǎn)生認(rèn)知的應(yīng)該就是按鈕這種控件了。
雖然圖形化界面(GUI)在70年代中期就已經(jīng)出現(xiàn),但是真正富有現(xiàn)實(shí)質(zhì)感的擬物化的按鈕設(shè)計(jì)大概直到1984年 Macintosh 發(fā)布才勉強(qiáng)看到影子(更早的按鈕就是個(gè)方框):
初代Macintosh 系統(tǒng)中的計(jì)算器
而家用電腦操作系統(tǒng)霸主Windows 甚至是到1990年的Windows 3.0 時(shí)代,才擁有了讓用戶(hù)一眼就認(rèn)出來(lái)的按鈕設(shè)計(jì):
在個(gè)人電腦開(kāi)始廣泛普及的98年,兩家大廠在按鈕和窗口的設(shè)計(jì)上,開(kāi)始越來(lái)越貼近用戶(hù)的直覺(jué)認(rèn)知:
為了更加貼近現(xiàn)實(shí),讓界面更加真實(shí),MacOSX率先邁出了擬物化的步伐,推出了Aqua的概念,并在第三個(gè)開(kāi)發(fā)版發(fā)布的時(shí)候,應(yīng)用到界面的每個(gè)角落:
(如果你仔細(xì)觀察,會(huì)發(fā)現(xiàn)這個(gè)時(shí)候的設(shè)計(jì)師將紙的紋理運(yùn)用到窗口上,此處的設(shè)計(jì)和Material Design 中紙的隱喻不謀而合,這又何嘗不是一種潛意識(shí)的引導(dǎo)呢?)隨后微軟在Windows Vista 中運(yùn)用了名為Aero 的設(shè)計(jì)風(fēng)格,讓按鈕和窗口充滿(mǎn)了光影細(xì)節(jié),至少按鈕的設(shè)計(jì)更加突出了:
桌面端交互基本還是依賴(lài)鼠標(biāo)鍵盤(pán)來(lái)操作,而移動(dòng)端則截然不同。從90年代初手持掌上設(shè)備開(kāi)始,各路設(shè)計(jì)師就沒(méi)在移動(dòng)端設(shè)備上少花費(fèi)心思。Palm的“四大天王”按鍵和GTD,黑莓那充滿(mǎn)歐美血統(tǒng)的快捷鍵交互,Sony 的Clie系列的Jog Dial 滾輪所帶來(lái)的單手交互,前四代亞馬遜Kindle 兩側(cè)的翻頁(yè)按鍵交互,這些都是比較典型的借助硬件來(lái)完成軟件交互的范例。按鈕和滾輪是絕大多數(shù)的用戶(hù)所熟知的交互媒介,合理的設(shè)計(jì)這些硬件賦予了移動(dòng)端設(shè)備更強(qiáng)的易用性。
iPhone 問(wèn)世之后,電容屏逐漸成了標(biāo)準(zhǔn)配置,觸摸屏讓交互設(shè)計(jì)擁有了更多的可能性和更多值得探究的縱深。這個(gè)時(shí)候,隔著屏幕借助按鈕和觸控筆間接交互的時(shí)代一去不復(fù)返,手指作為一種更為本能的媒介,在一塊扁平的觸摸屏上,使用我們自出生以來(lái)就習(xí)得的方式,與虛擬的控件進(jìn)行交互。交互距離直覺(jué)更近了。
從有觸摸屏開(kāi)始,手指點(diǎn)按就不再需要長(zhǎng)期借助其他的硬件來(lái)完成了。雖然早期的按鈕,受限于屏幕尺寸并不會(huì)設(shè)計(jì)的太大,但是有諸如電腦這樣的硬件設(shè)備在前面鋪墊,絕大多數(shù)的用戶(hù)至少能夠直覺(jué)地區(qū)分開(kāi)小屏幕上的按鈕和其他內(nèi)容。
而早期iOS的擬物化設(shè)計(jì)讓按鈕擁有了更強(qiáng)的質(zhì)感,更加貼近用戶(hù)認(rèn)知,用戶(hù)、設(shè)計(jì)師、產(chǎn)品人對(duì)于擬物化設(shè)計(jì)的追捧以及之后的依依不舍并不是毫無(wú)道理的。扁平化之后的按鈕和其他組件的設(shè)計(jì),經(jīng)歷了好幾年的混亂時(shí)期,直到Flat 2.0 和 Material Design 的興起和后期iOS的設(shè)計(jì)調(diào)整,扁平化的風(fēng)潮這才基本站穩(wěn)了腳跟。(Metro 一直都是這個(gè)領(lǐng)域的反面典型)
目前能夠稱(chēng)得上是直覺(jué)的交互并不算太多,但是它們的內(nèi)在邏輯倒是相當(dāng)值得學(xué)習(xí)和探究。
滑動(dòng)也是相當(dāng)直覺(jué)的交互,人類(lèi)慣于使用滑動(dòng)觸摸的方式來(lái)認(rèn)知和了解這個(gè)世界。在硬質(zhì)的電容屏幕上,有的用戶(hù)無(wú)需引導(dǎo)就能直接開(kāi)始通過(guò)手指滑動(dòng)來(lái)滾動(dòng)Android 1.5 的APP列表界面。而此時(shí)更加值得一提的,應(yīng)該是iOS上的滑動(dòng)解鎖的經(jīng)典設(shè)計(jì)。
iOS7 之前的滑動(dòng)解鎖界面采用的典型的擬物化設(shè)計(jì),控件包含一個(gè)看起來(lái)凹下去的滑動(dòng)槽和其中凸起的按鈕,按鈕中向內(nèi)凹陷的箭頭指引著用戶(hù)滑動(dòng)方向,槽中的文字“slide to unlock”還通過(guò)向右流動(dòng)的光線給予用戶(hù)強(qiáng)化滑動(dòng)方向的暗示,絕大部分的用戶(hù)會(huì)在這種視覺(jué)引導(dǎo)下直覺(jué)地完成這個(gè)交互。解鎖完成之后,解鎖的音效則讓用戶(hù)對(duì)于解鎖的預(yù)期和結(jié)果達(dá)成一致,這個(gè)交互會(huì)很快在用戶(hù)的大腦勾回成留下痕跡,越發(fā)的本能。
同滑動(dòng)解鎖略有不同,雙指縮放很容易理解,但是大多需要界面進(jìn)行初次引導(dǎo)之后,用戶(hù)才會(huì)學(xué)會(huì)。不過(guò)這種交互的學(xué)習(xí)成本非常低,雙指縮放的手勢(shì)本身也符合用戶(hù)對(duì)于大小縮放的認(rèn)知。
在家用電腦還處于普及階段的時(shí)候,使用鼠標(biāo)托拽圖標(biāo)是許多初學(xué)者學(xué)習(xí)得并不那么愉悅的一種操作,畢竟隔著鼠標(biāo)和屏幕。與之相反的是,在觸摸屏上用戶(hù)可以很快的明白托拽的精髓,按住,劃動(dòng)即可。這種交互在現(xiàn)實(shí)生活中并不少見(jiàn),在屏幕上操作也得心應(yīng)手。如果你仔細(xì)觀察會(huì)發(fā)現(xiàn),如今即使是專(zhuān)業(yè)的工具,也越來(lái)越多地開(kāi)始拿托拽式交互作為賣(mài)點(diǎn),因?yàn)樗_實(shí)切實(shí)地降低了用戶(hù)的前期學(xué)習(xí)成本。
和滑動(dòng)解鎖略有不同,下拉刷新并沒(méi)有那么明顯的視覺(jué)線索,但是借助動(dòng)效和前期引導(dǎo),下拉刷新會(huì)讓用戶(hù)極快地上手,并且樂(lè)此不疲地使用這種交互方式。下拉刷新這種交互方式很有意思,下拉是一種直覺(jué)式的操作,刷新出來(lái)的內(nèi)容則是這種交互帶給用戶(hù)的結(jié)果,這種結(jié)果可以預(yù)期也是用戶(hù)所期待的,介于兩者之間的動(dòng)效則縮小了用戶(hù)等待的主觀感受上的時(shí)長(zhǎng),甚至某些動(dòng)效讓用戶(hù)深陷其中愛(ài)不釋手,比如iOS 6時(shí)代的Podcasts 的下拉刷新的動(dòng)效。
正如前文所述,直覺(jué)并非一成不變,它是發(fā)展和漸進(jìn)演變的。對(duì)于現(xiàn)在的用戶(hù)而言,許多在之前都使用過(guò)鼠標(biāo),或者看過(guò)長(zhǎng)輩使用鼠標(biāo),雙擊這種操作雖然始于規(guī)則,但已經(jīng)是近乎習(xí)慣的存在了。雙擊操作脫胎于硬件操作,所以它在移動(dòng)端設(shè)備上也常常同實(shí)體按鍵連接到一起,比如雙擊Home鍵之類(lèi)的。
雙擊耳機(jī)上的按鍵切換下一首歌這種操作,應(yīng)該和雙擊操作一本同源。有意思的是,許多系統(tǒng)和硬件都設(shè)定了連按3下切換上一首歌的操作,但是知道的人并不算多,慣于如此操作的人則更少。這就是有意思的地方:雙擊交互已經(jīng)因其前期的普及性,已經(jīng)成為許多用戶(hù)的“直覺(jué)”,而連按3下則是在雙擊基礎(chǔ)上發(fā)展出的一種操作規(guī)則,它缺少直覺(jué)性,相應(yīng)的普及度則少的多。
卡片式UI 大的特色是源自于現(xiàn)實(shí)生活的卡片的“隱喻”,多種多樣的卡片和內(nèi)容投射到界面,讓卡片控件作為不同內(nèi)容的載體,成了用戶(hù)極容易接受的一種設(shè)定。Material Design 是卡片式UI中的一個(gè)重要分支,不過(guò)Material Design 更為規(guī)整而系統(tǒng),它所采用的隱喻更偏向于“紙”??ㄆ経I 作為框架,將UI設(shè)計(jì)中不同的功能和不同的內(nèi)容格式化到一套整飭的卡片體系當(dāng)中,降低UI和不同交互的學(xué)習(xí)成本,而卡片也常常作為不同層次內(nèi)容的溝通媒介,形同桌面端界面中的“窗口”,甚至更加強(qiáng)大。
這個(gè)時(shí)候不得不提一下漢堡圖標(biāo)。五年前探討漢堡圖標(biāo)的時(shí)候,可以說(shuō)它和直覺(jué)交互毫無(wú)關(guān)聯(lián),但是隨著時(shí)間的推移,在數(shù)字時(shí)代的“棲居者”越來(lái)越多的今天,漢堡圖標(biāo)無(wú)處不在,它逐步成為按鈕中廣泛被認(rèn)知的存在,就像扳手和齒輪的圖標(biāo)意味著“設(shè)置”、“設(shè)定”一樣,漢堡圖標(biāo)已經(jīng)成為界面模式中的一個(gè)基礎(chǔ)設(shè)施了,以前它代表“菜單”,現(xiàn)在它就是“菜單”。
正如同剛剛探討雙擊操作一樣,時(shí)間和大眾認(rèn)知的改變讓一個(gè)事物從非直覺(jué)化的存在,逐步變?yōu)橐环N無(wú)需思考過(guò)程就能明白含義的東西。
這也是我們學(xué)習(xí)界面模式、使用界面模式的一個(gè)重要依據(jù)。隨著時(shí)間的推移,越來(lái)越多的界面設(shè)計(jì)模式和交互模式開(kāi)始成為一種固定的搭配、用戶(hù)所習(xí)慣的存在,一些更為基礎(chǔ)的控件和交互已經(jīng)成為許多用戶(hù)“直覺(jué)”的一部分。
就像我們所知道的一樣,交互設(shè)計(jì)是一門(mén)還很年輕的學(xué)科,它一直高速地向前發(fā)展,并且不斷的將新的技術(shù)、知識(shí)納入其中,融會(huì)貫通,創(chuàng)造新的可能性。技術(shù)的發(fā)展讓直覺(jué)式的交互了有了新的轉(zhuǎn)機(jī)。
的確,在很長(zhǎng)的一段時(shí)間里面,我們的數(shù)字設(shè)備始終遵循著有序的、樹(shù)狀的結(jié)構(gòu),將內(nèi)容和功能呈現(xiàn)在用戶(hù)面前,但是人類(lèi)的認(rèn)知并非是這樣的結(jié)構(gòu),這也是新用戶(hù)最初面對(duì)數(shù)字設(shè)備的主要學(xué)習(xí)成本來(lái)源之一。傳統(tǒng)的界面用起來(lái)還不夠“自然”,還不夠“人性”。
而現(xiàn)在有了新的契機(jī),大數(shù)據(jù)、機(jī)器學(xué)習(xí)、人工智能(AI)、語(yǔ)音交互、虛擬現(xiàn)實(shí)(VR)和現(xiàn)實(shí)增強(qiáng)(AR)等新的技術(shù)讓交互技術(shù)可以向著自然邏輯的方向走得更遠(yuǎn)。毫無(wú)疑問(wèn),我們之前聊的“界面模式”是過(guò)去40年間若干次技術(shù)革面在圖形化界面這個(gè)基礎(chǔ)上搭建起來(lái)的交互的大樓,而語(yǔ)音,手勢(shì),虛擬現(xiàn)實(shí)和現(xiàn)實(shí)世界正在新技術(shù)的催化下,逐步耦合到一起。
基于某些眾所周知的原因,Google Now 是大家安卓手機(jī)上極為雞肋的一個(gè)存在,但是仔細(xì)想想,它可能是目前在交互上走的最遠(yuǎn)的一項(xiàng)服務(wù)。大數(shù)據(jù)和機(jī)器學(xué)習(xí)讓Google Now 每天都更加了解你,在特定的時(shí)間特定的地點(diǎn),你拿起手機(jī)它就會(huì)知道要給你提供什么,它就是你的直覺(jué)。它遵循你的習(xí)慣、你的操作、你的生活起居,它明白你的目的、明白你的需求、明白你可能需要什么,它就是你的“直覺(jué)”。
實(shí)際上,Apple也在讓Siri更加強(qiáng)大,它和Google Now 一樣正在試圖成為更懂你的人工智能,成為你日常交互的組成部分,成為你生命中的“基礎(chǔ)設(shè)施”。當(dāng)然,如果說(shuō)有什么需要擔(dān)心的,大概就是這倆AI什么時(shí)候擁有了之后,開(kāi)始搭建屬于自己的“天網(wǎng)”吧。(笑)
結(jié)語(yǔ)
強(qiáng)調(diào)直覺(jué)設(shè)計(jì)的重要,實(shí)際上是因?yàn)橹庇X(jué)設(shè)計(jì)的缺失。我們常常“滿(mǎn)腦子的騷操作”,但是很少回過(guò)頭去仔細(xì)審視那些最基本的東西。在如今的UI界面交互設(shè)計(jì)中,真正帶來(lái)革命性影響的,絕大多數(shù)的來(lái)說(shuō)源自于蘋(píng)果、谷歌以及后期Palm webOS團(tuán)隊(duì)的那些人,而后者大多數(shù)也基本源于蘋(píng)果等幾家頂級(jí)設(shè)計(jì)公司(Matias Duarte除外)。而我們所仰慕的(或者常常被吐槽的)公司,作為先行者一直在思考一些最原始、最初級(jí)的問(wèn)題。
創(chuàng)新互聯(lián)提供app軟件開(kāi)發(fā)、移動(dòng)網(wǎng)站建設(shè)服務(wù),找此服務(wù)可直接聯(lián)系創(chuàng)新互聯(lián)客服。
網(wǎng)站題目:【交互設(shè)計(jì)】是該說(shuō)說(shuō)具有直覺(jué)性交互設(shè)計(jì)了
網(wǎng)站路徑:http://m.rwnh.cn/news23/171273.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司、虛擬主機(jī)、定制開(kāi)發(fā)、云服務(wù)器、電子商務(wù)、自適應(yīng)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容