top of page
慈濟封面-白拷貝.jpg

為什麼要重新設計?

  • 從使用者痛點角度思考:21世紀許多事情依賴著科技,看醫生掛號也是,而醫院並沒有針對自家App來進行使用體驗的優化。例如產品介面過於憂鬱,應該考慮到使用App的大都為病患,需避免病患產生更多的負面情緒。

  • 從商業層面來看:我們想要提高App的使用率,降低醫院人力的需求。

​專案目標

  • 透過用戶研究,找出現有App使用率低下的原因。                                                                                                                                                      

  • 針對原因提出解決方案,設計新版App。

​我的角色

在這個專案中,我主要負責用戶觀察、訪談與研究,找出問題點利用易用性測試以及問題歸納,進而規劃新版的Wireframe和定義視覺部分。

挑戰

如何優化介面以及精準的簡化掛號流程提升App使用率?

用戶訪談

為了解用戶平常使用情況,我找來三位用戶進行訪談,從訪談的內容我試圖弄清楚,用戶會在什麼情況下使用App以及用它來做什麼?根據訪談結果,我們捕捉以下訊息:

  • 『平常沒有需要使用App的需求。』                                                                                                                                                                                

  • 『大多是掛號需求。』                                                                                                                                                                                               

  • 長輩不熟悉3c產品,所以下載APP幫忙掛號。』                                                                                                                                              

  • 『介面不討人喜歡』

從訪談的內容得知,用戶使用App大都是在掛號的時候,所以我們有了初步的方向,有了方向後,我們進行更深入的研究,是什麼原因造成用戶使用App掛號的意願降低。

APP介面(原)

部落介面.jpg

這是目前原系統App的介面,顏色格外沈重,對使用者來說看醫生已經夠憂鬱了,應該不想掛個號就這麼憂鬱吧!!

部落掛號.jpg

掛號流程繁瑣,雖然用意良善思考到醫院或許是怕使用者掛錯天、掛錯科或者是掛錯醫生。

用戶研究

我藉由搜集評論、執行初步的易用性測試了解用戶在掛號的過程是怎麼樣?在執行中,我也請他們在當下的情況說出他們的想法來搜集更多質性資料,使用者分別是:

  • 男,28歲,上班族                                                                                                                                                                                                           

  • 男,24歲,上班族                                                                                                                                                                                                      

  • 男,24歲,上班族

​研究目標

  • 找出需要掛號的用戶在流程中遭遇哪些易用性問題,以致不使用App                                                                     

  • 掛號需求者在掛號流程時對畫面的感受是什麼                                                                                                                                                                                                      

  • 在掛號的流程上有沒有出現認知問題

任務設計

截圖 2020-05-16 下午1.40.59.png

說明下方圖片過程:三個人都進入登錄頁面,有一人進入選科頁面後表示好多字看了好煩躁,三人都選完科,進入選時間頁面也都成功選完進入選醫生頁面,選完醫生後進入完成掛號頁面。

部落格.jpg
評論.jpg

我們收集此款App的用戶評論,收集評論可以幫助我們從特定功能切入的時候,可以更全面思考。

研究成果

截圖 2020-05-16 下午4.39.57.png

在給定的任務情境中使用了原型進行測試,大部分的任務都成功完成,且實際耗時比預期耗時低,代表在易用性層面與學習性層面,並沒有顯著的問題。

截圖 2020-05-16 下午3.03.09.png

我們在可用性測試後繪製了掛號頁面流程,從流程圖中,我們思考該如何有效的簡化流程?

透過研究我們歸納了『現狀』問題點

  • 文字層級不明顯。                                                                                                                                                                                                           

  • 掛號流程過於壟長。                                                                                                                                                                                                      

  • 與網頁沒有統一風格。                                                                                                                                                                                                    

  • 產品介面沈重。

根據研究結果,此次設計重點將著墨於“優化介面”以及“掛號流程”方向進行,避免分散注意力。

解決方案

  • 簡化掛號流程。                                                                                                                                                                                                           

  • 修繕產品介面。                                                                                                                                                                                                              

  • 統一網頁風格並建立設計規範。                                                                                                                                                                                                   

慈濟封面invison.jpg

《Wireframe》

222795.jpg
222796.jpg
222797.jpg
222798.jpg

研究成果

成果部落.jpg
  • 預約掛號介面                                                                                                                                                                            優化文字層級,使用者可以清楚辨識重要訊息。                                                                                                                        

  • 選擇掛號介面                                                                                                                                                          整合了掛號方式、科別、日期和醫生時段流程,進度條讓用戶清楚位置,因為是“依科別” 方向進行修改,所以我假設了,使用者都知道自己該看什麼科別為加快搜尋時間我加入搜尋框,讓使用者可依關鍵字搜尋,選完科別後選擇日期系統可自動整理該科的排診期。           

  • 資料確認介面

       保留原有的資訊新增掛號類型,因為首頁以用身分證登入這邊便不再要求使用者輸入。                                              

  • 完成掛號介面                                                                                                                                                   利用卡片式設計乘載了不同但相關的資訊,加入慈濟Logo強化使用者品牌印象。                                                                                                                                                                                      

重新設計後

部落mockup.jpg

上圖為原版系統/下圖為新版系統

設計前後對比圖

使用者測試

將不同的角色給予相同任務,記錄任務完成時間,藉以了解優化成果。

是.jpg

​結語

Q:從專案中學習到什麼?

A:在這個專案中首次嘗試了從0到1的作品,對我來說最大的挑戰是自己要如何確定這樣設計是對的?從層層拆解整體結構,利用用戶訪談找出話語中的重點,集思廣益出問題,透過易用性測試驗證是否有正確定義問題及驗證最後設計結果。

bottom of page