Jul-Aug, 2023
是一個提供使用者便捷查詢如何急救處理,以及學習急救知識的網站平台,網站內含AED(自動體外心臟去顫器)地圖,用於尋找範圍內鄰近的AED位置,以及註冊AED登錄至地圖上。
移動裝置App提供了CPR(心肺復甦術)指引,急救者可在緊急情況下依照指引操作,把握醫護人員抵達前的黃金時間,提高急救存活率。
UX/UI 設計師
參與專業單位開設的急救訓練課程,是學習正確急救知識最直接的方式,但一般民眾大多僅在需要時上網搜尋急救處理的方法,且接收的資訊破碎,缺乏系統化整理。

Google搜尋快速取得大量結果,但不知道要看哪個,且正確性存疑。

漫長的路徑,才能找到衛生、救護機構提供的急救處理資訊。

而擁有急救知識,卻不等於實際遭遇受傷意外的情況時,總是能保持冷靜處理。
以學校、社區、或公司教育訓練中普遍學習的CPR為例,當我們身邊真的有人不幸倒下,我們是否仍會有所顧慮、怕操作不正確,而耽誤了救援的機會。
藉由痛點分析,提出方案及確立產品的主要功能。原型設計採用漸進增強的方式,以日常生活中接觸時間最長的手機依序發展至平板、電腦網頁等跨平台版本。最後透過可用性研究,進行設計迭代優化。
搜尋到眾多的急救資料,難以篩選出合適且正確的資料。
採用搜尋引擎及分類資料庫的模式建立學習平台。使用者可查詢傷勢或病症,即獲得清晰的急救處理步驟。內容由專業救護機構把關正確性,並時時更新。
緊急狀況時會擔心能力不足、失誤、責任問題等,而卻步施救。
App提供CPR指引功能,急救過程提供施救者清楚的步驟指引,包含CPR節拍器,降低施救者心理壓力。
速成學習的急救技能,實際應用發揮效果有限。
急救知識的學習需平時逐漸培養,才能臨危不亂。介面設計簡明的步驟及影音內容,讓使用者易於瀏覽與複習。可搭配小測驗加深印象。
蒐集使用者反饋,使用親和圖將反饋轉化為設計調整方向。
在查詢時,使用者需要一些提示,加快查詢速度。
增強CPR指引的無障礙功能,使其在緊急情況下更加有效。
首先應該採取的行動是打119尋求幫助。
使用者可以通過語音輸入進行查詢,並通過關鍵字提示迅速查找一些嚴重傷害的急救方法。
CPR節拍器以每分鐘110下的速度播放,通過添加節拍跳動動畫增強可用性。
增強無障礙功能,如自動擴音朗讀、自動下一步。
將撥打911按鈕放置在顯眼的位置,且當前位置顯示在按鈕旁邊,因為這是救護車需要的關鍵訊息。
#E40000
紅色經常代表著危險與緊急情況
#008250
通用急救符號為綠底白十字
在Figma上試試看吧!(建議於電腦上觀看以獲得較佳體驗,或點擊連結 )
網站架構與移動裝置App的功能相似,但考量到瀏覽網頁與使用App的情境稍有不同,網站將CPR指引以靜態內容放置於急救訓練中,並加入App下載連結。
響應式網頁設計,確保不同螢幕尺寸都能舒適地瀏覽。(點擊模擬圖體驗瀏覽)
首頁增加最近幾次的查詢紀錄,幫助使用者快速查詢複習。
諮詢專業救護人士,將急救知識資料庫作更系統化整理。
結合撥打119視訊功能,讓救護人員可以直接看到現場狀況。
漸進式學習檢傷分類、專業救援術語,讓現場狀況可以更有效傳遞給即將前來的專業救護人員。
提供使用者方便地查詢急救處理方式、學習急救知識,跨裝置設計讓使用者易於瀏覽與學習。
移動裝置App中的CPR指南及AED地圖功能建立施救者的信心,在緊急情況下提高急救成功機會。
本作品集網站及Figma原型中使用的部分品牌產品照片與圖片,僅用於展示個人設計練習,並無任何商業用途。 產品照片、圖片版權歸原品牌所有,若有疑慮,敬請與我聯繫。