Web / UI/UX
職責
UI/UX Designer
時程
2024.03
負責項目
資訊架構、線框稿、設計系統、UI
產品背景
Reborn重生職能治療所為台南第一間健保特約治療所，致力於孩子的潛能發展培養、成人疾病後的功能重建，銀髮族生活功能及尊嚴的維持。治療所官網設計著重於重新規劃「預約諮詢流程」並建立兒童課程「線上報名系統」，有效簡化報名流程，提高醫病溝通效率，營造專業、溫暖的品牌形象，提高治療所曝光度。
挑戰
產品目標
建立品牌形象
減少業主行政人力負擔
了解問題及痛點
在專案前期，因為難以和使用者接觸，於是我們透過和業主及一些專業人士多次的交流，以便釐清業主和用戶的問題及痛點，礙於時間因素大多是透過文字進行提問，若時間允許也會直接和業主進行線上討論，經過資料收集之後產出了一下兩個persona:
忙碌媽媽Chloe
45歲
全職工作
相信專業
高收入家庭
Chloe是職場上女強人，平時工作十分繁忙，比較少時間陪伴、關注孩子，對於孩子的教育和成長方面較不擅長。媽媽A 相信術業有專攻，因此她會將孩子送去幼兒園、才藝班等。最近學校老師告知媽媽A 孩子有些異常，可能需接受職能治療，媽媽A 感到有些愕然、不知所措，開始尋找可靠的治療所協助...
王小姐
35歲
設計師
相信專業
高收入
王小姐當設計師已經超過 10 年，長時間坐在電腦前工作，導致她出現了腰痛、頸部僵硬和手腕疼痛的問題，也因為工作壓力造成身心靈失衡，陷入工作效率降低又不斷加班的惡性循環。她也曾尋找各式推拿、放鬆課程獲瑜珈等活動，但效果都相當有限，她知道自己身心出了些問題，卻不知道該怎麼辦...
競品分析
在發想解決方案的一開始，我們先透過競品分析，去看看其他的職能治療所，或是其他雖然不是職能治療，但一樣是診所的網站。
結論
透過「了解使用者」及「競品分析」以及團隊的相互討論來定義核心問題，不只讓我們更瞭解用戶更清楚用戶的輪廓，也更清楚治療所網站的特色，以下是從這次的研究中所瞭解到的事情以及發現的問題:
1.會使用官網的大多不會是職能治療的直接使用者
我們發現職能治療所官網的使用者大多都是家人，以「小孩來說就會是父母親」「長者就會是兒女」，少數會是本人使用。
2.共通點都是希望能有方便的預約系統
不管是什麼樣的使用者，都希望能在網路上就預約，不需要打電話到診所，而診所的作業人員也希望透過預約系統減輕人工作業的壓力。
3.專業與活力並存
透過使用者研究與競品分析發現，使用者在乎的不僅僅是治療所的專業程度，也想知道治療所帶給他們心理上的感受。
How might we
資訊架構
在開始視覺設計和頁面排版之前，透過前期研究，梳理清楚什麼是合理的訊息架構，讓使用者可以在我們的產品中快速找到自己想去的頁面。
設計系統
我們沿用了舊版的色系，並且加入一些溫馨可愛的插圖來點綴整個官網視覺。
測試與迭代
使用者測試
以下是我們測試時所設定的情境與任務：
測試情境：
假設你有二個姪子，一個目前 3 歲、一個 5 歲。兩個姪子都有出現情緒、社交、專注力表現等問題，經過專業判斷後需要接受職能治療。你希望能在重生職能治療所找到適合的治療課程給姪子們。
測試任務：
進入「課程資訊」，瀏覽課程的詳細介紹並執行課程報名模擬流程
使用「預約諮詢」功能，完成預約申請
進入「服務項目」頁面，查找健保與自費治療的相關資訊，並詳閱說明
進入「常見問題」頁面，找到一個與預約或課程報名相關的問題解答
根據這次測試獲得了以下三點發現，並進行相對應的迭代：
課程呈現方式造成混淆
因為課程分為單堂體驗課及正式課程，原本的呈現方式，發現使用者難以一下分辨是屬於哪一種課程。
課程報名匯款資訊不清楚
在報名頁面中，並未清楚呈現匯款方式及流程，導致使用者不知道該如何進行匯款。
網站呈現的感覺符合預期
整體風格溫馨、可愛又不失專業度，清楚呈現了治療所的風格。
原本的呈現方式是只分年齡，並且用標題分類，經測試後發現，因為直覺會被課程卡片吸引而忽略標題，進而改為「課程種類切換加上標題」的方式呈現。
在報名頁面中，並未清楚呈現匯款方式及流程，導致使用者不知道該如何進行匯款，因此將原本的「收費標準」改成「匯款流程」，而「收費標準」移至最上方的課程介紹以及下方的報名資料中。
線上報名系統
在報名頁面中，並未清楚呈現匯款方式及流程，導致使用者不知道該如何進行匯款，因此將原本的「收費標準」改成「匯款流程」，而「收費標準」移至最上方的課程介紹以及下方的報名資料中。
在報名頁面中，並未清楚呈現匯款方式及流程，導致使用者不知道該如何進行匯款，因此將原本的「收費標準」改成「匯款流程」，而「收費標準」移至最上方的課程介紹以及下方的報名資料中。
在報名頁面中，並未清楚呈現匯款方式及流程，導致使用者不知道該如何進行匯款，因此將原本的「收費標準」改成「匯款流程」，而「收費標準」移至最上方的課程介紹以及下方的報名資料中。
在報名頁面中，並未清楚呈現匯款方式及流程，導致使用者不知道該如何進行匯款，因此將原本的「收費標準」改成「匯款流程」，而「收費標準」移至最上方的課程介紹以及下方的報名資料中。
如果有任何想法想交流，歡迎與我聯絡!!
Email:abcs92212@gmail.com