交互設(shè)計框架-PACT淺談(一):關(guān)于人的部分
本文內(nèi)容來自于《交互式系統(tǒng)設(shè)計:HCI,UX和交互設(shè)計指南》,交互設(shè)計框架一章的思考。
本文是PACT交互設(shè)計框架系列文章的第一篇,主要討論在進行交互系統(tǒng)設(shè)計的時候,我們所考量的人的生理方面的差異。這也是我們讀書計劃第二篇,希望能通過對書中內(nèi)容的思考來分享自己的觀點,觀點不一定對,但我認(rèn)為這是做事情的起點。
通過PACT交互設(shè)計框,我們可以去定義“人在什么環(huán)境下使用什么完成了什么活動”的問題。
如果我們要用一句話來概括PACT交互設(shè)計框架的話,那么就是人在上下文環(huán)境中通過某種技術(shù)進行某種活動,再通俗一點就是:人在某個場景下使用什么進行什么任務(wù)。這句話包含了交互設(shè)計中的四個關(guān)鍵因素:人(People),活動(Activities),上下文環(huán)境(Context)和技術(shù)(Technologies),本問當(dāng)作拋磚引玉,希望通過本文的介紹,能給跟我一樣剛接觸交互設(shè)計的新人們提供一些思考方向。
個人始終覺得,在進行設(shè)計之前,先去了解交互設(shè)計這門學(xué)科的理論是很有必要的,所以在這里推薦一本理論書籍——《交互式系統(tǒng)設(shè)計—HCI,UX和交互設(shè)計指南》,PACT交互設(shè)計框架也是貫穿全書的一個概念,這是一本典型的理論書籍,就是那種你一看就看不下去的那種,但我認(rèn)為,越是枯燥的理論書籍,越是需要我們對于理論觀點的聯(lián)想,所以本文我也使用了一些案例用來加深對這個框架的理解。
開始之前我們先來進行一次洗腦:交互設(shè)計不是畫axure,交互設(shè)計不是做交互動效;交互設(shè)計是一個連貫的過程,它串聯(lián)起了人,環(huán)境,活動,和技術(shù),最終幫助人們實現(xiàn)某種目標(biāo)。
這聽起來像是一句空話了(空話就是指那些對行動沒有指導(dǎo)意義的話)但是實際上很多大家覺得是空話的東西,那是因為在你第一反應(yīng)覺得這是空話的時候,就已經(jīng)放棄去深入的研究了,所以到最后,他就真的成了空話,這就變成了一種可笑的自證。
所以為了不讓這句洗腦的話不至于淪落到空話的下場,我覺得應(yīng)該好好的研究一下這句話。
- 關(guān)于第一點:交互設(shè)計不是axure,可以這樣理解,就像機床不是制造一樣,這是工具和行為的區(qū)別,也就是框架里的活動和技術(shù)的關(guān)系,Axure是交互設(shè)計的工具之一。
- 關(guān)于第二點:交互設(shè)計不是做動效,可以這樣理解,就像照片不是攝影藝術(shù),這是結(jié)果和行為的區(qū)別,動效是交互設(shè)計的一種結(jié)果(表現(xiàn)方式);交互是一種比較抽象的概念,所以我們使用工具讓這種概念通過一種人們能夠理解的方式表現(xiàn)出來,所以我們用Axure等工具進行設(shè)計。
- 關(guān)于第三點:串聯(lián)起人、環(huán)境、活動、和技術(shù),這是本文的重點內(nèi)容(PACT),所以我們從四個方面來分析。
交互設(shè)計我認(rèn)為并不是只存在于人和設(shè)備(這或許只能算是人機交互),廣義上的來講,是人和環(huán)境的交互,環(huán)境就包括了設(shè)備,人,社會,建筑等你能想到的所有東西。只有在理解了這樣的基礎(chǔ)之上,我們的思維才不至于被局限在Axure,動效上面;這能讓我們從更多的角度去思考設(shè)計。當(dāng)然關(guān)于“交互設(shè)計不是什么什么”的例子不勝枚舉,這里就不一一列舉了。
1.人——People(PACT):
人是交互的最終感知者,也就是說,無論我們做出什么樣的設(shè)計,最終都是給人使用,從這一點來看,人一直都是處于設(shè)計的中心位置,所以不光是《交互式系統(tǒng)設(shè)計》這本書,在很多關(guān)于設(shè)計的書上都提到了一個概念——人本化的設(shè)計。
從人的層面來講,我們對于一個系統(tǒng)的第一感知一定是視覺上的,然后是好不好用,對于正常人來說,好看或者好用,是可以同時存在的,但對于一些有生理缺陷的人來說,比如盲人,可能在他們的評價標(biāo)準(zhǔn)里就只有好不好用這一個標(biāo)準(zhǔn)了。
Norman在《日常的設(shè)計》中提到,設(shè)計的三個層次,第一個層次就是為本能設(shè)計,也就是說我們的第一反應(yīng),比如好不好看就屬于第一層次的設(shè)計。但深一層次來思考的話,我們所謂的好看,從本質(zhì)上還是為了能幫助人們更好的獲取和理解信息,所以我們認(rèn)為,好看應(yīng)該是建立在人們能夠理解信息的基礎(chǔ)上的。不是為了好看而好看,我們對設(shè)計的思考應(yīng)該不只是停留在視覺層次,我們應(yīng)該明白視覺層次只是設(shè)計的一個層次而已。
基于我們在前面提到的盲人和正常人的話題,正常人能以視覺為起點來對一個實物建立起一個概念,而盲人可能需要的是通過觸摸或者聽覺等為起點來建立對事物的概念,所以人的差異性也決定了設(shè)計的差異性,但這并不代表我們每個人都需要一套專門的設(shè)計,在現(xiàn)實生活中我們看到不同的人在使用相同的設(shè)計,這是因為,盡管我們每個人都是一個不同的個體,但大部分人類都擁有相同的行為,而交互更多的是對于行為的研究;我們也要明白的是,我們最終的設(shè)計一定基于人的差異性平衡后的結(jié)果,也就是說,我們所看到的那些看起來相同,卻給不同的人使用的設(shè)計,實際上是對于差異性的平衡。
比如大部分電梯按鈕有數(shù)字也有盲文,就是為了方便正常人和盲人,為了方便記憶,我將類似于電梯按鈕的設(shè)計定義為差異疊加類設(shè)計(僅僅為了方便個人記憶),這類設(shè)計時對人差異點取合集。通過研究人的差異點,將適合不同人的設(shè)計都糅合在一起;類似這樣的設(shè)計還很多,比如我們設(shè)計一塊展板,為了能讓老眼昏花的人能看得清楚,也為了正常人能看得清楚,所以我們選擇調(diào)大字號,這樣盡管在正常人看來,大號字體可能會給人壓迫感,影響閱讀體驗,但并不影響我們對于信息的攝取,而對于老眼昏花的人,也能保證他們能正常的獲取信息,這些設(shè)計都是在平衡某些差異,也許最后這種平衡結(jié)果對一部分人而言不是最好的,但是并沒有影響他們完成核心的任務(wù),那么我們自然也就接受了這樣的平衡方式了。
本文主要討論的就是人們在生理上的差異是如何影響我們的設(shè)計的,以及我們在設(shè)計時應(yīng)該考慮如何去平衡這些差異。
人的生理差異
生理差異——是人的生理方面的差異,例如身高,五感——視覺,聽覺,觸覺,嗅覺,味覺等生理方面的差異。
我們可以通過幾個案例來看看,我們的生活中那些東西的設(shè)計是考慮了人的生理差異的設(shè)計,我不打算只從APP的交互設(shè)計來講,這樣或許我們的思路會更加開闊一些。
例1:紅綠燈
考慮了紅綠色盲的設(shè)計
沒有考慮生理差異的設(shè)計
以上設(shè)計如果從視覺方面進行考量的話,我們可以從這些方面進行考量
第一:避免使用那些特殊人群無法辨識的顏色。
第二:如果非要使用特殊人群無法辨識的顏色,那么可以對顏色進行符號化,或者明確顏色所傳達的信息,減少隱喻的使用。
第三:保證設(shè)計的高辨識度,例如紅綠燈的設(shè)計其實是采用了色環(huán)上的互補色,這是強烈的對比。
第四:類似于第一種人形的紅綠燈的設(shè)計,我同樣為了方便記憶,將其定義為差異取交類設(shè)計,也就是說這種設(shè)計通過取交集來平衡差異點,關(guān)于人形紅綠燈的設(shè)計,就算不使用顏色,或者使用其他顏色并不會影響人們的行為。但可能對于紅綠色盲的人來說,通過辨認(rèn)人的形狀來行動就顯得容易得多。
例2:圖書館導(dǎo)航
我們可以從這個例子來反推,在設(shè)計過程之初,這個導(dǎo)航的設(shè)計考慮了那些生理上的差異,當(dāng)然這樣的分析,可能會有一些事后聰明偏差,盡管是這樣但我們還是來分析一下吧。
目標(biāo)人群:圖書館讀者,工作人員
生理差異:身高,視力的差異。這兩個因素決定了我們從視覺上能找到的最佳聚焦點,所以這個牌子的高度如果太高,對于身高較低的人來說,在觀看信息時由于視線仰角過高導(dǎo)致不好的閱讀體驗,而太低對于身高太高的人來說也是一種不好的閱讀體驗。
從視力上的差異來說,文字和符號的大小決定了是不是能保證近視,遠視和視力正常的人都能準(zhǔn)確的獲得信息。藍色背景使得文字有更好的辨識度。對于元素的理解能力屬于心理差異的范疇,所以在這里不討論。
可能對于這個導(dǎo)航,我們在設(shè)計的時候,我們對于人的生理差異已經(jīng)形成一種下意識考量,因此這個例子會顯得非常的簡單,但只要明白這種思路就好了。
生活中我們隨處可見這樣的設(shè)計,有一些對于某人人的生理狀況來說是好的,有一些卻不太合理,其實認(rèn)真觀察,我們可以發(fā)現(xiàn)很多不合理的設(shè)計,比如高度不正確的小便槽、一些城市中人行道的盲道、地下通道替代了斑馬線,但是卻不考慮坐輪椅的人,等等(只是基于生理層面的觀察)。
例3:界面的設(shè)計——基于material design的討論
(盡管界面設(shè)計可能會更多的偏向于心理層面的討論,但我還是想在生理層面上對界面交互設(shè)計進行一些討論)。
為什么沒有直接談關(guān)于界面的交互設(shè)計,那是因為我當(dāng)初在研究material design的時候看到了這樣的定義(截圖來自material design中文版規(guī)范)。
即界面交互的設(shè)計基于真實的動作,也就是說我們在進行界面設(shè)計的時候,應(yīng)該去考慮在真實的場景中人們是如何和環(huán)境進行交互的。我們對不同的界面可能有著不同的概念,但是在真實的場景中我們對于很多事物,或者是過程都有著相似的概念,比如我們對紙張的理解就有著相同的概念,我們在翻閱一本書的時候是一個連貫的動作,所以我認(rèn)為material design設(shè)計語言的真正意義在于,用一種大部分人都能理解的概念來降低界面的差異帶來的理解負(fù)擔(dān),而如果要降低理解上的負(fù)擔(dān)(這可能有點偏心理層面,我們盡量不跑題的來討論),當(dāng)然是借用現(xiàn)實生活中的元素比較合適。
在這里我忍不住要輸出自己的個人觀點了(無關(guān)正誤):我覺得最終交互設(shè)計可能會朝著一個統(tǒng)一的方向發(fā)展,因為設(shè)計所能帶來的最好的結(jié)果就是平衡差異,找到一個折中點來滿足不同生理或者心理差異的人,如果說人們對真實環(huán)境中的事物有著相似的概念模型的話,同時“交互設(shè)計基于真實的世界”這個觀點成立的話,那么最終的結(jié)果就只能是使用同樣的語言,也就是人們生理差異上的平衡點只能有一個,可能有人會說,人們的環(huán)境最終是會變化的,環(huán)境的變化最終會帶來人的行為的變化,只要人的行為在變化,交互設(shè)計就不會有統(tǒng)一的那一天。
從微觀的層面上來說,這種觀點是正確的,但不管人們有多少差異,但這個世界的變化速度始終還是慢于人的一生,也就是說從宏觀上來講,在我們可見的時間區(qū)間內(nèi),這個世界的變化可能只是那么細微的差別,我們所說的世界在發(fā)生巨變,可能只是從較為細微的層面來講,就像我們的房子一樣,幾千年過去了,還是得有門,有窗戶,有鎖,所以從宏觀層面上來講,我們和環(huán)境的交互行為,并沒有發(fā)生劇變。
所以這就是為什么我們需要考慮在當(dāng)前的環(huán)境之中我們會有哪些交互行為,對于界面的交互設(shè)計,我們需要做的是從現(xiàn)實生活中獲取啟示,將這些行為用界面的語言盡量高保真的表達出來。這也是為什么沒有一上來就談界面設(shè)計的原因,因為移動設(shè)備只是幫助我們用不同的方式解決相同的問題,而解決問題的過程幾乎沒有發(fā)生本質(zhì)上的變化。
接下來,我們截取MD設(shè)計規(guī)范中的一小部分,看看在material design中,他們是如何以這種方式來思考交互設(shè)計的。
首先,從生理差異上來講,如果我們要做出一種平衡生理差異的交互,那么最簡單的思路就是采用大部分都理解的交互行為作為設(shè)計的基準(zhǔn)(這就是為什么我們要觀察現(xiàn)實生活的重要性),交互行為從生理上來講,我們可以認(rèn)為人是從視覺,嗅覺,觸覺,味覺,聽覺等方面來和外界進行交互的。
1.material design的視覺交互(以下簡稱MD):“實體感”,MD設(shè)計規(guī)范中說道:“通過構(gòu)建系統(tǒng)化的動效和空間合理化利用,并將兩個理念合二為一,這構(gòu)成了實體隱喻。與眾不同的觸感是實體的基礎(chǔ),這一靈感來自我們對紙墨的研究”。 ? ?
MD設(shè)計規(guī)范定義了界面應(yīng)該像紙張一樣(這么做的原因我猜是我們很早就已經(jīng)建立起了對于紙張的概念模型),所以在其設(shè)計規(guī)范中有兩個重要的組件:
MD設(shè)計使用大量的關(guān)于紙張的概念模型,從生理差異上來說,無論是高低胖瘦,遠視近視,我們都對紙張有著差不多的概念模型。
以下是對“通過構(gòu)建系統(tǒng)化的動效和空間合理化利用,并將兩個理念合二為一”這句話的理解(可能沒有太多的說生理層面的東西),其實我們可以得出幾個關(guān)鍵點:
系統(tǒng)化的動效:動效是為了讓我們更好的完成某個任務(wù),完成任務(wù)本身包含兩重意思,第一就是完成任務(wù)的方式,第二是完成任務(wù)的過程,系統(tǒng)化的動效其實就是系統(tǒng)化的過程,從感官上來講,生硬直白的切換會讓任務(wù)進行更加的快速,但卻上了情緒的過渡,也就是說,我們完成一個流程的最快方式就是完全拋棄動效,直接使用無動效切換,但這樣做的壞處就是,我們?nèi)鄙賱有淼囊曈X引導(dǎo)和情緒的過渡,過快的變化可能反而讓我們覺得無所適從。
完成任務(wù)的方式:這是和實際生活中完成任務(wù)的方式進行比較之后進行評估的,比如用支付寶交話費,自然就會比在營業(yè)廳交話費要高效。
完成任務(wù)的過程:從起點到任務(wù)完成的步數(shù)是不是足夠的少,如果我們還是來看交話費的話,可能在手機桌面有一個交話費按鈕,你只需要按一下就能實現(xiàn)交話費,或者對于使用siri就能交話費的話,可能是最高效的,也就是說如果起點本身就是終點,這樣的交互最高效。但對于這樣的設(shè)計其實是并不可取的,人們除了對高效完成任務(wù)有需求之外,還對過程的控制有著強烈的需求,因為在現(xiàn)實生活中,我們完成每一個任務(wù)都一定是經(jīng)歷了某一個過程,除非某一天人們真的在現(xiàn)實生活中,可以只需要一步就完成交話費,否則我們絕對不能阻礙用戶對于過程的感知。
對于動效的設(shè)計,進場,退場,拖動等動效同樣需要考慮真實的動作,這一點可以仔細閱讀MD設(shè)計規(guī)范中的定義。
空間:空間關(guān)系到頁面的布局,以及用戶操作的方便性,不同的人手指大小不一樣,我曾經(jīng)在想,NBA球員使用iphone4的時候是不是真的很方便?關(guān)于MD設(shè)計空間方面的標(biāo)準(zhǔn)可以參考排版與布局章節(jié),如果有興趣的話還可以深究一下,為什么他們要將行距,圖標(biāo)和邊框的距離定義為這么寬,這么高。
以上可能更多的是從視覺方面去討論了交互設(shè)計真實性,當(dāng)然對于正常人來說,交互一定是從視覺開始的,但是交互設(shè)計又不僅僅是視覺的東西,按照Norman大爺設(shè)計的三個層面來說,視覺的設(shè)計只是屬于本能層次的設(shè)計,還有行為層和反思層的設(shè)計。
總結(jié)起來說:交互設(shè)計需要基于現(xiàn)實的設(shè)計,且需要考慮人在生理上的差異,但交互設(shè)計遠不止視覺上的交互;討論完視覺之后,我們可以進一步的討論行為層的設(shè)計,而對于行為的討論可能會更多的討論用戶在心理層面的差異,因為很多行為都是心理活動的反映。
可能在當(dāng)前設(shè)計環(huán)境中,對于界面的設(shè)計可能會更多的偏向于考慮人們在心理上的差異,但由于人們在心理上的差異是非常大的一個話題,由于個人能力原因,本文只針對人設(shè)計中對生理差異的考量進行一些比較淺討論;后續(xù)會寫文章專門討論我關(guān)于“心理差異對設(shè)計的影響”這個問題的理解。
之前發(fā)文章發(fā)現(xiàn)有幾個問題,由于產(chǎn)品經(jīng)理的評論功能一直不能回復(fù),總是提示不能太快提交,所以干脆寫在這里了。
第一、有人覺得太基礎(chǔ),個人的看法是,我就是得從基礎(chǔ)的寫起來,我不急慢慢來,覺得基礎(chǔ)的可以不用看,就像我們從來不會覺得,小學(xué)課本基礎(chǔ)。
第二、有人覺得紙上談兵,直接問要怎么做,怎么做不是應(yīng)該自己去找的么?正是因為這樣,導(dǎo)致了現(xiàn)在所謂的干貨盛行,真是新世紀(jì)的拿來主義,當(dāng)然這個問題并不在于干貨,干貨本身沒有錯,但是,我想說的是,太多的人習(xí)慣了打漁,卻不習(xí)慣去學(xué)會結(jié)網(wǎng),可是做東西可不想打漁這樣,給你一張網(wǎng)你就能上的。
第三、關(guān)于干貨,干貨容易給人一種錯覺,那就是讓人誤以為自己會了,其實你那兒會了,你只是會依葫蘆畫瓢了,當(dāng)然這也算是一種進步,但是如果只是停留在這里的話是覺得要不得的,寫得出干貨的人是因為這人有了支撐這些干貨的思維,你看到的是結(jié)果,卻沒看到結(jié)果下面的根基,其實這種浮躁風(fēng)還是蠻盛行的,我想再說一次,這事兒真的跟干貨沒什么關(guān)系。
這是PACT框架系列文章第一篇,后續(xù)我會繼續(xù)寫系列文章,非常感謝您的閱讀,未完待續(xù)…..
本文由 @王辣醬 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
- 目前還沒評論,等你發(fā)揮!