年會設(shè)計:服務(wù)設(shè)計思維的實際應(yīng)用
年末將至,各家公司都陸續(xù)展開了年會的策劃與部署,那么如何做出一場別具一格的年會呢?如何利用服務(wù)設(shè)計思維讓年會設(shè)計錦上添花呢?本文將為你帶來思考與啟發(fā)。
又到年底,你們公司開始準備年會了嗎?
作為公司專職的海外業(yè)務(wù)先鋒團隊和對外展示的重要窗口,國際業(yè)務(wù)部年會的亮點是人臉識別簽到。產(chǎn)品需求是:簽到系統(tǒng)分場內(nèi)和場外兩端,場外用攝像頭捕捉頭像,場內(nèi)點亮照片墻。
一、方案創(chuàng)意策劃:打造智能化、場景化、情感化的流程體驗
拿到需求,第一個想法是簽到點亮IBG照片墻,這里有一張友商的年會照片,大概就是這個樣子,可以說方案相當(dāng)清楚,直截了當(dāng)。然后我們可以做得更優(yōu)雅一點,照片墻是IBG形狀,中間是心形,象征部門團結(jié)一心,共創(chuàng)輝煌??瓷先ミ€不錯的方案,但這樣就夠了嗎?
“如果不做得特別一點,我們就不如不做”
國際業(yè)務(wù)部一直秉承開拓和創(chuàng)新精神,所以設(shè)計側(cè)打算重新進行方案的策劃,打造一個完整的簽到流程體驗。
創(chuàng)意發(fā)散階段我們采用頭腦風(fēng)暴的方法,經(jīng)過腦暴我們得出了IBG的關(guān)鍵詞:國際化、科技感。
至此,我們確定了大致的體驗場景:
- 外場是簽到登艙的過程;
- 老板是船長可以講歡迎登艙和新年寄語;
- 內(nèi)場就是飛船內(nèi)部,每一位宇航員登艙后頭像在失重環(huán)境下漂??;
- 簽到完畢,老板上臺宣布晚會開始,飛船發(fā)射,飛向浩瀚宇宙。
我們將團隊拓展海外市場的探索精神融入到了象征征戰(zhàn)星辰大海的宇宙主題之中,在設(shè)計方面從線上到線下形成統(tǒng)一的場景化設(shè)計,情感化的體驗傳遞貫穿整個流程。
二、系統(tǒng)界面設(shè)計
系統(tǒng)分為兩個界面:會場外為掃描識別端,會場內(nèi)為簽到成功展示端。
場外掃描識別端:構(gòu)建飛船登艙口體驗場景
通過攝像頭讀取實時畫面,后臺與人臉庫做匹配,匹配識別成功后展示RTX頭像和姓名,同時老板作為captain的形象出現(xiàn)歡迎各位宇航員登艙,并送上新年寄語,語音和文字同步播放。
頁面交互圍繞簽到的主任務(wù)場景,通過掃描動作和結(jié)果展示,傳遞給用戶任務(wù)成功;通過老板閱讀真實的姓名和祝福語賦予系統(tǒng)情感化和溫度,打造智能化和人性化的體驗。頁面元素突出科技感與真實性。具體交互設(shè)計如下:
方案優(yōu)化:
由于圖像傳輸?shù)木W(wǎng)絡(luò)延時,造成用戶看到的畫面顯示與實際動作不同步,體驗較差。故方案優(yōu)化為用另一臺顯示器實時顯示攝像頭畫面,電視顯示識別結(jié)果。
考慮到美觀性以及分屏顯示可能會給用戶帶來理解上的困惑,經(jīng)過多方衡量,最終方案是把電腦顯示器去掉。
場內(nèi)簽到展示端:構(gòu)建飛船艙內(nèi)體驗場景
場內(nèi)端為LED大屏幕構(gòu)造飛船內(nèi)部場景,采用第一視角透過大舷窗望向外太空來構(gòu)造空間的真實感。
簽到成功點亮頭像,通過微動效使得每一個宇航員都是浮動的,隱喻失重狀態(tài)。
簽到完成后BOSS宣布晚會開始,畫面逐漸轉(zhuǎn)換為上帝視角,飛船發(fā)射駛向遙遠的外太空,寓意IBG出海探索海外業(yè)務(wù)。
會場內(nèi)頁面會持續(xù)整個晚會,其中涉及到抽獎等多個轉(zhuǎn)場邏輯,都需要做到自然轉(zhuǎn)場。為了給開發(fā)同學(xué)更好的傳達頁面間的轉(zhuǎn)場關(guān)系,特制作了頁面間的層級關(guān)系圖。具體交互如下:
方案優(yōu)化:
demo做出來之后發(fā)現(xiàn)由于人數(shù)過多所帶來的3個問題:
- 問題1:頭像過于密集,加上微動效很容易讓人產(chǎn)生密集恐懼癥;
- 問題2:由于頭像過小,很難發(fā)現(xiàn)新加入的頭像,沒有“進入感”;
- 問題3:飛船發(fā)射視頻實現(xiàn)難度大,視覺效果無法把控。
解決方案:
- 僅突出新加入的人員頭像,弱化已簽到成功的頭像;
- 用RTX名字代替頭像,降低密集度,同時動態(tài)文字可以營造“科技感”;
- 發(fā)射視頻尋找合適的視頻素材進行剪輯。
BOSS宣布晚會開始,飛船發(fā)射demo如下:
三、線下體驗設(shè)計
我們的目標是打造一整個登陸太空艙的流程體驗,除了線上系統(tǒng)還需要線下設(shè)備包裝和流程指引。用戶體驗地圖可以幫助我們清晰的梳理這類線上和線下交叉的、典型的服務(wù)系統(tǒng)設(shè)計。
用戶體驗地圖
設(shè)備布置與人流引導(dǎo)設(shè)計
通過現(xiàn)場的測量和模擬,在嚴格遵照比例尺的前提下繪制了現(xiàn)場設(shè)備布置和人員流動圖(點擊可查看大圖)。
包裝設(shè)計
包裝設(shè)計指的是對電視顯示器、攝像頭、電腦主機等硬件設(shè)備及其支撐物的包裝,因為所有東西都裸露的話一是不美觀,二是容易出戲(整個過程都處在好萊塢科幻大片中:-D)。在財務(wù)和時間成本的雙重限制下,需要做到充分利用現(xiàn)有設(shè)備來進行最好的概念打造。經(jīng)過各方衡量和與供應(yīng)商溝通,最終確定采用成本最低方案:衍架+KT板。
拱門設(shè)計
拱門位置在識別設(shè)備對前方2米,有兩個目的:
- 遮擋畫面中多余人臉,提高識別準確性;
- 打造艙門安檢入口場景;
由于時間和成本限制,設(shè)計方案不再展開講,最終方案保持主視覺風(fēng)格,工藝為衍架+KT板。
四、晚會現(xiàn)場效果
總結(jié)
作為用體驗設(shè)計師,我們的價值遠不止聚焦在界面元素和UI的設(shè)計。在看待項目的時候需要更廣闊的視角,即“跳出界面之外,關(guān)注全程體驗”
- 關(guān)注全場景的體驗,所有體驗點(登艙過程中所有的觸點)都應(yīng)相互關(guān)聯(lián)設(shè)計;
- 相關(guān)設(shè)計符合用戶的直覺和預(yù)期,避免“出戲”(這個過程融入到太空場景中的沉浸式體驗);
- 更加高瞻遠矚,所有體驗都應(yīng)該有更高的目標,讓用戶更快樂(小伙伴們的年會更加開心);
作者:曉吾,公眾號:曉吾設(shè)計。鵝廠交互設(shè)計師,互聯(lián)網(wǎng)產(chǎn)品與用戶體驗踐行者,先后在創(chuàng)新工場、新浪微博、騰訊國際業(yè)務(wù)部、社交用戶體驗設(shè)計部 (ISUX) 任職,負責(zé)過國內(nèi)外多款產(chǎn)品的交互設(shè)計工作。
本文由 @曉吾設(shè)計 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
同在做公司晚會設(shè)計,非常服氣! ?