吃藥吧
app改版設計
01
專案介紹
此項作品為app改版設計。“吃藥吧”是一款服藥提醒和健康日誌的應用程式,可以輕鬆管理自己和家人的用藥進度,以及醫學檢查結果與健康狀況,並可生成PDF報告與醫生討論治療方案

02
設計研究
從app下載的用戶評論中 ,搜集了近半年希望改善的意見,並整理歸納出以下幾點
01 藥物提醒搭配照片對照
建議可以將藥物拍照上傳,附上照片對照比較不容易與其他藥物混淆
02 紀錄追蹤圖表不明確
建議在測量紀錄圖表中可以標示出異常值及數據說明,以更清楚了解測量結果
03 自訂用藥狀況及週期選擇
建議在紀錄用藥狀況時,可以加入自訂內容及時間週期
資訊架構
將原本的資訊架構重新做了調整,使分類層級更加明確,讓使用上可以更直覺操作

工作流程
將上方所提到的改善項目以及資訊架構規劃至下方流程內,並將更新項目以不同顏色特別標出



03
UI Guide
色彩規劃
將原本較深的藍綠主色調調整至較為舒適的天藍色調,並搭配淺灰色調作為輔色,減少原本土金色的衝突感
Before
主色調
#308195
After
主色調
#718EC7
警示色
#F63F40
#2B7284
輔色調
#B3A200
警示色
#E25454
輔色調
#406196
#023868
#DFE4EA
#ADB2B8
文字顏色
#3C3C43
字體樣式
在字體樣式上,因考慮到使用者年齡層可能會較高,因此特地將字級設定比一般再大一階

介面圖示

04
頁面設計
每日提醒
原本的行程畫面中只會顯示當日的提醒,當新增之後時間的行程時就無法在app中呈現。因此將行程分成“今日提醒”與“未來一週”兩個部份做切換,同時也可以讓需要幫忙家中長輩設定的使用者能預先設定一週行程
Before


After



將未來一週的行程橫向排列每天的提醒項目,並以左右滑動查看當天所有行程,以避免項目過多讓畫面過長
新增提醒
在新增藥物提醒的設定中,加入了“備註”以及“新增照片”的選項,並將設定選項統整至同一畫面中,讓設定可以更加流暢
Before



After


新增備註及照片,讓服藥時可以更清楚分辨及確認

時間到確認
將確認視窗從下方區域彈出覆蓋,讓操作時不會脫離前一狀態,並在提醒時顯示照片及備註
Before



After

新增備註及照片
選擇切換是否延後提醒
紀錄追蹤
原本的介面中,將所有的藥物、測量等數值全部紀錄於同一進展頁面當中,但當紀錄多項時頁面就會過長需滑動來查看及尋找。因此將頁面名稱改為紀錄追蹤,並依"藥物、測量、運動、症狀”4種項目分類切換來查看不同的數值紀錄
藥物追蹤
在原本的介面圖表中,日期及服藥情形並不是很清楚,也比較難標示一天多次服藥的狀況,因此重新調整後,將日期選項標示於上方,而服藥名稱、時間及數量則標示於下方列表
Before



After
測量追蹤
在原本的介面圖表中,對於數值標示並不清楚,僅可以看出折線起伏的狀況。因此在改善方案中,重新整理了圖表規劃,並且標示超標的數值及最近一次測量值,而詳細列表則可以從右方menu點擊查看
Before




After
在項目上方先顯示最近一次測量數值
圖表顯示單位、時間及超標值,以明確查看測量狀態
因收縮壓與舒張壓的相差值也是分析重點,因此以長條圖標示兩者數值,而脈搏則以折線圖標示



運動追蹤
在改善方案中,同上先顯示最近一次運動紀錄,並增加圖表的時間單位,讓資訊可以更精確
Before


After
症狀追蹤
在改善方案中,以百分比來顯示一段時間內的身心狀態,讓查看圖表時可以更方便快速的了解
Before


After

團隊成員
介面上維持原本的模式,在分類命名上則改為團 隊成員,讓選擇上可以更直觀
Before

After

我的療程
在改善方案中,將療程的內容資訊顯示更加詳細,並在每項療程旁增加開關按鈕,讓使用上可以更快速操作。而療程設定功能上則維持原本的模式,在完成設定後便會出現在每日行程的分類頁面上
Before

After

新增療程
在新增的內容中,特別著重於時間模式的設定,將週期、頻率、時間都分開選擇,讓操作上可以有更多彈性,並同樣也添加備註欄位


