年末將至，各家公司都陸續(xù)展開了年會(huì)的策劃與部署，那么如何做出一場(chǎng)別具一格的年會(huì)呢？如何利用服務(wù)設(shè)計(jì)思維讓年會(huì)設(shè)計(jì)錦上添花呢？本文將為你帶來(lái)思考與啟發(fā)。

又到年底，你們公司開始準(zhǔn)備年會(huì)了嗎？

作為公司專職的海外業(yè)務(wù)先鋒團(tuán)隊(duì)和對(duì)外展示的重要窗口，國(guó)際業(yè)務(wù)部年會(huì)的亮點(diǎn)是人臉識(shí)別簽到。產(chǎn)品需求是：簽到系統(tǒng)分場(chǎng)內(nèi)和場(chǎng)外兩端，場(chǎng)外用攝像頭捕捉頭像，場(chǎng)內(nèi)點(diǎn)亮照片墻。

一、方案創(chuàng)意策劃：打造智能化、場(chǎng)景化、情感化的流程體驗(yàn)

拿到需求，第一個(gè)想法是簽到點(diǎn)亮IBG照片墻，這里有一張友商的年會(huì)照片，大概就是這個(gè)樣子，可以說(shuō)方案相當(dāng)清楚，直截了當(dāng)。然后我們可以做得更優(yōu)雅一點(diǎn)，照片墻是IBG形狀，中間是心形，象征部門團(tuán)結(jié)一心，共創(chuàng)輝煌?？瓷先ミ€不錯(cuò)的方案，但這樣就夠了嗎？

“如果不做得特別一點(diǎn)，我們就不如不做”

國(guó)際業(yè)務(wù)部一直秉承開拓和創(chuàng)新精神，所以設(shè)計(jì)側(cè)打算重新進(jìn)行方案的策劃，打造一個(gè)完整的簽到流程體驗(yàn)。

創(chuàng)意發(fā)散階段我們采用頭腦風(fēng)暴的方法，經(jīng)過(guò)腦暴我們得出了IBG的關(guān)鍵詞：國(guó)際化、科技感。

至此，我們確定了大致的體驗(yàn)場(chǎng)景：

• 外場(chǎng)是簽到登艙的過(guò)程；
• 老板是船長(zhǎng)可以講歡迎登艙和新年寄語(yǔ)；
• 內(nèi)場(chǎng)就是飛船內(nèi)部，每一位宇航員登艙后頭像在失重環(huán)境下漂??；
• 簽到完畢，老板上臺(tái)宣布晚會(huì)開始，飛船發(fā)射，飛向浩瀚宇宙。

我們將團(tuán)隊(duì)拓展海外市場(chǎng)的探索精神融入到了象征征戰(zhàn)星辰大海的宇宙主題之中，在設(shè)計(jì)方面從線上到線下形成統(tǒng)一的場(chǎng)景化設(shè)計(jì)，情感化的體驗(yàn)傳遞貫穿整個(gè)流程。

二、系統(tǒng)界面設(shè)計(jì)

系統(tǒng)分為兩個(gè)界面：會(huì)場(chǎng)外為掃描識(shí)別端，會(huì)場(chǎng)內(nèi)為簽到成功展示端。

場(chǎng)外掃描識(shí)別端：構(gòu)建飛船登艙口體驗(yàn)場(chǎng)景

通過(guò)攝像頭讀取實(shí)時(shí)畫面，后臺(tái)與人臉庫(kù)做匹配，匹配識(shí)別成功后展示RTX頭像和姓名，同時(shí)老板作為captain的形象出現(xiàn)歡迎各位宇航員登艙，并送上新年寄語(yǔ)，語(yǔ)音和文字同步播放。

頁(yè)面交互圍繞簽到的主任務(wù)場(chǎng)景，通過(guò)掃描動(dòng)作和結(jié)果展示，傳遞給用戶任務(wù)成功；通過(guò)老板閱讀真實(shí)的姓名和祝福語(yǔ)賦予系統(tǒng)情感化和溫度，打造智能化和人性化的體驗(yàn)。頁(yè)面元素突出科技感與真實(shí)性。具體交互設(shè)計(jì)如下：

方案優(yōu)化：

由于圖像傳輸?shù)木W(wǎng)絡(luò)延時(shí)，造成用戶看到的畫面顯示與實(shí)際動(dòng)作不同步，體驗(yàn)較差。故方案優(yōu)化為用另一臺(tái)顯示器實(shí)時(shí)顯示攝像頭畫面，電視顯示識(shí)別結(jié)果。

考慮到美觀性以及分屏顯示可能會(huì)給用戶帶來(lái)理解上的困惑，經(jīng)過(guò)多方衡量，最終方案是把電腦顯示器去掉。

場(chǎng)內(nèi)簽到展示端：構(gòu)建飛船艙內(nèi)體驗(yàn)場(chǎng)景

場(chǎng)內(nèi)端為L(zhǎng)ED大屏幕構(gòu)造飛船內(nèi)部場(chǎng)景，采用第一視角透過(guò)大舷窗望向外太空來(lái)構(gòu)造空間的真實(shí)感。

簽到成功點(diǎn)亮頭像，通過(guò)微動(dòng)效使得每一個(gè)宇航員都是浮動(dòng)的，隱喻失重狀態(tài)。

