Demo這個(gè)詞每個(gè)互聯(lián)網(wǎng)人一定都耳熟能詳，雖然在音樂(lè)、影視等領(lǐng)域中也有“demo”的應(yīng)用，但在互聯(lián)網(wǎng)場(chǎng)景下“demo”一詞已經(jīng)有了其獨(dú)特的含義和作用。
Demo是英文Demonstration的縮寫(xiě)，意思是樣片、原型、展示、示范。與音樂(lè)、影視等行業(yè)中“小樣”的作用不同的是，在互聯(lián)網(wǎng)人的日常中，demo有更多的使用場(chǎng)景。用作原型，在共創(chuàng)會(huì)、評(píng)審會(huì)等場(chǎng)景幫助不同專(zhuān)業(yè)背景的人高效溝通對(duì)焦；用作產(chǎn)品展示，在官網(wǎng)等場(chǎng)景觸達(dá)用戶(hù)、傳遞價(jià)值；作為概念演繹，在發(fā)布會(huì)等線(xiàn)下場(chǎng)景影響現(xiàn)場(chǎng)與會(huì)者和觀眾。
Demo其實(shí)本質(zhì)上就是一種高效溝通的表達(dá)方式：它將原本復(fù)雜的產(chǎn)品雛形，直觀高效的表達(dá)出來(lái)，原型demo幫助團(tuán)隊(duì)內(nèi)部各個(gè)角色高效溝通、決策；展示demo幫助產(chǎn)品和用戶(hù)、觀眾高效溝通、交流；在一些重要的評(píng)審會(huì)、大型戰(zhàn)略發(fā)布會(huì)上，這些作用和價(jià)值將會(huì)加倍放大。
在前不久結(jié)束的零售通2018戰(zhàn)略發(fā)布會(huì)上，有許多新的產(chǎn)品功能需要在大會(huì)上發(fā)布和演示，但大會(huì)的與會(huì)者多是傳統(tǒng)渠道的品牌商、經(jīng)銷(xiāo)商以及前線(xiàn)拍檔，對(duì)線(xiàn)上產(chǎn)品的理解程度有限，同時(shí)大會(huì)也有議程時(shí)限，所以這時(shí)候顯然需要借助簡(jiǎn)潔的demo化表達(dá)，才能有效的將復(fù)雜的B端產(chǎn)品講述清楚。
最終我們?yōu)榇髸?huì)PPT設(shè)計(jì)輸出了一組動(dòng)效demo，用以展示零售通各種數(shù)據(jù)化產(chǎn)品，以簡(jiǎn)潔清晰的方式，讓與會(huì)者快速理解吸收產(chǎn)品的核心價(jià)值，達(dá)成高效的“溝通”。這一次的demo設(shè)計(jì)案例,讓我看到了demo設(shè)計(jì)能給業(yè)務(wù)帶來(lái)的價(jià)值，意識(shí)到了其中的潛在能量。趁著活剛干完還熱乎，我想趕緊沉淀下來(lái)其中的經(jīng)驗(yàn)方法，從線(xiàn)下發(fā)布會(huì)這一場(chǎng)景，和大家交流分享demo設(shè)計(jì)的點(diǎn)滴心得。
線(xiàn)下發(fā)布會(huì)場(chǎng)景下，會(huì)場(chǎng)本身會(huì)給demo設(shè)計(jì)帶來(lái)幾個(gè)顯著的挑戰(zhàn)：巨幕、遠(yuǎn)距、時(shí)效，同時(shí)還有與會(huì)聽(tīng)眾的自身特點(diǎn)，在零售通2018發(fā)布會(huì)的實(shí)踐中，我找到的應(yīng)對(duì)方法是：合理布局、統(tǒng)一語(yǔ)法、頁(yè)面重構(gòu)、時(shí)間重塑。
Demo是用來(lái)溝通、展示的，每一個(gè)demo都必定會(huì)有其特有的場(chǎng)場(chǎng)景，發(fā)布會(huì)的場(chǎng)景特殊之處就是超大空間里的超大巨幕，對(duì)我們?nèi)搜垡暥仍斐傻奶魬?zhàn)。人眼視度即指人的肉眼可視角度的度數(shù)。人類(lèi)通常是124度，當(dāng)集中注意力時(shí)約為五分之一，即25度。同時(shí)人眼平視時(shí)上方可見(jiàn)區(qū)域?yàn)?0度，舒適視域?yàn)?5度。
所以在設(shè)計(jì)以會(huì)場(chǎng)巨幕為載體的demo時(shí)，就必須要考慮demo相對(duì)布局方式，比如為了人眼在觀看demo展示時(shí)能處于比較舒適的狀態(tài)，就應(yīng)該盡可能讓demo盡可能處在會(huì)場(chǎng)觀眾縱向、橫向的舒適視度范圍內(nèi)。
確定了demo的整體布局后，demo區(qū)塊內(nèi)的元素要怎么呈現(xiàn)呢？如果能預(yù)設(shè)一套統(tǒng)一的語(yǔ)法結(jié)構(gòu)，讓同類(lèi)信息元素以相似的形式出現(xiàn)，減少信息繁雜給觀眾帶來(lái)的認(rèn)知負(fù)擔(dān)，則既能降低人眼視度局限性的影響，又能減少產(chǎn)品信息和觀眾之間的“溝通”成本。
在零售通2018戰(zhàn)略發(fā)布會(huì)中，我們?yōu)镵eynote中呈現(xiàn)的demo設(shè)定了統(tǒng)一的展示邏輯，統(tǒng)一的語(yǔ)法結(jié)構(gòu)，既保證了視覺(jué)上的統(tǒng)一，也降低了與會(huì)者和觀眾的理解成本。
展示demo通常需要將原有產(chǎn)品做簡(jiǎn)明扼要的表達(dá)，一方面demo的受眾專(zhuān)業(yè)背景不一，在有限的注意力內(nèi)是不愿意接受太過(guò)繁雜的信息的；另一方面產(chǎn)品設(shè)計(jì)開(kāi)發(fā)等流程上下文缺失，觀眾對(duì)產(chǎn)品背后的各種邏輯有理解成本。
線(xiàn)下發(fā)布會(huì)由于會(huì)場(chǎng)較大，如果事無(wú)巨細(xì)的還原產(chǎn)品頁(yè)面，觀眾肯定要看的不知所云，所以必須通過(guò)精簡(jiǎn)甚至重構(gòu)原有頁(yè)面，讓與會(huì)者能大致感知到產(chǎn)品輪廓。
動(dòng)效demo的設(shè)計(jì)相較于靜態(tài)demo，增加了時(shí)間的因素，每個(gè)流程占據(jù)的時(shí)間決定了觀眾注意力的留存，而在線(xiàn)下會(huì)場(chǎng)中，更是需要分秒必爭(zhēng)，讓有限的時(shí)間發(fā)揮出最大的價(jià)值。
在零售通2018發(fā)布會(huì)上，每一個(gè)demo基本都只有20s不到的時(shí)間，要想成功的和與會(huì)者達(dá)成一次20s的高效“握手”，除了精簡(jiǎn)流程，還需要重新調(diào)整時(shí)間分配，重塑時(shí)間：將正常的操作/演示流程的時(shí)間重新再分配，延長(zhǎng)重點(diǎn)流程耗時(shí)以展示更清晰，壓縮冗余流程耗時(shí)以減少多余干擾。
在發(fā)布會(huì)展示的demo中，背后往往是數(shù)月設(shè)計(jì)開(kāi)發(fā)的過(guò)程積累，如果死板地按實(shí)際的流程演示，將會(huì)有非常多冗余：操作、勾選、點(diǎn)擊等等，短短20s內(nèi)，如果不做取舍，要么說(shuō)不清楚，說(shuō)不完整。要么關(guān)鍵步驟被各種冗余操作淹沒(méi)。
例如在智能組貨的demo中，正常的演示流程是：在填寫(xiě)完創(chuàng)建內(nèi)容-點(diǎn)擊組貨-智能組貨列表。這個(gè)流程中，點(diǎn)擊組貨到生成列表的過(guò)程幾乎是瞬時(shí)的，如果如實(shí)演示，觀眾對(duì)智能組貨的過(guò)程幾乎無(wú)感，但其實(shí)這個(gè)過(guò)程才是我們最想強(qiáng)調(diào)的，所以這我們?nèi)藶椴迦肓艘欢谓M貨進(jìn)度動(dòng)畫(huà)，原本瞬時(shí)完成的智能組貨被人為增加了時(shí)長(zhǎng)，雖然不夠?qū)憣?shí)了，但讓觀眾清楚的看到了智能組貨這個(gè)過(guò)程。
零售通2018發(fā)布會(huì)上，一共展示了6枚產(chǎn)品動(dòng)效demo，這6枚動(dòng)效demo成功的把6個(gè)背景復(fù)雜、鏈路繁多的產(chǎn)品各自在20s內(nèi)直觀有效的展示清楚了，并且內(nèi)容得到了同事、用戶(hù)、聽(tīng)眾們的認(rèn)同，在之后的投資者大會(huì)和云棲大會(huì)和前線(xiàn)的各種宣導(dǎo)場(chǎng)景，這些動(dòng)效demo都被復(fù)用傳播，十分受歡迎。
以上就是基于零售通2018發(fā)布會(huì)demo設(shè)計(jì)的過(guò)程中沉淀下來(lái)的一些經(jīng)驗(yàn)和心得，不同demo設(shè)計(jì)覆蓋的場(chǎng)景各不相同，線(xiàn)下發(fā)布會(huì)是今天集團(tuán)內(nèi)越來(lái)越多的一個(gè)獨(dú)特場(chǎng)景，但愿通過(guò)我們此次零售通發(fā)布會(huì)的些許經(jīng)驗(yàn)，能起到些拋磚引玉的作用，給其它證在進(jìn)行demo設(shè)計(jì)的同學(xué)一點(diǎn)點(diǎn)參考和啟發(fā)。
我以為，demo設(shè)計(jì)應(yīng)該是每一個(gè)設(shè)計(jì)師的必修課，是我們需要認(rèn)真對(duì)待的設(shè)計(jì)對(duì)象，在平日匆匆的需求設(shè)計(jì)中，偶爾的間隙去理解和思考下demo的設(shè)計(jì)，必定能讓我們收到一些驚喜。
作者：謝輝敏
