設(shè)計(jì)中的交互設(shè)計(jì)
交互設(shè)計(jì)本質(zhì)上是圍繞著用戶行為設(shè)計(jì)的,我們需要在真實(shí)的場(chǎng)景從用戶心理、認(rèn)知和行為等角度考量進(jìn)行設(shè)計(jì)。本文詳細(xì)介紹了關(guān)于交互設(shè)計(jì)的基本知識(shí),希望對(duì)你后續(xù)做交互設(shè)計(jì)有所幫助。
01 什么是設(shè)計(jì)?
設(shè)計(jì)是指“把設(shè)想通過(guò)合理的規(guī)劃、周密的計(jì)劃、通過(guò)各種方式表達(dá)出來(lái)的過(guò)程”它是有目標(biāo)有計(jì)劃的進(jìn)行技術(shù)性的創(chuàng)作和創(chuàng)意活動(dòng)。
根據(jù)著名的設(shè)計(jì)理論家Victor Papanek的定義,設(shè)計(jì)是構(gòu)建有意義的秩序而付出的有意識(shí)的直覺(jué)上的努力,需要我們更多的對(duì)用戶的心理感同身受,主動(dòng)關(guān)注用戶需求,把用戶的真實(shí)需求表達(dá)出來(lái)。它不是單憑感覺(jué)的行為,需要考慮各種因素,尋找最佳的傳遞方式。
伴隨著信息技術(shù)的不斷發(fā)展,對(duì)產(chǎn)品的理解過(guò)程更多的伴隨著用戶的參與,即需要用戶與產(chǎn)品相互交互才可以完成對(duì)它的理解。那為了提升理解的效率,用戶與產(chǎn)品的交互行為邏輯則應(yīng)該是設(shè)計(jì)過(guò)程中不可缺少的重要組成部分,并且它應(yīng)該在設(shè)計(jì)初期給予足夠的重視。
本文的交互特指“人機(jī)交互”,該過(guò)程中涉及的文本、語(yǔ)音、色彩等輸入或者輸出等體驗(yàn)行為則讓我們以互動(dòng)的的方式感知著周圍的世界。
02 交互設(shè)計(jì)的起源
那交互設(shè)計(jì)是從何時(shí)開始的呢?
交互設(shè)計(jì)作為新的研究方向于20世紀(jì)60年代開始。
它由IDEO的一位創(chuàng)始人Bill Moggridge在1984年的一次會(huì)議上首次提出。他是世界上第一臺(tái)筆記本電腦的設(shè)計(jì)者也是交互設(shè)計(jì)概念最早的提出者之一,正是在他的推動(dòng)下,交互設(shè)計(jì)才得以成為一門獨(dú)立的學(xué)科和工作崗位。
早期的交互設(shè)計(jì)側(cè)重點(diǎn)還是在于原有產(chǎn)品的技術(shù)體驗(yàn),強(qiáng)調(diào)媒介的重要性,例如產(chǎn)品技術(shù)的更新、界面元素的優(yōu)化,忽略了行為本身。
90年代后,交互設(shè)計(jì)概念開始流傳,這其中的代表就是“交互設(shè)計(jì)”學(xué)術(shù)課程于1994年卡耐基梅隆大學(xué)成立。
1999年國(guó)際標(biāo)準(zhǔn)化組織(ISO)發(fā)布了以人為中心的交互式產(chǎn)品設(shè)計(jì)原則和程序規(guī)范 ISO13407,它強(qiáng)調(diào)了我們當(dāng)前以人為中心的設(shè)計(jì)流程與框架。
這些年移動(dòng)互聯(lián)網(wǎng)的快速發(fā)展,多端交互已經(jīng)成為主流,交互設(shè)計(jì)思想也深入到生活的眾多領(lǐng)域,形成比較完整的設(shè)計(jì)方法體系。
伴隨著數(shù)字時(shí)代的到來(lái),人們對(duì)產(chǎn)品操作的便捷性以及互動(dòng)性要求逐漸增加,交互設(shè)計(jì)師也應(yīng)運(yùn)而生。
03 交互設(shè)計(jì)的定義
交互設(shè)計(jì)的英文是Iteraction Design,這其中Inter就是互相,action就是行動(dòng),因此交互設(shè)計(jì)定義了人造物的行為方式,它強(qiáng)調(diào)人與物之間的互動(dòng),這個(gè)互動(dòng)的過(guò)程其實(shí)就是主體與客體的輸入與輸出過(guò)程。輸入與輸出伴隨著視覺(jué)以及聽覺(jué)等不同體感的反饋,為了讓用戶更好的使用物品,也讓物品更好的服務(wù)于用戶,我們則需要對(duì)該反饋的交互行為進(jìn)行設(shè)計(jì)。
很多從事交互設(shè)計(jì)實(shí)踐的同學(xué)可能還無(wú)法用準(zhǔn)確的語(yǔ)言描述交互的概念,可能因?yàn)闃I(yè)界對(duì)它的定義也沒(méi)有那么的精準(zhǔn)。
在交互設(shè)計(jì)之父Alan Cooper的書中《About Face 4》中:
交互設(shè)計(jì)是設(shè)計(jì)交互式數(shù)字產(chǎn)品、環(huán)境、系統(tǒng)和服務(wù)的實(shí)踐。
從中我們可以看到交互設(shè)計(jì)的范疇很寬泛,涉及到信息技術(shù)、互聯(lián)網(wǎng)等不同領(lǐng)域以及行業(yè)。
交互設(shè)計(jì)協(xié)會(huì)(IXDA)給了一個(gè)同樣寬泛的定義,可能是權(quán)威機(jī)構(gòu),不敢輕易下完整的決定,最終的定義較為模糊。
交互設(shè)計(jì)(Interaction Design, IxD)定義了交互系統(tǒng)的結(jié)構(gòu)和行為。交互設(shè)計(jì)師努力在人們和他們使用的產(chǎn)品或服務(wù)之間建立有意義的關(guān)系,從電腦到移動(dòng)設(shè)備到家電等等。
國(guó)內(nèi)著名的交互設(shè)計(jì)學(xué)者辛向陽(yáng)老師則強(qiáng)調(diào)是從物理邏輯向行為邏輯的轉(zhuǎn)變,本質(zhì)上是行為的設(shè)計(jì),它雖然也需要物,但是物只是行為的媒介。
我們交互設(shè)計(jì)師需要通過(guò)對(duì)物的設(shè)計(jì)來(lái)適應(yīng)以及引導(dǎo)用戶的行為,最終讓用戶通過(guò)物這個(gè)媒介來(lái)完成目標(biāo)。
04 交互設(shè)計(jì)五要素
交互設(shè)計(jì)的基本邏輯是行為邏輯,引用辛向陽(yáng)老師對(duì)于交互設(shè)計(jì)的定義:
用戶在某種特定的場(chǎng)景下通過(guò)媒介的使用行為,來(lái)完成某個(gè)目的。
所以交互的5要素就是用戶、目的、場(chǎng)景、行為、媒介,接下來(lái)為了加深大家對(duì)5要素的理解,我將對(duì)其展開陳述。
4.1 WHO丨用戶
交互設(shè)計(jì)其實(shí)就是用戶的行為設(shè)計(jì),既然是圍繞用戶的行為,那么我們首先得清楚我們的用戶是誰(shuí)。
不同用戶(行業(yè)屬性、地理位置、教育背景、付費(fèi)能力、使用偏好等)使用產(chǎn)品的側(cè)重點(diǎn)可能差異較大甚至截然不同。
在B端產(chǎn)品中針對(duì)同款產(chǎn)品,用戶因?yàn)榻巧牟煌?,在流程中?fù)責(zé)的業(yè)務(wù)模塊、權(quán)限也是不一樣的。針對(duì)不同國(guó)家的人,我們會(huì)有中英文、簡(jiǎn)繁體切換功能。針對(duì)不同年齡段的人,我們會(huì)有常規(guī)閱讀以及無(wú)障礙閱讀不同模式等。
我們只有站在用戶的角度去考慮,才能讓產(chǎn)品的呈現(xiàn)更加貼合用戶的心理預(yù)期。
那么用戶是使用該產(chǎn)品的人么?
不是的!
《俞軍產(chǎn)品方法論》里提到“用戶不是自然人,而是需求的集合?!?/p>
產(chǎn)品只能滿足用戶的部分需求,因?yàn)橛脩粲兄姸嘈枨?,例如完成任?wù)、獲取消息、精神滿足等眾多需求,當(dāng)產(chǎn)品滿足用戶某個(gè)場(chǎng)景某個(gè)具體需求時(shí)才可以說(shuō)該用戶屬于當(dāng)前產(chǎn)品。
4.2 WHY丨目的
用戶的需求的集合,我們做任何事都是需要理由的,例如在B端產(chǎn)品中,不同用戶因?yàn)槠浔澈蟮膷徫宦毮堋徫回?zé)任以及使用預(yù)期都不一樣,所以可能帶著不同的目的來(lái)使用產(chǎn)品。
我們需要對(duì)用戶的目的做一個(gè)明確,只有清楚他的目的,才能根據(jù)使用目的倒推他的行為路徑,根據(jù)優(yōu)先級(jí)合理組織產(chǎn)品內(nèi)的信息呈現(xiàn)。
這其中業(yè)務(wù)的理解對(duì)于我們尤為重要,在B端產(chǎn)品中只有對(duì)業(yè)務(wù)的深入了解,才可以熟悉用戶在當(dāng)前場(chǎng)景中的目的,通過(guò)對(duì)內(nèi)容的預(yù)判,減少用戶的操作時(shí)間。
例如在登錄發(fā)生錯(cuò)誤的時(shí)候我們要及時(shí)的給出解決方案,而不是簡(jiǎn)單的給一個(gè)提示就結(jié)束了,這樣用戶會(huì)不知所措。
在實(shí)際工作中“目的”的說(shuō)明書就是產(chǎn)品說(shuō)明文檔,這里面詳細(xì)介紹了用戶的需求目的以及產(chǎn)品當(dāng)前能提供的功能。產(chǎn)品說(shuō)明書包含了產(chǎn)品概述、流程圖、功能詳情和原型等,有關(guān)這個(gè)我們將在后續(xù)的文章中詳細(xì)展開。
4.3 WHERE/WHEN丨場(chǎng)景
場(chǎng)景有4個(gè)維度:用戶、時(shí)間、地點(diǎn)、任務(wù),即什么人什么時(shí)間在什么地點(diǎn)做什么事情。
場(chǎng)景是一個(gè)很容易被忽視的部分。決定做什么比怎么做更加關(guān)鍵,我們得先確定產(chǎn)品的使用場(chǎng)景,才可以圍繞場(chǎng)景的不同提供不同的解決方案。
在設(shè)計(jì)中我們經(jīng)常使用用戶體驗(yàn)地圖,通過(guò)對(duì)關(guān)鍵場(chǎng)景的描述挖掘痛點(diǎn),尋找設(shè)計(jì)的機(jī)會(huì)點(diǎn)。
在設(shè)計(jì)中對(duì)場(chǎng)景的分析可以幫助我們更好的理解用戶,洞察他的底層需求,進(jìn)而與用戶達(dá)到共情。
4.4 WOW丨行為
雖然行為對(duì)于用戶而言是最后一步,但從我們?cè)O(shè)計(jì)角度可以把行為放在媒介前,納入我們的預(yù)先思考的范疇。我們可以判斷用戶有哪些行為,再圍繞這些行為提供不同的媒介。
行為分為微觀行為以及宏觀行為。
微觀層面的行為主要為提升操作效率的感知層面。交互設(shè)計(jì)的對(duì)象就是用戶的行為,行為的設(shè)計(jì)必須要符合用戶預(yù)期,讓用戶低成本的完成行為操作。
例如當(dāng)前項(xiàng)需要用戶從6個(gè)字段中選擇一個(gè)即可,那我們則可以提供選擇器供用戶使用。如果當(dāng)前項(xiàng)需要用戶在兩個(gè)條件中2選一,那我們提供兩個(gè)單選即可。
行為的設(shè)計(jì)有著眾多理論支撐,例如尼爾森可用性原則、格式塔原理、交互設(shè)計(jì)7大定律等。通過(guò)這些感知層面的行為設(shè)計(jì)提升用戶的任務(wù)的完成率。
宏觀層面的行為主要偏向于用戶的認(rèn)知層面,指的是用戶的行為特征,使用喜好等用戶習(xí)慣行為。對(duì)宏觀層面行為的研究也是交互與視覺(jué)之間最明顯的區(qū)分。
4.5 WHAT丨媒介
媒介指的是人與物之間產(chǎn)生聯(lián)系或者發(fā)生關(guān)系的物質(zhì),按照常規(guī)做法可以理解為產(chǎn)品,指企業(yè)主要通過(guò)什么軟硬件去完成用戶的目的。我們常見(jiàn)的網(wǎng)頁(yè)、小程序、App、海報(bào)、電腦、手機(jī)、Pad等都是媒介。不同的媒介(產(chǎn)品)差異較大,我們需要根據(jù)當(dāng)前的場(chǎng)景以及業(yè)務(wù)類型選擇合適的媒介(產(chǎn)品)。
例如我想提交一個(gè)請(qǐng)假流程,這時(shí)電腦內(nèi)的OA系統(tǒng)則是一個(gè)合適的媒介(產(chǎn)品)。
公司做出來(lái)的這個(gè)媒介(產(chǎn)品)做出來(lái)是服務(wù)用戶的,換句話而言,是要滿足用戶的特定需求,用戶通過(guò)當(dāng)前媒介(產(chǎn)品)感知到對(duì)自己的價(jià)值。
對(duì)媒介(產(chǎn)品)的設(shè)計(jì)要依據(jù)具體的任務(wù)流程合理性和用戶體驗(yàn)的研究,把它的影響消除到最小,讓人在完成任務(wù)的同時(shí)忽略它的存在,促使執(zhí)行上的成本盡可能的降低。
05 寫在最后
交互設(shè)計(jì)本質(zhì)上就是圍繞用戶的行為設(shè)計(jì),在真實(shí)的設(shè)計(jì)場(chǎng)景中我們需要從用戶心理、認(rèn)知和行為等角度開始設(shè)計(jì),建立符合人的認(rèn)知與行為習(xí)慣的行為邏輯。
行為邏輯的呈現(xiàn)并不是通過(guò)某種策略去安排不同行為之間的聯(lián)系,而是引導(dǎo)我們?cè)谠O(shè)計(jì)的時(shí)候把用戶的行為作為我們?cè)O(shè)計(jì)的出發(fā)點(diǎn),把用戶體驗(yàn)引入產(chǎn)品設(shè)計(jì)的評(píng)價(jià)標(biāo)準(zhǔn)。
以上就是我們對(duì)初步理解,感興趣的同學(xué)歡迎加微一起交流探討。
本文由@江鳥的設(shè)計(jì)生活 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自 Unsplash,基于 CC0 協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
通俗易懂