簽到完成后BOSS宣布晚會(huì)開始，畫面逐漸轉(zhuǎn)換為上帝視角，飛船發(fā)射駛向遙遠(yuǎn)的外太空，寓意IBG出海探索海外業(yè)務(wù)。

會(huì)場(chǎng)內(nèi)頁(yè)面會(huì)持續(xù)整個(gè)晚會(huì)，其中涉及到抽獎(jiǎng)等多個(gè)轉(zhuǎn)場(chǎng)邏輯，都需要做到自然轉(zhuǎn)場(chǎng)。為了給開發(fā)同學(xué)更好的傳達(dá)頁(yè)面間的轉(zhuǎn)場(chǎng)關(guān)系，特制作了頁(yè)面間的層級(jí)關(guān)系圖。具體交互如下：

方案優(yōu)化：

demo做出來(lái)之后發(fā)現(xiàn)由于人數(shù)過(guò)多所帶來(lái)的3個(gè)問(wèn)題：

• 問(wèn)題1：頭像過(guò)于密集，加上微動(dòng)效很容易讓人產(chǎn)生密集恐懼癥；
• 問(wèn)題2：由于頭像過(guò)小，很難發(fā)現(xiàn)新加入的頭像，沒(méi)有“進(jìn)入感”；
• 問(wèn)題3：飛船發(fā)射視頻實(shí)現(xiàn)難度大，視覺(jué)效果無(wú)法把控。

解決方案：

• 僅突出新加入的人員頭像，弱化已簽到成功的頭像；
• 用RTX名字代替頭像，降低密集度，同時(shí)動(dòng)態(tài)文字可以營(yíng)造“科技感”；
• 發(fā)射視頻尋找合適的視頻素材進(jìn)行剪輯。

BOSS宣布晚會(huì)開始，飛船發(fā)射demo如下：

三、線下體驗(yàn)設(shè)計(jì)

我們的目標(biāo)是打造一整個(gè)登陸太空艙的流程體驗(yàn)，除了線上系統(tǒng)還需要線下設(shè)備包裝和流程指引。用戶體驗(yàn)地圖可以幫助我們清晰的梳理這類線上和線下交叉的、典型的服務(wù)系統(tǒng)設(shè)計(jì)。

用戶體驗(yàn)地圖

設(shè)備布置與人流引導(dǎo)設(shè)計(jì)

通過(guò)現(xiàn)場(chǎng)的測(cè)量和模擬，在嚴(yán)格遵照比例尺的前提下繪制了現(xiàn)場(chǎng)設(shè)備布置和人員流動(dòng)圖（點(diǎn)擊可查看大圖）。

包裝設(shè)計(jì)

包裝設(shè)計(jì)指的是對(duì)電視顯示器、攝像頭、電腦主機(jī)等硬件設(shè)備及其支撐物的包裝，因?yàn)樗袞|西都裸露的話一是不美觀，二是容易出戲（整個(gè)過(guò)程都處在好萊塢科幻大片中：-D）。在財(cái)務(wù)和時(shí)間成本的雙重限制下，需要做到充分利用現(xiàn)有設(shè)備來(lái)進(jìn)行最好的概念打造。經(jīng)過(guò)各方衡量和與供應(yīng)商溝通，最終確定采用成本最低方案：衍架+KT板。

拱門設(shè)計(jì)

拱門位置在識(shí)別設(shè)備對(duì)前方2米，有兩個(gè)目的：

• 遮擋畫面中多余人臉，提高識(shí)別準(zhǔn)確性；
• 打造艙門安檢入口場(chǎng)景；

由于時(shí)間和成本限制，設(shè)計(jì)方案不再展開講，最終方案保持主視覺(jué)風(fēng)格，工藝為衍架+KT板。

四、晚會(huì)現(xiàn)場(chǎng)效果

總結(jié)

作為用體驗(yàn)設(shè)計(jì)師，我們的價(jià)值遠(yuǎn)不止聚焦在界面元素和UI的設(shè)計(jì)。在看待項(xiàng)目的時(shí)候需要更廣闊的視角，即“跳出界面之外，關(guān)注全程體驗(yàn)”

• 關(guān)注全場(chǎng)景的體驗(yàn)，所有體驗(yàn)點(diǎn)（登艙過(guò)程中所有的觸點(diǎn)）都應(yīng)相互關(guān)聯(lián)設(shè)計(jì)；
• 相關(guān)設(shè)計(jì)符合用戶的直覺(jué)和預(yù)期，避免“出戲”（這個(gè)過(guò)程融入到太空?qǐng)鼍爸械某两襟w驗(yàn)）；
• 更加高瞻遠(yuǎn)矚，所有體驗(yàn)都應(yīng)該有更高的目標(biāo)，讓用戶更快樂(lè)（小伙伴們的年會(huì)更加開心）；

作者：曉吾，公眾號(hào)：曉吾設(shè)計(jì)。鵝廠交互設(shè)計(jì)師，互聯(lián)網(wǎng)產(chǎn)品與用戶體驗(yàn)踐行者，先后在創(chuàng)新工場(chǎng)、新浪微博、騰訊國(guó)際業(yè)務(wù)部、社交用戶體驗(yàn)設(shè)計(jì)部 (ISUX) 任職，負(fù)責(zé)過(guò)國(guó)內(nèi)外多款產(chǎn)品的交互設(shè)計(jì)工作。

本文由 @曉吾設(shè)計(jì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議