導入UX的數位櫥窗,BenQ如何打造創新互動櫥窗體驗?

BenQ UX
BenQ Lifestyle Design Center
Jan 13, 2022

撰文者 : BenQ Lifestyle Design Center

經過明基大樓右側過道、或是佳世達七樓的穿堂,映入眼簾的竟是讓人出乎意料的盎然綠意。草原隨風搖曳、群蝶穿梭其中,熱切地聚集、飛行;當行人經過時,草原中長出鮮豔花卉、螢火蟲在空中喜悅飛舞,讓人好奇地停下腳步駐足。甚至,你還能讓草原中的蝴蝶匯聚在一起,化作明基的品牌LOGO!

這是明基集團在2021年底正式揭幕啟用的互動式數位櫥窗,同時兼具了資訊佈達與互動藝術的功能。明基數位時尚設計中心是如何透過互動裝置傳遞公司理念,又是如何將使用者體驗與企業需求相互結合,讓這個櫥窗發揮最大的效益呢?

意想不到的設計任務,踏上櫥窗數位化之路

2021年初,設計中心收到了櫥窗數位化任務,而這項空間改善的需求直接來自我們的集團總經理! 原來這幾個櫥窗空間陳設多年未更新、實體產品的陳設與平面列印輸出皆缺乏效益也不易利用,因此有了這個專案的啟動。

舊櫥窗原況

這次能協助設計規劃企業內部的數位櫥窗,對於專注於軟體服務的使用者體驗團隊(以下簡稱UX team)來說,是一次很有意思的嘗試。除了回應明基本身的內部需求,數位看板、電視牆作為商務領域在會議空間之外的常見應用場域,同時也是一種潛在的商業機會與極佳的研究機會。如何透過設計充分展現明基的產品優勢與整合能力? 帶著這些動機,UX team開始了這趟為期一年的數位櫥窗之旅

前期研究梳理需求,為設計引導明確航向

在專案的發展前期,我們整理了品牌部門希望在櫥窗中傳遞的資訊,並針對過道空間與受眾做了簡單分析,將受眾分了成訪客與員工兩類。

受眾與場域分析

有別於單純的數位布告欄,我們希望在櫥窗中加入互動行為活化過道空間,吸引受眾駐足,此時再向客戶與員工傳遞品牌理念與企業公告,就能讓資訊有效傳遞,於是我們將解構過後的需求重新定義成四項設計目標。

  1. 高泛用性:以中性的櫥窗主題整合明基的X-Sign智慧電子看板系統,讓人資部門在內容建立及排程上可提升效率、持續更新,並傳遞一致的品牌訊息
  2. 產品置入:在櫥窗的硬體建置上使用明基的投影機或顯示器產品,並藉由數位內容強化產品優勢
  3. 互動整合:串接軟硬體產品與第三方互動軟體,展現虛實整合能力
  4. 體驗加值:透過活潑、可互動的設計創造特殊櫥窗體驗,增加櫥窗互動率

此外我們也盤點了預期置入櫥窗的產品清單,思考產品特性與相關限制,像是X-Sign做為智慧廣播系統,能夠有效統一管理數位內容,但並不適合作為互動裝置的開發軟體,因此我們將櫥窗拆分成廣告電視牆與互動體驗牆兩種型態後,再討論兩者的串接模式,讓設計限制明朗化,後續相關的執行手段也可以更加聚焦。

像這樣藉由Design thinking的流程在前期的導入,我們分析了專案的目的與限制,及可以著力的機會點。有了大致的輪廓與框架後,UX team便開始進入櫥窗策展主題的設計階段。

深挖集團關鍵精神,發展原型打磨提案

在櫥窗的策展主題上,UX team將設計的收斂拆分成三個階段,先是尋找需求、發想方案,最後整理成可執行的設計方案並向上提報。而在三個階段之間的發想會議上,我們分別將會議目標鎖定在主題定位與陳列佈局。先是思考這個櫥窗想跟觀眾溝通什麼,然後是透過什麼表現手法可以有效傳遞溝通內容。

設計發想流程 & 發想會議

主題定位的環節,我們使用卡片分類法來將關鍵訊息做分類統整,整理成幾個關鍵字;接著以草圖的形式,結合不同的櫥窗手法與關鍵字,生成數十種設計草案。最終我們收束成兩個完整的設計提案方向:

圖片來源: Teamlab, pinterest

