專案年份:2019
客戶名稱:台北101
專案類別:品牌、研究分析、體驗設計、RWD Web
專案成員:Richard, Chiali, Lucia, Ting, Bryan, Mike, Shinlun
合作夥伴:MINIMAX, WorkLohas
執行方法
1. 數據分析
從網站流量看群體行為
一個數位服務,從流量分析可以很有效的觀察當時的群體行為。當時的台北 101 舊官網即有埋設 Google Analytics 數據追蹤。悠識的數據團隊自取得相關權限後,很快掌握來自眾國際的網站流量,近一步設定參數並追蹤數據,進而收集資料,透過數據了解使用者行為模式。
2. 場域訪談
探索旅客的觀景台遊玩經驗
全球性的外籍旅客體驗研究是個大難題。從不同的旅遊社群爬梳次級資料,大概是暸解外籍旅客對旅遊景點經驗中最便宜的方法。若從體驗角度,能有機會於第一手訪談中取得資訊,還是最有效的方式。
3. 資訊架構
找到一錘定音的資訊分類方式
依據前期數據分析、場域觀察,以及台北 101 內部策略討論,彙整多面向的使用者行為與需求,我們開始發想如何能兼顧幾種不同業務與流量需求的資訊架構
4. 原型設計
富含開發細節的網站雛形
悠識的核心價值與服務,體現於用戶研究與從策略而下的原型設計。在台北101的案例裡,本專案的產出,必須奠基於數據分析、研究與資訊架構,而設計富含細節,可供後續設計與開發的互動式網站模型。
專案成果
了解網站訪客樣貌
從數據分析起頭,可以精準了解瀏覽網站的訪客樣貌
網站中以語系判斷,英日訪客最多,再來中文與韓文。這樣的訪客來源比例與客戶討論取捨,也很快的觀察到訪客的集體行為:
- 台灣訪客:瀏覽品牌、商場介紹、節慶特惠、停車資訊
- 國際訪客:瀏覽百貨、美食店家、觀景台門票資訊
實際業務佔比與網站流量不是正相關
台北 101 商辦租賃是重要的業務支持,但卻於網站流量相對低許多,這也很明確地揭露現象:網站與流量與業務佔比,有時並不是正相關。因此這是當時設計新官網時,我們了解到的第一個設計問題。
釐清旅客需求與期待
旅客不是都在觀景台上嗎?
為了直接釐清需求,我們設計了一個場域研究,讓悠識的研究員穿著制服,在台北 101 的同仁協助下,直接於場域中短訪。除了探索觀景台遊客的參訪需求,也能真實體驗場域中的遊覽品質。藉此分析真正來訪的國際旅客們的顧客旅程與了解使用網站痛點。
來訪台北 101 觀景台的遊客眾多,期待也不同
以不同維度來畫分族群,包含台灣客、國際客;團客、自由行;家庭、情侶與好友等眾多群體。經訪談可初步了解,不同的訪客會有不同的參訪理由,例如:經推薦慕明景色而來(打卡);也有被富有知識性的互動設備吸引;是家庭期待提供孩子放電的場域,甚至會讓這樣的參訪經驗成為未來的情感連結。不過,實際來到觀景台後的印象是什麼?或許最大的印象是陰雨綿綿台北景色。而從觀景台離開後,台北 101 的百貨與美食,大台北周邊的旅遊景點,也正等著旅客遊玩和體驗。
翻新舊有內容,重構網站結構
從業務角度切入,將「遊客」與「企業」正式劃分
在本次的資訊架構設計,我們盤點舊官網內容,重新將組織分層、分類與命名,為滿足不同的使用者期待與瀏覽需求,我們大膽地將網站架構一分為二。首先,將有大量查找百貨、觀景台資訊需求的內容劃分為「旅遊指南」;再來,將重要性不亞於遊客的企業用戶資訊,且可容納商務需求與台北 101 大樓介紹的資訊分為「商務指南」。讓這兩者明確的使用族群,能在清晰與專心的情境下查找資訊。
翻新舊有內容,建立以台北 101 為中心的觀光指引
舊有的網站內容已經不敷使用,我們藉由內部不同部門同仁分享得知,除了所有內容保存,也必須讓訪客仍可以查找到所需資訊。在這次的改版,我們更注重訪客瀏覽網站的與實體旅遊體驗。期待來到網站的同時,除了感受台北 101 豐富的購物商場、美食、觀景台細節;在台北 101 內部旅遊之際,也能探索周邊的「Fun Fact」包含:歷史人文、美食、自然美景、私房景點,以及更多有關於 Taipei 101 的故事。
一致性瀏覽體驗
舊官網只有電腦版網站,對應到現實的情境與使用需求,我們發現瀏覽網站的台灣訪客以 Mobile 的使用比例較高,境外訪客 Desktop 與 Mobile 參半,或許作為觀光地點,在出發旅遊前、中、後,都有不同的使用需求。因此期待新官網能讓不同用戶在不同的情境下使用網站時,皆能有一致的瀏覽體驗。
網頁結構模組化
除了一般的網站訪客是最終使用者,我們也認為「內部」使用者聲音也很重要。台北101內容管理部門與業務眾多,如何幫助內部人員減少內容製作與圖片產出,也是本專案很重要的目標。我們在網站中設計了不同的內容版型與模組,運用相同的內容於頁面建置時,可同時應用於不同裝置中,並且引導內容在網站中相互串連。期待內部人員與開發團隊,能以最小幅度的圖片內容產出與設定內容方式維運日常網站。
結語
以悠識所產出的網站原型,因為團隊間溝通需求,一向帶有許多設計細節。專案中期,我們完整的交付了前期研究報告與網站原型。
而最終落地執行,企業往往需要完整解決方案。於是,基於前期的研究與設計,後期我們協同客戶組建了完整的設計開發團隊。要求完美掌握精品品牌的品質、觀光的活潑形象與專業的商業服務,又必須能掌握好數位世代的動態表現,並在 RWD 框架下完美呈現。
最後感謝台北 101 同仁於專案期間的支持,以及專案後期一同完成專案的設計團隊成員「迷你麥斯 minimax(現:地球原色)」與「我樂活科技- WorkLohas」,一齊完成了客戶交付的重大任務。
本公司顧問案例秉持合約精神,皆於企業客戶服務上線或無營業機密後撰寫發布。若有任何不妥,敬請透過官網 聯絡我們 或 service@userxper.com 服務信箱告知,我們將在第一時間回應修正。