跨裝置急救知識學習平台

Mobile App + Web Design

Jul-Aug, 2023

專案概述

是一個提供使用者便捷查詢如何急救處理,以及學習急救知識的網站平台,網站內含AED(自動體外心臟去顫器)地圖,用於尋找範圍內鄰近的AED位置,以及註冊AED登錄至地圖上。

移動裝置App提供了CPR(心肺復甦術)指引,急救者可在緊急情況下依照指引操作,把握醫護人員抵達前的黃金時間,提高急救存活率。

我的角色與職責

UX/UI 設計師

  • 使用者體驗研究
  • 使用者介面設計
  • 可用性研究
  • 產品原型
  • 網站資訊架構

專案背景

參與專業單位開設的急救訓練課程,是學習正確急救知識最直接的方式,但一般民眾大多僅在需要時上網搜尋急救處理的方法,且接收的資訊破碎,缺乏系統化整理。

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

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

而擁有急救知識,卻不等於實際遭遇受傷意外的情況時,總是能保持冷靜處理。
以學校、社區、或公司教育訓練中普遍學習的CPR為例,當我們身邊真的有人不幸倒下,我們是否仍會有所顧慮、怕操作不正確,而耽誤了救援的機會。

定義問題

  • 急救相關資料雖然豐富,但卻破碎分散不集中。
  • 因慌張、顧慮而影響施救意願,措施急救黃金時間。

設計目標

  • 建立良好組織的急救知識學習平台,提供使用者簡便查尋如何進行緊急處理。
  • 為使用者建立信心,緊急時刻能主動成為施救者。

設計過程

藉由痛點分析,提出方案及確立產品的主要功能。原型設計採用漸進增強的方式,以日常生活中接觸時間最長的手機依序發展至平板、電腦網頁等跨平台版本。最後透過可用性研究,進行設計迭代優化。

痛點分析

1

搜尋急救知識

搜尋到眾多的急救資料,難以篩選出合適且正確的資料。

採用搜尋引擎分類資料庫的模式建立學習平台。使用者可查詢傷勢或病症,即獲得清晰的急救處理步驟。內容由專業救護機構把關正確性,並時時更新。

2

建立施救信心

緊急狀況時會擔心能力不足、失誤、責任問題等,而卻步施救。

App提供CPR指引功能,急救過程提供施救者清楚的步驟指引,包含CPR節拍器,降低施救者心理壓力。

3

日常急救訓練

速成學習的急救技能,實際應用發揮效果有限。

急救知識的學習需平時逐漸培養,才能臨危不亂。介面設計簡明的步驟及影音內容,讓使用者易於瀏覽與複習。可搭配小測驗加深印象。

線框圖

確立移動裝置App的四大核心功能:

查詢

直接輸入開始查詢

訓練

急救知識資料庫

CPR指引

協助施救者進行CPR

AED地圖

查詢鄰近AED位置

可用性研究

蒐集使用者反饋,使用親和圖將反饋轉化為設計調整方向。

發現 1:查詢

在查詢時,使用者需要一些提示,加快查詢速度。

發現 2:CPR指引

增強CPR指引的無障礙功能,使其在緊急情況下更加有效。

發現 3:緊急求助

首先應該採取的行動是打119尋求幫助。

設計迭代

使用者可以通過語音輸入進行查詢,並通過關鍵字提示迅速查找一些嚴重傷害的急救方法。

CPR節拍器以每分鐘110下的速度播放,通過添加節拍跳動動畫增強可用性。

增強無障礙功能,如自動擴音朗讀自動下一步
撥打911按鈕放置在顯眼的位置,且當前位置顯示在按鈕旁邊,因為這是救護車需要的關鍵訊息。

視覺設計

帶著繃帶的心 象徵我們通過急救挽回生命

#E40000

紅色經常代表著危險與緊急情況

#008250

通用急救符號為綠底白十字

設計成果

移動裝置App原型

在Figma上試試看吧!(建議於電腦上觀看以獲得較佳體驗,或點擊連結 )

網頁設計

網站架構與移動裝置App的功能相似,但考量到瀏覽網頁與使用App的情境稍有不同,網站將CPR指引以靜態內容放置於急救訓練中,並加入App下載連結。

響應式網頁設計,確保不同螢幕尺寸都能舒適地瀏覽。(點擊模擬圖體驗瀏覽)

精進空間

首頁增加最近幾次的查詢紀錄,幫助使用者快速查詢複習。

諮詢專業救護人士,將急救知識資料庫作更系統化整理。

結合撥打119視訊功能,讓救護人員可以直接看到現場狀況。

漸進式學習檢傷分類、專業救援術語,讓現場狀況可以更有效傳遞給即將前來的專業救護人員。

結語

提供使用者方便地查詢急救處理方式、學習急救知識,跨裝置設計讓使用者易於瀏覽與學習。
移動裝置App中的CPR指南及AED地圖功能建立施救者的信心,在緊急情況下提高急救成功機會。

參考資料

  • 衛生福利部中央健保署
  • 內政部消防署
  • 臺北市政府消防局
  • 安妮怎麼了?
  • 中華民國紅十字會
  • 急救先鋒App
  • 視訊119App
  • American Red Cross
  • St John Ambulance
  • Avonmore Training Solutions

本作品集網站及Figma原型中使用的部分品牌產品照片與圖片,僅用於展示個人設計練習,並無任何商業用途。 產品照片、圖片版權歸原品牌所有,若有疑慮,敬請與我聯繫。


檢視我的其他作品