智能場(chǎng)景設(shè)計(jì):深入場(chǎng)景和意圖的體驗(yàn)設(shè)計(jì)

5 評(píng)論 16621 瀏覽 99 收藏 11 分鐘

“hey各位!我們要開始做一件重要的事了!”陳老濕已經(jīng)走到我們的工位前,興致昂揚(yáng)地說道,“競(jìng)對(duì)已經(jīng)上線了類似的功能,我們得抓緊了。上海那邊出了方案,看,在這里!”

陳老濕在他的電腦上打開一張圖片,是點(diǎn)評(píng)的首頁(yè),不過這跟平時(shí)我們看的不太一樣,頁(yè)面中部那塊顯眼的位置多了一個(gè)我們誰也沒見過的模塊。

誰也沒見過的模塊

(誰也沒見過的模塊)

“我們給這個(gè)東西已經(jīng)想好了名字,叫智能場(chǎng)景。”“智能場(chǎng)景?”顯然我們對(duì)這個(gè)高逼格的名字很是感興趣,接下來的30分鐘我們聚精會(huì)神地聽著陳老濕描述這個(gè)需求的前因后果。

“既然這樣,我們借鑒一下上海同事的方案,快速上線吧!”我調(diào)侃道,陳老濕聽出我的幽默,微笑著:“用現(xiàn)有方案也沒問題,不過我們看看還能不能做的更好一些,至少這個(gè)方案已經(jīng)比競(jìng)對(duì)要好了?!?/p>

陳老濕掏出手機(jī),給我們看了競(jìng)對(duì)的一張截圖。確實(shí),當(dāng)我們找到這個(gè)模塊時(shí)就覺得這實(shí)在太不顯眼了,乍一看以為是一個(gè)通知提示。

不太明顯的模塊

(不太明顯的模塊)

“我們的時(shí)間不多了,大家盡快開始設(shè)計(jì)吧!”陳老濕丟下難題后,還不忘給我們絮叨一聲。

那么,到底什么是智能場(chǎng)景呢?

首先,這里面有兩個(gè)概念:智能和場(chǎng)景。

先說場(chǎng)景,我們的產(chǎn)品是連接線上線下的生活服務(wù)app。一些典型的場(chǎng)景有:

  • 在線下餐廳里,消費(fèi)后買單,打開app直接輸入金額買單或者出示事先團(tuán)好的團(tuán)購(gòu)券;
  • 在線下商場(chǎng)里,打開app查看所處商場(chǎng)的一些促銷優(yōu)惠;
  • 在線下影院里,打開app掃碼或輸碼來取票;
  • 在線下辦公室,打開app關(guān)注一下剛訂的外賣的進(jìn)展;

針對(duì)這些典型場(chǎng)景,我們通過一種方式來體現(xiàn)“智能”。試想一下,當(dāng)你吃完飯要買單,打開app就可以直接進(jìn)行買單,不用再花時(shí)間去找商家;當(dāng)你的電影快開場(chǎng)了,打開app就可以掃碼取票,不用再花時(shí)間去找訂單,等等??偨Y(jié)一下,就是基于用戶場(chǎng)景的判斷,明確知道用戶接下來的意圖,然后將行動(dòng)前置,縮短關(guān)鍵路徑。

這聽起來很棒,不過這都是怎么實(shí)現(xiàn)的呢?我向陳老濕了解到現(xiàn)在的技術(shù)方案:如果你連了商家的WiFi,那么通過WiFi指紋就能判斷你就在某個(gè)商家的店里;如果你的手機(jī)打開了GPS,那么通過定位就能判斷你在某個(gè)購(gòu)物中心里;如果你買的影片快開場(chǎng)了,那么通過定位和影片的開場(chǎng)時(shí)間就能判斷你在影院里,并且即將要去取票。

it’s cool!這確實(shí)讓人覺得智能!

挑戰(zhàn)開始了

