三軍總網路掛號系統 Final Presentation Re-design Low Fidelity Prototype High Fidelity Prototype System Usability Scale
張家瑄 胡嘉恬 羅靖 婷
1 How might we
2 Sketch – LFP
3 Low Fidelity Prototype Demo 回饋 易用性測試 改善
4 High Fidelity Prototype Demo 回饋 易用性測試 改善
2
Before
3
Before
4
初始三總網路掛號系統 SUS Web Version
iPhone Version
62.5
57
D
F
two users
five users
新手 快速完成線上掛號
老手 用最少的時間回診 楊雅筑
林佳立
平面設計師
什麼都要快，時間就是金錢
行銷
醫生人很好，但是回診很麻 6
How Might We
1
要網路掛號的時候 , 找不到想看的醫生來掛號
2
進到網路掛號系統 , 我在網站裡迷路了
3
需自行判斷到診時間 , 系統建議時間和實際時間差很多
7
初步草圖 - 門診搜尋
1
增加搜尋科別、醫生名的功能
2
更改呈現方式 ( 參考 : 北醫、萬芳、台大 )
3
新增醫生調動狀態 ( 異動、請假 )
8
初步草圖 – 我的看診進度
1
明確的即時看診資訊 , 並顯示在掛號系統
2
清楚顯示資料會自動更新以增加安心感
3
掛號記錄直接呈現『目前看診進度』
9
其他初步草圖
10
Low Fidelity Prototype
11
Structure 首頁 即時看診進度
管理約診
內湖總院
我的看診進度
查詢 / 取消
汀州院區
其他看診進度
歷史紀錄
預約掛號 重新規劃網站架構 ( 精簡細項、減少資訊量 ) 重點功能增加明顯提示
慢籤
病症查詢
松山分院 北投分院 基隆分院 澎湖分院 台北門診中心
12
易用性測試 - 5 個情境 Task one 請掛 8/1 下午神經內科周中興醫師的門 診 Task two 今天是 8/1 請查看您的掛號紀錄以確認診
Task four 三個月定期要回診追蹤但忘記上一次什麼時候 看診跟醫師名字，麻煩您確認一下並告訴我們
間
Task five
Task three
公司福利提供一年兩次的醫療補助想要申請
您 8/5 臨時有事請取消您當天的門
2/1 就醫的紀錄
診
13
Low Fidelity Prototype Demo Website Version
14
Low Fidelity Prototype Demo iPhone Version
15
Low Fidelity Prototype SUS Web Version
84 B
five users
iPhone Version
83 B three users 16
Feedback
個人化功能 做得蠻好的很貼心
簡單操作容易上手
資訊架構清楚很多，可以知 道「我想要去的地方在哪裡」
17
Low Fidelity Prototype 改善 根據訪談 3 位使用流程和提出的建議，我們整理出 Low Fidelity Prototype 需要調整的事項
加回首頁的功能 門診資料中 新增新增醫生專長和介 紹
預期電腦版跟手機版的呈現要一樣
增加按鈕 左邊回上頁 右邊回首頁 取消按鈕應該要右邊或在下面
「管理約診紀錄」名稱修 改 18
High Fidelity Prototype
19
Structure 首頁 相關查詢
預約掛號
約診紀錄
即時看診進度
內湖總院
即將到來
我的看診進度
病症查詢
汀州院區
歷史紀錄
其他看診進度
醫師停代診
慢籤預約領藥
松山分院 北投分院 基隆分院 澎湖分院 台北門診中心
20
易用性測試 - 3 個情境 Task one 請掛 8/1 下午神經內科周中興醫師的門
除了針對三個情境進行訪談外，我們也詢問用戶對於新版網路 掛號系統的第一印象、色系、字體顏色進行調整。
診
Task two 今天是 8/1 請查看您掛號紀錄已確認時 間
Task three 您 8/1 臨時有事，請取消您當天的門 診
21
Demo Time
22
High Fidelity Prototype SUS Web Version
88
iPhone Version
83
B
B
four users
four users
23
Feedback
手機 RWD 有符合使用習 慣 終於不用再放大縮小！ 簡潔、專業、乾淨、俐 落、 比以往而言清爽很多
首頁改善後， 對於醫師專業度、好感度大幅提升
24
High Fidelity Prototype 改善 我們訪談 3 位用戶，針對字體大小、提醒視窗，容易會混淆用戶的用詞進行最終調整
Footer 、備註等文字太小
一些措辭的選擇
手機版取消掛號彈跳出來的視窗應該要確認是否要取消而不是直接取消掉了
25
Mood Board 26
Design Guide
Font Noto Sans TC
療 # 1FAB89
療
Medium
Bold
# 373C38 Regular
# 9DF3C4
療
# F4F4F4
# 62D2A2 Roboto
# D7FEB8
12 Regular
12 Medium
12 Bold
27
After
28
After
29
Thank You
30