方案A : 飛越框架的群蝶
方案A啟發自Teamlab作品《超越邊界的群蝶》,結合明基的顯示器與投影機產品,搭配品牌20周年的紀念意義。我們希望藉由互動,讓代表各個集團成員的蝴蝶能突破框架、穿梭飛行在兩種不同的顯示器之中,最終聚集成品牌LOGO

方案B : 從BenQ開始的100種生活
利用透視錯覺使數位櫥窗化身為各種生活情境空間,透過明基產品的置入為空間帶來變化與色彩,呼應集團的產品多樣性並展示最佳解決方案

然而設計發展不會只是一個單純的線性流程,櫥窗策展形式與硬體建置、軟體技術等限制條件密切連動,在設計過程中我們也需要不斷製作原型來反覆試錯與來回動態調整。像是透過感測器與Touchdesigner打造簡單的互動原型、或是用掛在牆上的iPad與投影機模擬視訊整合效果;其中方案二原本是希望以空白展台打造一個空間原型,用光雕投影來置換空間型態,我們為此製作了1/8的模型來做實際的投影測試,並在實測過程中發現硬體設備的潛在限制,才因此逐步調整方案。

原型發展紀錄

從群蝶到綠牆,代表永續精神的數位風景

將這兩個方案提報給總經理之後,他希望以方案A來做後續執行,不過在考量場域光源對投影機成像表現的影響以及施工難度後,這個櫥窗只能使用電視牆來作呈現。然而這樣的限制條件也就意味著原先藉由兩種顯示方式所構建的飛越框架意象難以成立,這也讓我們傷透了腦筋。

於是我們將現有方案再次解構、提取原始的關鍵字。而在拿掉投影與飛越框架的意象之後,我們需要加入一個場景主題,來強化適合大面積電視牆的視覺設計。

於是最終,我們將互動模式定調為永續繁茂的數位綠牆,讓代表集團成員的群蝶在草原之中緩步飛行、探尋品牌源頭與初心,將企業向心力、ESG理念與品牌意象相互結合。

互動體驗上,我們將觀賞者行為化約成最直覺而簡單的三組互動模式,讓每個觀賞者都能輕易參與:

  1. 經過:做為過道空間,大多數人只是經過這個櫥窗,我們希望即便只是匆匆一瞥都能產生驚喜
  2. 停留:觀賞者駐足並與櫥窗互動後,草原進一步變得更加茂盛,展現成員參與能夠成就集團的正向成長
  3. 刷卡:而透過員工證刷卡互動的設計,讓每位同仁都如同草原中的蝴蝶,是集團的一份子,當所有蝴蝶匯聚於此,就會出現明基的品牌LOGO,展現眾志成城的企圖心。
互動流程規劃

而在互動模式之外,我們在X-Sign的廣播牆模式也套用同一主題的影像模板,讓櫥窗主題能保持一致,除了定期切換之外,也能在貴賓來訪時透過iPad手動切換;讓重要的企業資訊能被即時傳遞。

UX team的設計長征,打造企業空間的數位轉生

這次的完成的互動櫥窗系統除了應用於台北明基大樓,同時也應用於桃園的佳世達總部。在櫥窗的測試應用階段,已時常看到兩地的同事在經過互動櫥窗時面露意料之外的驚喜表情,甚至停下來與櫥窗互動,人資、品牌部門也相當期待這個數位櫥窗能作為宣傳推播的另一媒介。

一直以來,明基設計中心都希望透過設計,讓創新的技術得以擁有嶄新的樣貌。不論是2020年初在中國蘇州產品展示中心策畫的梵谷特展,或是今年初完成的數位互動櫥窗,這樣結合科技與藝術的裝置都反覆呼應了明基強調人文涵養的品牌特色。藉由設計的介入,重新規劃空間、展現商用電子看板的表現力、也作為X-Sign在商務應用上的示範場域,並整合第三方互動軟體,打造出沈浸式的互動櫥窗。讓許久未被善加利用的櫥窗空間有了新的氣象,也為過去早已習以為常的企業公共空間帶來多重效益與諸多可能性。

如果喜歡我們的文章、或覺得文章內容對你有幫助,歡迎幫我們在旁邊拍手處給予1~50下的鼓勵,或在下方留言區留下你們的想法與評論喔!

專案團隊成員

--

--

BenQ UX
BenQ Lifestyle Design Center

Design ideas, Inspiration, and case studies from BenQ User experience