前言
pro·ac·tive
/prō?aktiv/? adj.
(of a person, policy, or action) creating or controlling a situation by causing something to happen rather than responding to it after it has happened. 指(人或政策)積極主動(dòng)的;主動(dòng)出擊的;先發(fā)制人的
來自牛津詞典
正文
????????“人工智能”、“更聰明、更懂用戶的產(chǎn)品”等等這些詞匯與表述,已然成為我們進(jìn)入數(shù)字化時(shí)代以來的Hashtag,而相信不少人也發(fā)現(xiàn),當(dāng)提到智能-Intelligent時(shí),有個(gè)詞往往會(huì)與之一同出現(xiàn),那就是“Proactive”。除去前言中該詞的基本釋義,我們?cè)撊绾螐脑O(shè)計(jì)的角度去理解它的定義,它在所謂的智能產(chǎn)品中起到什么樣的作用,以及作為設(shè)計(jì)者該如何設(shè)計(jì)出“Proactive”的產(chǎn)品等等,接下來我們一同來試著解答這些問題。
一 . 淺聊“Proactive”在設(shè)計(jì)范疇的釋義
????????要理解到底什么是“Proactive”之前,我們有必要先從另一個(gè)詞開始講起 —— “Reactive”。
????????我們知道,用戶和產(chǎn)品之間的交互有個(gè)基本的邏輯關(guān)系:用戶(User)在某種特定場(chǎng)景(Context)下通過媒介(Media)的使用行為(Action)來完成某個(gè)目的(Purpose)。其中用戶、場(chǎng)景、媒介、行為、目的也被稱為交互設(shè)計(jì)中的五個(gè)基本要素,分別用來定義who、where&when、what、how以及why。而在這組關(guān)系中,用戶和媒介通常扮演著一組交互對(duì)象中的主體(Subject)和客體(Object),主體向客體作行為輸入(其實(shí)也就是需求輸入),對(duì)應(yīng)地,客體向主體作反饋輸出(來響應(yīng)這個(gè)需求),如圖所示。
????????需要指出的是,基于這層基礎(chǔ)理論所反映出來的、也是大多時(shí)候我們所討論的,其實(shí)是一種“被動(dòng)響應(yīng)式的交互方式“(Reactive Interaction),是常規(guī)、基礎(chǔ)、機(jī)械的交互方式:在當(dāng)前場(chǎng)景下,用戶產(chǎn)生一個(gè)需求(也就是目的),然后通過行為向媒介輸入需求,媒介被動(dòng)響應(yīng)給予輸出反饋,在完成這一閉環(huán)后,到下一個(gè)場(chǎng)景出現(xiàn)時(shí),再進(jìn)行下一個(gè)階段的用戶主動(dòng)輸入、媒介被動(dòng)響應(yīng)的交互過程,一環(huán)環(huán)直到達(dá)成用戶的最終目的。這是一種僅聚焦同一獨(dú)立場(chǎng)景維度,且線性閉合的交互設(shè)計(jì)思維,如下圖所示。
????????我們通過一個(gè)簡(jiǎn)單的例子來解釋下,想象一個(gè)用戶他要完成用耳機(jī)來聽他手機(jī)中的歌曲這個(gè)任務(wù),假設(shè)手機(jī)是iPhone,且搭載的系統(tǒng)還是iOS 8。基本上要完成這個(gè)總的任務(wù),用戶需要和他的手機(jī)發(fā)生三段子交互關(guān)系,三個(gè)子場(chǎng)景、三個(gè)子需求, 三個(gè)子行為,我們通過下圖來分析下:
????????第一階段的子交互關(guān)系:第一個(gè)場(chǎng)景,用戶首先要達(dá)成的目的(P1)是事先做好自己一個(gè)人才能聽到音樂的私密聽覺空間的準(zhǔn)備,帶著這個(gè)子需求,用戶將耳機(jī)線插入對(duì)應(yīng)的手機(jī)耳機(jī)孔(A1),此時(shí)的媒介,也就是用戶交互的客體對(duì)象是他手中的這臺(tái)硬件設(shè)備以及他的耳機(jī)(M1),用戶完成插入耳機(jī)的動(dòng)作后,進(jìn)入下一階段;
????????第二階段的子交互關(guān)系:第二個(gè)場(chǎng)景,用戶其次要達(dá)成的目的(P2)是在繁雜的手機(jī)應(yīng)用中找到合適的音樂播放應(yīng)用,帶著這個(gè)子需求,用戶在手機(jī)系統(tǒng)界面環(huán)境下進(jìn)行滑屏、搜索等動(dòng)作來找到那個(gè)音樂應(yīng)用(A2),此時(shí)的媒介是這臺(tái)手機(jī)的系統(tǒng)操作界面(M2),用戶找到音樂應(yīng)用后,進(jìn)入下一階段;
????????第三階段的子交互關(guān)系:第三個(gè)場(chǎng)景,用戶再來要達(dá)成的目的(P3)是進(jìn)入到那個(gè)音樂應(yīng)用里,挑選到自己接下來想要聽的歌曲,帶著這子需求,用戶打開那個(gè)音樂應(yīng)用,并通過一系列那個(gè)應(yīng)用內(nèi)特定的交互流程找到歌曲,點(diǎn)擊播放(A3),此時(shí)的媒介是這個(gè)音樂應(yīng)用(M3),用戶開始播放音樂后,最終達(dá)成“用耳機(jī)來聽他手機(jī)中的歌曲”的終極目的。
????????通過上述的分析和描述,我們大致可以理解“被動(dòng)響應(yīng)式的交互方式”這種”等著用戶來操作”的機(jī)械機(jī)制,即“被動(dòng)響應(yīng)式 → 機(jī)械式交互”,Reactive → Mechanical,好,接著我們來看另一種機(jī)制。
????????互聯(lián)網(wǎng)應(yīng)用、人工智能語言助手、智能汽車、物聯(lián)家電等等,在層出不窮的智能產(chǎn)品體系中,我們發(fā)現(xiàn)除了常規(guī)的被動(dòng)響應(yīng)式交互之外,還有種交互機(jī)制,且正是這種機(jī)制的存在使這些產(chǎn)品能冠以“智能”之名:
????????它是跨場(chǎng)景維度的,非線性且開放的交互設(shè)計(jì)思維,與被動(dòng)響應(yīng)式交互中用戶主動(dòng)輸入、媒介被動(dòng)輸出的機(jī)制所不同的是,主客體I/O的交互次序發(fā)生了顛倒和置換,也就是媒介提前向用戶提供了需求輸出,預(yù)判甚至創(chuàng)造了用戶下一步可能的需求和行為,且媒介的輸出源(Source of output ),往往不是用戶當(dāng)前場(chǎng)景的行為輸入,(1)可能是用戶在先前場(chǎng)景中(甚至另一個(gè)場(chǎng)景)的間接行為輸入,(2)更有可能不是來自于用戶的行為輸入,而是采集于某個(gè)場(chǎng)景、某個(gè)環(huán)境、某個(gè)其他用戶等其他元素的變量輸入,不管是哪種,有趣的是,這個(gè)提前出現(xiàn)的需求輸出通常會(huì)在下一個(gè)時(shí)間點(diǎn)或場(chǎng)景出現(xiàn)的時(shí)候,提前幫用戶達(dá)成那個(gè)場(chǎng)景下的目的。我們將這種交互機(jī)制稱為“主動(dòng)前攝性的交互方式”(Proactive Interaction),如下圖所示。
????????我們還是通過用戶用耳機(jī)聽手機(jī)音樂的這個(gè)例子來解釋下:假設(shè)用戶的步驟還是按照“插入耳機(jī),找到應(yīng)用,播放歌曲”這三個(gè)子需求走,但與之前不同的是,用戶這次的這臺(tái)iPhone手機(jī)搭載的是iOS 9,在該系統(tǒng)下當(dāng)用戶在鎖屏狀態(tài)下插入耳機(jī),鎖屏界面隨即喚起默認(rèn)音樂應(yīng)用播放界面,用戶直接可以進(jìn)入挑選歌曲并播放音樂的階段,如下左圖所示,如果在多應(yīng)用切換場(chǎng)景下判斷到處于耳機(jī)模式,iOS 11也會(huì)如下右圖所示,提供一個(gè)默認(rèn)音樂應(yīng)用的快捷入口。
????????好,我們現(xiàn)在抽象來看,這次用戶只需要和他的手機(jī)發(fā)生兩段子交互關(guān)系,兩個(gè)子場(chǎng)景、兩個(gè)子需求, 兩個(gè)子行為,就能夠達(dá)成用戶的總目的,我們通過下圖來分析下:
????????第一階段的子交互關(guān)系:同之前的一樣,用戶首先要達(dá)成的目的(P1)是事先做好自己一個(gè)人才能聽到音樂的私密聽覺空間的準(zhǔn)備,帶著這個(gè)子需求,用戶將耳機(jī)線插入對(duì)應(yīng)的手機(jī)耳機(jī)孔(A1),但此時(shí)的媒介,也就是這臺(tái)搭載iOS9的手機(jī)硬件(M1),將當(dāng)前場(chǎng)景下用戶插入耳機(jī)這一行為輸入進(jìn)行了分析和解讀,預(yù)判用戶下一個(gè)場(chǎng)景是要找到音樂播放應(yīng)用,而這一操作實(shí)際是為了再下一個(gè)場(chǎng)景在那個(gè)應(yīng)用里選歌收聽的,在后臺(tái)(Backstage)完成這一連串的“思考”后,手機(jī)硬件(M1)作為當(dāng)前場(chǎng)景被輸入的對(duì)象,不但常規(guī)地、響應(yīng)地向當(dāng)前場(chǎng)景的用戶輸出了硬件體感上的反饋,同時(shí)向手機(jī)內(nèi)的默認(rèn)音樂應(yīng)用(M2)輸出了在下一場(chǎng)景直接喚起的需求指令;
????????第二階段的子交互關(guān)系:剛完成第一階段子交互的用戶此時(shí)反而被動(dòng)地接受到“鎖屏界面中直接喚起的音樂應(yīng)用播放界面(M2)”的信息輸入,超出預(yù)期(原來必須經(jīng)歷的第二階段需求)的直接進(jìn)入挑選并播放歌曲的需求場(chǎng)景(P2),帶著這個(gè)子需求,用戶直接在鎖屏場(chǎng)景下,通過一系列特定的交互流程確定歌曲,點(diǎn)擊播放(A2),最終達(dá)成“用耳機(jī)來聽他手機(jī)中的歌曲”的終極目的。
????????圖中那條跨場(chǎng)景、串聯(lián)起媒介間的輸出流(那條水平箭頭),筆者管它叫“決策捷徑(或決策蟲洞)”, 這條捷徑(蟲洞)除了表面上縮短了用戶行為路徑之外,更重要的一個(gè)特征就是捷徑(蟲洞)始末,主客體的輸入輸出關(guān)系發(fā)生顛倒置換,始端主體向客體主動(dòng)輸入,末端則是客體向主體主動(dòng)輸入。
????????通過上述的分析和描述,我們大致可以理解“主動(dòng)前攝性的交互方式”這種”預(yù)判用戶需求”的智能機(jī)制,即“主動(dòng)前攝性 → 智能式交互”,Proactive → Intelligent。
????????如果看到這里,還是覺得略顯晦澀難懂的話,那我們來舉一個(gè)最簡(jiǎn)單的例子:“Reactive”好比是天黑了,用戶走進(jìn)自己的房間,要找燈的開關(guān)在哪里,找到了才能打開燈,這種燈我們叫它“蠟燭,不點(diǎn)不亮”(“蠟燭”在滬語中用來形容一個(gè)人處事被動(dòng)、不積極、被推著才能往前走);相反呢,燈知道天黑了,用戶馬上要進(jìn)房間了,燈自己就亮了,甚至都不用用戶去找、再開,這叫“Proactive”,其實(shí)“Proactive”一詞最早就是用來描述人的心理和處事觀念的,描述為人的一種自發(fā)的、自驅(qū)動(dòng)的、積極主動(dòng)的、未雨綢繆的態(tài)度。
二. 主動(dòng)前攝性設(shè)計(jì)機(jī)制的主要作用和應(yīng)用場(chǎng)景
????????具備“Proactive”特質(zhì)的產(chǎn)品案例有很多,比如沃爾沃自主巡航系統(tǒng)(Volvo Autopilot Assist)在即將結(jié)束高速公路路段、進(jìn)入城市緩行路段前,主動(dòng)提示駕駛者從自動(dòng)駕駛模式切換回手動(dòng)駕駛模式,如下圖1所示; 基于AI底層技術(shù)“Adobe Sensei”,Adobe Analytics能夠采集到客戶在使用線上產(chǎn)品時(shí)發(fā)生的任何異常操作行為,并能解釋這種行為帶來的市場(chǎng)影響變化,主動(dòng)反饋給市場(chǎng)部或產(chǎn)品開發(fā)者;iOS9系統(tǒng)能將用戶收到的會(huì)議邀請(qǐng)郵件,自動(dòng)加入日歷行程中,并在出發(fā)前,根據(jù)用戶可能的出行路線及對(duì)應(yīng)的實(shí)時(shí)路況綜合判斷,給出合適的出發(fā)時(shí)間提醒,如下圖2所示,等等。
????????我們仔細(xì)觀察不難歸納,這種前攝性設(shè)計(jì)機(jī)制應(yīng)用到產(chǎn)品中主要出于以下兩個(gè)目的:(1)避險(xiǎn) Risk Prevention;(2)連接 Seamless Connection。方才所舉的iOS 9提醒會(huì)議出發(fā)時(shí)間的案例就是屬于避險(xiǎn),避開正常出發(fā)而遭遇下班高峰路況擁堵、從而遲到會(huì)議的風(fēng)險(xiǎn)。關(guān)于“連接”,這里根據(jù)需求場(chǎng)景可以繼續(xù)展開為:
? ??????a. 單一需求場(chǎng)景下,閉合環(huán)境內(nèi)的行為連接,為了使用戶更高效地達(dá)成這個(gè)單一需求。比如線上購物,用戶帶著相對(duì)單一的“購物”需求,與一個(gè)線上購物應(yīng)用在相對(duì)封閉的環(huán)境中進(jìn)行交互,這個(gè)應(yīng)用能用來“預(yù)判用戶購物需求、連接用戶行為“的依據(jù)基本來源于這個(gè)應(yīng)用環(huán)境內(nèi)用戶留下的行為痕跡或信息數(shù)據(jù),如果我們給這個(gè)負(fù)責(zé)”連接“的智能媒介描繪一個(gè)形象,它就像是Amazon app中的Alexa,在購物這個(gè)單一需求場(chǎng)景下,它能聰明且主動(dòng)地幫你相對(duì)快速地達(dá)成自己的需求(當(dāng)然Alexa是跨場(chǎng)景的生活助手,我們這里特指它在Amazon購物應(yīng)用中的角色);
? ??????b. 復(fù)合需求場(chǎng)景下,開放環(huán)境間的行為連接,為了使用戶順暢無縫地串聯(lián)起生活中的每個(gè)需求。比如駕車回家中在中控屏上收到“是否要提前打開家中空調(diào)”,或在線上點(diǎn)餐中收到“基于您上周的體檢報(bào)告為您推薦以下菜譜”等等,這種情況下,媒介的“主動(dòng)性”除了基于單一場(chǎng)景、封閉交互環(huán)境下的用戶輸入之外,更多地通過跨場(chǎng)景的用戶行為痕跡或環(huán)境變量為當(dāng)前場(chǎng)景下的用戶提供決策捷徑,當(dāng)然這需要更為龐大交織的產(chǎn)品體系和云端支持。
三. 聊下主動(dòng)前攝性設(shè)計(jì)機(jī)制的設(shè)計(jì)方法
????????其實(shí),主動(dòng)前攝性設(shè)計(jì)機(jī)制就好比是始終流淌在媒介后臺(tái)的水(A stream flows on the backstage),隱形卻又無處不在,當(dāng)合時(shí)機(jī)時(shí),它會(huì)以某種形式進(jìn)入你所在的場(chǎng)景A,來主動(dòng)提示、引導(dǎo)(連接作用)、抑或是強(qiáng)制中斷你的場(chǎng)景A行為(避險(xiǎn)作用),進(jìn)入場(chǎng)景B。
????????那有同學(xué)就要問了,我應(yīng)該怎么在設(shè)計(jì)中實(shí)現(xiàn)這種主動(dòng)性呢,實(shí)際上,這里我們只需要將上面這段話解構(gòu)成幾個(gè)獨(dú)立的問題,并一一解答,應(yīng)該就能大抵掌握一些“Proactive interaction design”的思路了。
? ??????(1)為什么出現(xiàn)、為了連接還是避險(xiǎn):洞察用戶現(xiàn)有行為背后的目的,去發(fā)現(xiàn)達(dá)成這個(gè)目的的現(xiàn)有鏈路上存在哪些斷點(diǎn)或可能導(dǎo)致失敗的風(fēng)險(xiǎn)點(diǎn);
? ??????(2)出現(xiàn)什么:需要主動(dòng)輸入給用戶什么信息點(diǎn)或行動(dòng)點(diǎn),來連接這些斷點(diǎn)或提前避免風(fēng)險(xiǎn);
? ??????(3)什么時(shí)候出現(xiàn):設(shè)定好觸發(fā)條件或判斷邏輯,如當(dāng)用戶做了哪個(gè)行為或環(huán)境發(fā)生哪些變化,則觸發(fā)主動(dòng)輸入;
? ??????(4)以什么形式出現(xiàn):按照連接或避險(xiǎn)的目的,判斷前置信息點(diǎn)或行動(dòng)點(diǎn)在當(dāng)前場(chǎng)景下引導(dǎo)或干擾用戶程度的優(yōu)先級(jí),以及當(dāng)前場(chǎng)景的特征,來選擇合適的出現(xiàn)形態(tài)。
????????好,我們來通過實(shí)際小案例來過一遍這個(gè)方法流程。
????????假設(shè)今天我們要優(yōu)化一下消費(fèi)者在一個(gè)電商App中的購物流程體驗(yàn),在萬千購物路徑中,我們挑選這樣一條路徑來分析:以用戶進(jìn)入App首頁為起點(diǎn),以用戶下單為終點(diǎn),用戶首先通過搜索進(jìn)入A商品詳情頁,然后用戶會(huì)通過A商品詳情頁的店鋪入口進(jìn)入A商品所屬的品牌店鋪,最后在店鋪內(nèi)的某個(gè)商品詳情頁完成成交。
????????(1)首先,我們要分析這種購物路徑背后反映的用戶目的是什么,其實(shí)有兩種目的,第一種是用戶對(duì)A商品感興趣,他通過進(jìn)品牌店鋪,是想看該品牌更多相似的A商品,第二種是用戶對(duì)A商品的所反映出來的調(diào)性(品牌)感興趣,他通過進(jìn)品牌店鋪,是想看該品牌更多的其他商品。好,我們就主要看第一種目的,現(xiàn)有的路徑中存在哪些斷點(diǎn),用戶為了在店鋪內(nèi)看更多相似的A商品,他進(jìn)入店鋪后通常主動(dòng)通過寶貝分類(或搜索)來查找選擇到更多A類商品,那這個(gè)地方就是我們說的斷點(diǎn) —— 用戶從一個(gè)商品詳情頁到店鋪里查看更多同類商品的路徑太長(zhǎng),且跳轉(zhuǎn)到店鋪頁時(shí)出現(xiàn)斷點(diǎn),如下圖所示;
????????(2)如何讓用戶有一個(gè)更便捷的查看更多A類商品的渠道或連接點(diǎn),所以我們要做的就是當(dāng)用戶從A商品詳情頁進(jìn)入店鋪,能夠自動(dòng)篩選出店鋪中所有A類商品,并主動(dòng)提供一個(gè)查看的快捷入口,這就是解答了要出現(xiàn)什么;
????????(3)顯然不是偶然的一次從A商品詳情進(jìn)入店鋪,就必須出現(xiàn)這樣一個(gè)快捷入口,這就需要我們給出一個(gè)判斷邏輯,比如我們監(jiān)測(cè)到用戶之前多次瀏覽過A類商品,那也許我們可以給出一個(gè)條件,頻次、次數(shù)等等,來作為何時(shí)需要觸發(fā)這個(gè)入口連接點(diǎn)的依據(jù);
????????(4)最后我們來確定這個(gè)入口的具體形式,是Dialoge、poplayer還是其他?那我們考慮到用戶進(jìn)店的另一個(gè)目的,有可能進(jìn)店是逛其他商品或了解品牌的,并不是要看更多A類商品,同時(shí)又要在不干擾逛店主鏈路的基礎(chǔ)上有提示引導(dǎo),最后采用了Snack bar的形式,在用戶進(jìn)店后顯示并主動(dòng)提示用戶去查看更多A相似商品,如下圖所示。
????????案例雖小,但現(xiàn)在我們能感知到Proactive interaction design的核心還是盡可能去洞悉用戶行為背后的目的,及環(huán)境變化給用戶行為帶來的影響,去發(fā)現(xiàn)現(xiàn)在行為鏈路中不必要的環(huán)節(jié)把它去掉,或者在不破壞常規(guī)鏈路的基礎(chǔ)上,把某些需求場(chǎng)景前置來讓用戶無意識(shí)地縮短自己的行為或決策路徑,這也許才能讓人說出那句“哇,這產(chǎn)品真聰明,它怎么知道我要什么”的驚嘆吧。
寫在最后
????????當(dāng)然我們還是要講,大數(shù)據(jù)采集、計(jì)算、學(xué)習(xí)、分析、預(yù)判能力是實(shí)現(xiàn)產(chǎn)品“Proactive”的保障,是這些技術(shù)提供了“監(jiān)測(cè)行為或環(huán)境變量、預(yù)測(cè)用戶下一步需求”的可能性,但真正要在產(chǎn)品實(shí)際使用中發(fā)揮它的效能,“設(shè)計(jì)”必然是不可或缺的源動(dòng)力。
????????前兩天清明放假重溫了遍電影《布達(dá)佩斯大飯店》,其中有這么一段M. Gustave向Zero訓(xùn)導(dǎo)門童的定義(Lobby boy):
What is a lobby boy?
門童是什么?
A lobby boy is completely invisible, yet always in sight.
門童是隱形的,但隨傳隨到。
A lobby boy remembers what people hate.
門童會(huì)記得客人討厭什么。
A lobby boy anticipates the clients’ needs before the needs are needed…
門童能比客人還早一步知道客人需要什么…
????????我只想說:What a proactive lobby boy!
????????*以上所有見解及觀點(diǎn),皆是筆者根據(jù)自身設(shè)計(jì)認(rèn)知和經(jīng)驗(yàn)總結(jié)所得,僅供參考,如有理解出入或偏頗之處,還望請(qǐng)指正交流!