Taipei 101 hero picture

台北101觀景台外籍旅客研究與官網規劃建置

了解外籍旅客來台前,如何收集台北 101 相關資訊,並協助籌組開發設計團隊,進行官網規劃建置,提供流暢數位體驗。

台北 101 是亞洲具代表性的超高大樓,不僅是地標建築,也是國內外民眾匯集地。在台灣所扮演的角色是觀光地點,也是百貨商場與辦公共用的空間。而官網所扮演的角色,必須滿足多元使用者需求,包含國內外遊客如何遊覽觀景台?購物民眾如何查找百貨資訊?公司企業如何租賃辦公室?因此,台北 101 希望藉由官網的翻新,提供友善民眾與企業的全新官網,打造流暢的數位體驗。

專案年份: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 為中心的觀光指引

舊有的網站內容已經不敷使用,我們藉由內部不同部門同仁分享得知,除了所有內容保存,也必須讓訪客仍可以查找到所需資訊。在這次的改版,我們更注重訪客瀏覽網站的與實體旅遊體驗。期待來到網站的同時,除了感受台北 101 豐富的購物商場、美食、觀景台細節;在台北 101 內部旅遊之際,也能探索周邊的「Fun Fact」包含:歷史人文、美食、自然美景、私房景點,以及更多有關於 Taipei 101 的故事。

台北101遊客首頁
RWD Web - Desktop view prototype

遊客/企業身份 - 旅遊指南/商務指南

一致性瀏覽體驗

舊官網只有電腦版網站,對應到現實的情境與使用需求,我們發現瀏覽網站的台灣訪客以 Mobile 的使用比例較高,境外訪客 Desktop 與 Mobile 參半,或許作為觀光地點,在出發旅遊前、中、後,都有不同的使用需求。因此期待新官網能讓不同用戶在不同的情境下使用網站時,皆能有一致的瀏覽體驗。

台北101手機版首頁
RWD Web - Mobile view prototype

遊客/企業身份 - 旅遊指南/商務指南

網頁結構模組化

除了一般的網站訪客是最終使用者,我們也認為「內部」使用者聲音也很重要。台北101內容管理部門與業務眾多,如何幫助內部人員減少內容製作與圖片產出,也是本專案很重要的目標。我們在網站中設計了不同的內容版型與模組,運用相同的內容於頁面建置時,可同時應用於不同裝置中,並且引導內容在網站中相互串連。期待內部人員與開發團隊,能以最小幅度的圖片內容產出與設定內容方式維運日常網站。

結語

以悠識所產出的網站原型,因為團隊間溝通需求,一向帶有許多設計細節。專案中期,我們完整的交付了前期研究報告與網站原型。

而最終落地執行,企業往往需要完整解決方案。於是,基於前期的研究與設計,後期我們協同客戶組建了完整的設計開發團隊。要求完美掌握精品品牌的品質、觀光的活潑形象與專業的商業服務,又必須能掌握好數位世代的動態表現,並在 RWD 框架下完美呈現。

最後感謝台北 101 同仁於專案期間的支持,以及專案後期一同完成專案的設計團隊成員「迷你麥斯 minimax(現:地球原色)」與「我樂活科技- WorkLohas」,一齊完成了客戶交付的重大任務。

本公司顧問案例秉持合約精神,皆於企業客戶服務上線或無營業機密後撰寫發布。若有任何不妥,敬請透過官網 聯絡我們 或  服務信箱告知,我們將在第一時間回應修正。