智能場(chǎng)景很依賴技術(shù)實(shí)現(xiàn),競(jìng)爭(zhēng)對(duì)手在技術(shù)開拓性上的優(yōu)勢(shì)使得這個(gè)功能已經(jīng)上線,并且因?yàn)榘姹镜闹芷谛?,等到我們發(fā)版上線,他們的在線時(shí)長(zhǎng)帶來的數(shù)據(jù)反饋和多次的迭代更新都會(huì)形成一定程度的領(lǐng)先。因此我們必須在最短的時(shí)間內(nèi)完成設(shè)計(jì),并且要優(yōu)于競(jìng)對(duì)的方案。

即使如此,還要突破現(xiàn)有方案。

挑戰(zhàn)開始了!

考慮體驗(yàn)設(shè)計(jì)

首先,我們意識(shí)到,智能場(chǎng)景將成為用戶從線下場(chǎng)景移動(dòng)到線上行為的首要接觸點(diǎn),我們的設(shè)計(jì)重點(diǎn)不在于信息和流程,而是圍繞用戶的意圖和行為,去設(shè)計(jì)能夠影響用戶行為的體驗(yàn),形成新的認(rèn)知和粘性,這是這次體驗(yàn)設(shè)計(jì)的最終目標(biāo)。

符合平臺(tái)特點(diǎn)

首先作為平臺(tái)設(shè)計(jì)師,我需要宏觀地去考慮設(shè)計(jì)模式。我們的場(chǎng)景模塊覆蓋很多個(gè)業(yè)務(wù),餐飲、購(gòu)物中心、電影、外賣,未來還會(huì)有酒店、旅游等等,因此作為一個(gè)平臺(tái)的模塊,我們需要考慮兼容性和拓展性。

“我們要加個(gè)信息,讓用戶直觀地了解這個(gè)模塊是什么場(chǎng)景,比如電影場(chǎng)景就要有電影的標(biāo)識(shí)。”“那我們就加個(gè)文字標(biāo)簽吧,放在圖片上,不突兀也不會(huì)太隱晦?!薄班?!我們想到一塊兒了!”

這個(gè)改動(dòng)很小,但能帶來不少價(jià)值,沒有什么能比文字解釋得更清楚了!我們的方案在朝著更好更適合產(chǎn)品的方向前進(jìn)著。

電影場(chǎng)景模塊

(電影場(chǎng)景模塊)

看起來更智能

“一波,你取電影票是掃碼多還是輸碼多?”我想從一波那兒證實(shí)自己的想法。

“能掃碼當(dāng)然掃碼啊。”

果然是這樣,“既然如此,那我們?yōu)楹尾话讯S碼放出來呢?”

當(dāng)然,頁(yè)面空間有限,不能把那么大的二維碼直接放出來,但可以放出一個(gè)按鈕,點(diǎn)擊后彈出二維碼。雖然原先到二維碼頁(yè)面的路徑和這個(gè)相比是一樣長(zhǎng)的,但這看起來智能多了!我有些小興奮,因?yàn)檫@意味著我們開始有了突破。

取票彈窗

(取票彈窗)

被用戶期待的

在我思考場(chǎng)景模塊帶來的用戶認(rèn)知的問題時(shí),出現(xiàn)了一個(gè)難題。

因?yàn)橐恍﹫?chǎng)景的觸發(fā)條件還比較唯一或者具有邊緣性,例如身邊商家的觸發(fā)條件是連接該商家的wifi,購(gòu)物中心的觸發(fā)條件是距離小于500米,但這些觸發(fā)條件并不會(huì)形成用戶認(rèn)知,用戶看到該模塊會(huì)覺得很方便,但什么情況下才會(huì)出現(xiàn)并不會(huì)去關(guān)心。

因此會(huì)存在不少這樣的情況,用戶下次身處同樣的場(chǎng)景,卻沒有出現(xiàn)該模塊,可能因?yàn)橛脩魶]有連wifi也可能定位服務(wù)沒有打開,有的用戶就會(huì)困惑:“我記得上次來這家店的時(shí)候首頁(yè)是有這個(gè)(智能場(chǎng)景)的,怎么今天沒有?”

