合作金庫官網改版 工作坊&網站架構測試

2020-2021
#金融 #工作坊 #網站架構測試

本次官網改版前期舉辦兩場工作坊,讓各業管單位對新官網規劃方向及網站架構達成共識。
第一場工作坊主題為銀行官網設計規範,旨在介紹銀行官網規劃方法,輔以實際案例說明,並讓與會人員分組討論,相互激盪出新官網規劃方向。
第二場工作坊主題為銀行官網架構規劃,旨在介紹網站架構的重要性與規劃方法,輔以國內外銀行與競業銀行網站架構進行現場分析,讓與會人員討論新版架構。
在兩場工作坊結束後,產出初版新官網架構,並邀請合庫客戶參加線上問卷測試,以驗證新架構是否易懂易查找,並依據問卷結果優化新官網使用體驗,提升合庫數位金融形象。

My Role

  • 兩場工作坊規劃&執行
  • 工作坊分組討論主題設計
  • 擔任兩場工作坊講師
  • 新架構問卷規劃&執行
  • 新架構問卷結果分析&報告

Deliverables

  • 工作坊規劃簡報
  • 兩場工作坊簡報
  • 新架構測試規劃簡報
  • 新架構測試結果報告

兩場工作坊規劃&執行

本專案前期兩場工作坊規劃,須與專案成員明確討論並分配工作事項,才能讓工作坊順利進行。

工作坊目標
  • 了解現行官網及架構選單現況、問題
  • 了解專案人員對改版及架構選單的想法
  • 討論新官網視覺風格及架構選單規劃方向
  • 驗證新官網選單是否易於理解、便於使用
執行項目內容
工作坊1:官網設計&首頁規劃1.官網設計規範說明
2.經驗分享
3.競品分析
4.網站元件說明
5.新官網風格分組發想與討論
工作坊2:動手規劃新Sitemap1.Sitemap規劃說明
2.競品分析
3.新Sitemap分組討論
線上問卷:新Sitemap驗證1.新Sitemap問卷製作與發放
2.回收問卷並分析結果
3.依分析結論調整Sitemap

第一場工作坊

官網設計&首頁規劃

為讓合庫各業管單位對銀行官網規劃有初步認識,本場次藉由實際專案經驗分享,引導與會人員討論並彙整共識。
*僅示意部分簡報內容

工作坊1 流程內容
Part1 分組&說明1.與會人員分組
2.說明本次工作坊內容
Part2 官網設計規範說明1.網站規劃&設計規範
2.使用者中心設計
3.設計風格&競業分析
Part3 新官網風格發想&討論1.分組討論設計風格
2.說出3個喜歡/不喜歡的銀行官網&理由
3.選出3個希望本次改版應具備的優點
Part4 各組發表想法1.各組說明想法
2.初步訂定改版風格方向
Rest 中場休息
Part5 網站規劃說明1.元件&版型介紹
2.案例&競業分析
3.行銷元素規範
Part6 首頁規劃1.分組討論首頁規劃
Part7 各組發想想法1.各組說明想法
2.初步訂定網站規劃方向

第二場工作坊

動手規劃新Sitemap

列舉國內外銀行網站架構分析,讓與會人員對銀行網站架構有明確的認識,並介紹卡片分類法,現場分組討論與規劃新網站架構。
*僅示意部分簡報內容

工作坊2 流程內容
Part1 分組&說明1.與會人員分組
2.說明本次工作坊內容
Part2 Sitemap規劃說明1.Sitemap規劃規則
2.競業分析
3.Card Sorting介紹
Part3 新Sitemap發想&討論1.分組討論新Sitemap
Part4 各組發表想法1.各組說明想法
2.初步訂定Sitemap規劃方向

網站架構測試

第2場工作坊透過分組討論而產出新版Sitemap,為驗證新Sitemap是否易懂易用,因此規劃線上測試問卷,邀請使用者填答並彙整結果作為架構調整之參考。

測試問卷規劃

用情境假設詢問使用者對指定功能所處架構位置的預期與想像,並發放線上問卷進行測試,以了解使用者的反應與建議。
*僅示意部分簡報內容

測試問題分類測試內容
1.工作坊中有分類爭議的項目邀請使用者對「黃金存摺牌價」架構位置提供參考意見
2.各產品常用功能測試貸款、財富管理、信託、信用卡、基金投資、數位金融、存款外匯、保險等之常用功能是否易於查找
測試結果
測試結果分析

回收有效問卷共1072份,多數填答者都能快速找到題目所指定的項目,顯示新架構有助於查找資訊。然而仍有少數項目須調整架構位置或名稱,以利使用者查找所需資訊。
*僅示意部分簡報內容

調整項目
產品單元調整內容
貸款1.建議政策性貸款商品應依產品性質分別置於信貸或房貸項下,便於使用者依直覺查找
2.貸款手續費應顯示於各貸款商品頁中,便於使用者了解
財富管理1.建議研究報告應置於基金投資項下,或調整名稱以利使用者查找
2.建議投資商品介紹應置於基金投資項下,以利使用者查找
基金投資1.多數使用者不了解結構型商品,建議調整項目名稱或增加商品介紹