top of page
TripMoment
獨家旅遊體驗內容平台
最新旅遊資訊、超實用旅行攻略、台灣在地秘境、世界特色景點。
MY ROLE
我在這個專案中擔任UI/UX Designer，負責第三次的改版。這次的改版除了UI調整、程式語言改寫，還加入了一些新功能如通知、留言、評價以及修改後台編輯區。在改版上線後，依數據制定設計改善計畫。
・產品規劃
・SiteMap
・Wireframe
・Flowchart
・Style Guideline
・規格書
・Mockup
・易用性測試
・GA事件規劃
依據保密原則，僅放部分內容
THE PROBLEM
經過前期調查，在舊版網頁中有些不友善的使用者體驗需做修改，程式也需改寫方便日後維護，另外後台編輯混亂也須修正。
專案流程
1.產品規劃
以Growth Hacker的角度規劃產品核心價值，AARRR構想用戶轉換率，並製作理想用戶成長圖及用戶旅程地圖
THE GOAL
增加與用戶的連結
實際做法例如：新增文章評論功能使作者與讀者能夠對話、增加追蹤區塊。
以專題導向為主，增加吸引度
使用戶能更快速找到他要的資訊。
更加客製化
實際做法例如：增加通知功能讓用戶即時追蹤喜歡的作者最新文章，將其可能會喜歡的文章推薦給用戶。
2.製作草圖
製作SiteMap確認所需頁面，並在Balsamiq中繪製頁面草圖，來回討論、修改。從數據上看來，有90%流量的到達網頁不是首頁而是內文頁，因此設計著重在在內文頁，且增加許多能與用戶互動的功能
3.Features Overview
將所有功能的使用流程製作Flowchart，確認操作上的流暢度（僅列部分功能）
4.Style Guideline
在Sketch中繪製，包括色彩規劃、Button及Icon的Symbol建立，Text Style設定
5.Mockup
確認草圖後，在Sketch中繪製Mockup（僅列部分）
6.測試及上線
與外包工程師來回溝通、調整頁面視覺，並請公司內部同仁進行易用性測試。
在確認上線前，除了Google Analytics的設定，還需透過Flowchart規劃埋GA事件的位置及名稱，並請工程師寫入程式碼中
THE FEEDBACK &
WHAT I LEARNED
當初網站改版時，參與的只有我與老闆兩人，與前人留下的訪談資料，除了要接下規劃產品的責任，還要說服他在許多天馬行空的想法中做取捨，也需即時發覺自己的盲點，讓我了解團隊與溝通的重要。
在開發階段，因為公司工程人力不足所以將程式部分外包。在與外包工程師接觸的時候，我發覺工程師有疑問時不太會提出，導致有些做出來與原先規劃不太一樣，又花了很多時間做調整與溝通。這讓我學到，應該把所有資訊準備得更充足，且應隨時主動詢問工程師有沒有遇到開發上的問題，而不能只關心視覺的部分。
有些當初規劃的功能如點數系統，設計已經做好，工程師也寫完了，但最後卻沒有使用，浪費了人力與時間的成本。這讓我學習到，下次規劃產品前，應再三確認需求與執行的詳細計畫，才不會白費功夫。
網站上線後，透過每週的數據紀錄，發現了一些能改善的地方，已經討論在下次開發中調整。
前期改善計畫
讓用戶找得到想要且正確的資訊> 調整改版沒做好的部分，優化資訊呈現。並增加SEO曝光及站內搜尋使用度。
－在當初規劃時，有些互動功能需要登入才能使用，如評價其實很多人點擊，但當登入視窗跳出來時，大部分的人會點關閉，因此計畫讓某些功能不必登入也能使用，降低跳出率。
－發現用戶使用FB的登入較多，因此會調整登入按鍵排列，讓FB在最上層容易被點選。
－手機版的相關文章需加上圖，吸引用戶點擊。
－增加更多廣告欄位。
bottom of page