嗯,這是一個(gè)問題,也是一個(gè)機(jī)會(huì)。

我想到《人機(jī)交互》里有個(gè)概念叫意圖圖譜,作者舉了一個(gè)例子很有趣:晚上回家進(jìn)屋后為了照明,按下電燈開關(guān),燈亮了;有次一進(jìn)屋燈亮起來了,之后走進(jìn)屋就期待著燈亮起來,然而這時(shí)候空調(diào)也開始增溫了??照{(diào)增溫不在我的意圖內(nèi),這是附帶的,而一旦被我感知到,就會(huì)像燈一樣,被我期待。期待燈亮起來是一種期待的意圖。

我們要讓智能場(chǎng)景成為被用戶期待的。

如何做到被用戶期待呢?

燈被期待亮起來是因?yàn)槲抑牢疫M(jìn)屋它就會(huì)亮,也就是我知道了觸發(fā)條件是什么,不管它準(zhǔn)不準(zhǔn)確。同理,我們要把智能場(chǎng)景的觸發(fā)條件耳濡目染地傳達(dá)給用戶,不需要用戶理解,只需要在他們記憶的土壤上插上一面小旗子。

觸發(fā)條件這個(gè)信息放在哪里最好呢?這個(gè)位置一定要結(jié)合所有場(chǎng)景,具備一致性并且位置固定,不搶重點(diǎn),待在那兒靜靜地提醒著用戶就行。我和一波討論后達(dá)成一致,將右上角那塊區(qū)域單獨(dú)拿出來承載這個(gè)使命。

買單場(chǎng)景

(買單場(chǎng)景)

購(gòu)物中心場(chǎng)景

(購(gòu)物中心場(chǎng)景)

我們對(duì)細(xì)節(jié)的斟酌和體驗(yàn)的思考讓我相信智能場(chǎng)景會(huì)像燈一樣,在用戶需要時(shí),被用戶期待并且出現(xiàn),這是體驗(yàn)設(shè)計(jì)的魅力。

不負(fù)眾望

“hey,我們上線一周后的數(shù)據(jù)出來了,數(shù)據(jù)表現(xiàn)非常好!”陳老濕跑過來向我們發(fā)出喜報(bào),我和一波也很興奮,畢竟15%的點(diǎn)擊率和22.3%的訪購(gòu)率確實(shí)很好看,我們的努力發(fā)揮了價(jià)值。當(dāng)然數(shù)據(jù)表現(xiàn)只是外在的反饋,智能場(chǎng)景帶來的用戶認(rèn)知的深刻性和用戶體驗(yàn)的影響力,相信會(huì)路遙知馬力。

智能場(chǎng)景1.0項(xiàng)目過去一段時(shí)間后,我寫下了這篇文章來總結(jié)我對(duì)這次項(xiàng)目的思考和心得。我找到產(chǎn)品功能和用戶認(rèn)知的交叉點(diǎn),并從這個(gè)獨(dú)特的角度——意圖,表達(dá)了我對(duì)體驗(yàn)設(shè)計(jì)的理解。

現(xiàn)在,我在做一個(gè)同樣充滿挑戰(zhàn)和創(chuàng)造性的產(chǎn)品,期待著我能夠從中學(xué)習(xí)和領(lǐng)悟更多對(duì)體驗(yàn)設(shè)計(jì)的理解。屆時(shí)也與大家一起分享和探討。

 

作者:王文?。ㄎ⑿盘?hào):wwjseek),美團(tuán)大眾點(diǎn)評(píng)|交互設(shè)計(jì)師

本文由 @王文俊 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. wifi怎么判斷的呢?

    來自廣東 回復(fù)
  2. 你好,我是出版編輯王蕾,想和您約下稿,方便可以加下我微信18211086848 ??

    來自北京 回復(fù)
  3. 文俊童鞋很實(shí)在啊 哈哈

    回復(fù)
  4. 文俊童鞋很實(shí)在啊 哈哈

    回復(fù)
  5. 不錯(cuò),很有啟發(fā)性!

    來自北京 回復(fù)