這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

2021-1-14    周周

2020 年,新冠疫情席卷全球,后疫情時代的需求也促使設(shè)計師們不斷提出更有意義的醫(yī)療解決方案。作者梳理了醫(yī)療保健類 APP 的類型,從產(chǎn)品的研究、功能特性、導(dǎo)航、顏色等角度提出了針對醫(yī)療保健 APP 的一系列設(shè)計建議,簡單直觀的界面、便捷的功能,以及積極的情感,才能使用戶接受并喜歡原本 “令人生畏” 的醫(yī)療產(chǎn)品。

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△ Justas Galaburda 繪制的插畫

在移動應(yīng)用市場中,的應(yīng)用類別是 “游戲”,而 “健康與健身” 類勉強(qiáng)躋身前十名。2020 年是十分艱難的一年,但也創(chuàng)造了很多機(jī)會,例如,移動應(yīng)用市場中醫(yī)療行業(yè)的產(chǎn)品大熱,受到多方關(guān)注,這類產(chǎn)品直接影響人們的健康行為,可以使人們的生活更加輕松愉快。

為此,大批創(chuàng)業(yè)人士開始關(guān)注醫(yī)療這一領(lǐng)域。首先,你需要制作一個功能強(qiáng)大的 APP,因?yàn)槿绻豢町a(chǎn)品不能交付使用的話,它就一文不值。但是,這種功能必須通過設(shè)計能力來呈現(xiàn)。一個好的醫(yī)療保健 APP 設(shè)計,應(yīng)突出其最重要的細(xì)節(jié),引導(dǎo)用戶進(jìn)行操作,并提出下一步建議,從而產(chǎn)生必要的行動。APP 本身可以成為有效的潛在客戶開發(fā)工具和公司的主要產(chǎn)品。對于一個健康或醫(yī)學(xué)相關(guān)的產(chǎn)品來說,用戶界面或用戶體驗(yàn)設(shè)計尤為重要。

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△ George Frigo 設(shè)計的呼吸檢測 APP

本文將探討一些醫(yī)療保建 APP 設(shè)計的成功案例和經(jīng)驗(yàn),這對設(shè)計師和企業(yè)來說都很有幫助。

醫(yī)療保健應(yīng)用的類型

值得注意的是,“醫(yī)療保健類 APP” 是一個綜合性概念,涵蓋了許多與健康和醫(yī)學(xué)相關(guān)的數(shù)字產(chǎn)品。

醫(yī)療保健 APP 類型很多,包括但不限于:

  • 醫(yī)護(hù)人員與患者進(jìn)行遠(yuǎn)程咨詢的 APP(遠(yuǎn)程醫(yī)療)
  • 患者與其電子健康病歷(EMR,Electronic Health Records)進(jìn)行交互的 APP
  • 記錄和管理患者生命體征的 APP
  • 提醒患者何時服用藥物或進(jìn)行運(yùn)動的 APP
  • 用于醫(yī)學(xué)計算的 APP
  • 包含醫(yī)療信息的參考型 APP
  • 健身和運(yùn)動類 APP
  • 健康生活方式和健康管理類 APP(日常飲水量、睡眠管理等)

這似乎是一個相當(dāng)寬泛的主題(例如,卡路里計數(shù) APP 和醫(yī)學(xué)教育解決方案相差甚遠(yuǎn),卻都屬于這個領(lǐng)域)。但是,有一些通用的設(shè)計方案,可以提高任何一款 mHealth APP 的易用性。( mHealth(Mobile Health,移動醫(yī)療或移動健康):通過移動設(shè)備提供與醫(yī)療相關(guān)的服務(wù),例如,通過 PDA、移動電話和衛(wèi)星通信來提供醫(yī)療信息和醫(yī)療服務(wù)等。)

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△Victor Nikitin 的醫(yī)療類 APP

如何設(shè)計移動醫(yī)療保健 APP

一款 APP,即使它不是企業(yè)的主要產(chǎn)品,也可能具有巨大的價值。例如,用于醫(yī)療工作的配套 APP,能夠?yàn)榭蛻籼峁┬畔⒑头?wù),從而減輕員工的負(fù)擔(dān)。如果一款醫(yī)療保健類 APP 是企業(yè)的主要產(chǎn)品(例如,健身或冥想 APP),因?yàn)闆]有硬核的業(yè)務(wù)場景支持,會有很大的風(fēng)險。有時,這類 APP 設(shè)計中的不足會導(dǎo)致用戶完全放棄使用它。

為了避免這種情況,我們來看看設(shè)計醫(yī)療保健 APP 的 12 個要點(diǎn),以及它們?nèi)绾螏椭O(shè)計師們設(shè)計出更具針對性、更直觀、更的 APP。

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△ Anatoly 設(shè)計的 Healthcare APP

1. 研究 – 成功的第一步

在制作 APP 界面原型之前,你需要了解產(chǎn)品的目標(biāo)受眾是誰,他們的地理分布、社會人口特征以及心理特征是什么。因?yàn)闆]有一種產(chǎn)品可以滿足所有人的需求。用戶的興趣和能力決定了他們?nèi)绾闻c APP 進(jìn)行交互。因此,回答以下問題將對你有所幫助:

  • 產(chǎn)品的目標(biāo)受眾是誰?
  • 他們喜歡什么?
  • 他們每天都使用哪些 APP?
  • 他們使用這些 APP 是出于什么目的?

一般來說,患者和醫(yī)生都會使用醫(yī)療保健類 APP(假設(shè)我們將生活方式類 APP 的用戶也視為患者)。這兩類用戶在功能和 UI 設(shè)計方面有不同的需求。

醫(yī)務(wù)人員通常需要快速找到一些數(shù)據(jù)項,例如 EHR / EMR、藥物規(guī)格、診斷和治療建議、參考材料等。但是,患者希望能與盡可能少的信息進(jìn)行交互,且這些信息應(yīng)該簡單易懂。因?yàn)檫@類用戶中有很多是老年人,或是存在某些障礙的人。

只有在進(jìn)行適當(dāng)?shù)挠脩粞芯?,并得出相?yīng)結(jié)論后,設(shè)計師才可以著手進(jìn)行醫(yī)療保健類 APP 的設(shè)計。

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△ Chahua 設(shè)計的健康管理 APP

2. 每一個案例都簡潔明了

對于一般人來說,醫(yī)學(xué)是一門復(fù)雜的學(xué)科。所以在設(shè)計醫(yī)療保健類 APP 時,請盡可能地讓它們保持簡單,這有助于讓用戶平靜下來,并保持專注。

“復(fù)雜性是你的敵人。很多傻瓜都可以讓事情變復(fù)雜,而讓事情變簡單是很困難的。” — 理查德·布蘭森

為了讓醫(yī)療類 APP 看起來很重要并給人留下深刻印象,而將其界面做得過于詳細(xì),是沒有意義的。即使該產(chǎn)品是為醫(yī)務(wù)人員設(shè)計的,也最好 讓界面和邏輯易于理解。

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△ lgor Savelev 設(shè)計的醫(yī)療類 APP

在設(shè)計醫(yī)療保健類 APP 的用戶界面時,請?zhí)峁┯幸饬x的用戶引導(dǎo),并 使界面直觀易懂。否則,用戶可能會在觸達(dá)該應(yīng)用核心內(nèi)容之前就對其體驗(yàn)感到沮喪。

如果該 APP 清晰明了,醫(yī)生及患者雙方都更容易接受。這樣一來,用戶易于學(xué)習(xí)上手。即使它是針對醫(yī)療的解決方案,人們也不會感到不習(xí)慣。

為幫助用戶在比較舒適的節(jié)奏下了解產(chǎn)品功能,請使用漸進(jìn)呈現(xiàn)的原則,逐步為用戶提供指示。從新手指引開始,將應(yīng)用程序中的每個操作分成可管理的小模塊,每次僅提供一個指引。(漸進(jìn)呈現(xiàn)(progressive disclosure):每次只展示用戶當(dāng)前需要的信息,引導(dǎo)人們平緩地由簡單狀態(tài)進(jìn)入復(fù)雜狀態(tài)。例如將原本復(fù)雜的邏輯隱藏起來,通過更易于認(rèn)知的界面形式幫助人們輕松完成最為基礎(chǔ)的任務(wù)。)

另外,采用被動輸入、自動輸入、調(diào)整鍵盤和動態(tài)驗(yàn)證字段的方式,能夠限制用戶必須輸入的信息量。

所有醫(yī)療信息必須由受過相關(guān)教育且具備專業(yè)知識的專家提供。否則,內(nèi)容要么不完整,要么包含錯誤,對于醫(yī)療產(chǎn)品來說是不可接受的。

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△ yurig 為醫(yī)生設(shè)計的醫(yī)療類 APP

3. 功能和特性

醫(yī)療保健類 APP 的 功能及特性取決于其用途和目標(biāo)受眾。例如,醫(yī)療中心 APP 需為用戶提供個人帳戶,在該帳戶中,用戶可查看其就診記錄、就診建議以及預(yù)約情況。如果沒有安全加密的視頻會議和通訊功能,遠(yuǎn)程醫(yī)療 APP 將毫無意義。畢竟醫(yī)療類 APP 依賴的是可靠且有用的通知。

主頁承載著一個 APP 的主要功能。請試著回答這個問題:用戶為什么使用你的 APP?或與之類似的 APP 呢?如果用戶訪問 APP 是為了記錄或接收某些信息,或是聯(lián)系醫(yī)生,查看他們的進(jìn)程等,那么這個功能應(yīng)該位于 APP 的主頁。

重要的是,正如前文所提到的,避免一次性出現(xiàn)太多功能,從而造成混亂。不可否認(rèn)的是,這種情況經(jīng)常發(fā)生在老版本的 APP 上。這些 APP 常常不斷添加新功能,偏離焦點(diǎn),以至于只有專家用戶才能理解它。

(專家用戶(super-users):專家用戶在生活中愿意給予企業(yè)反饋,主動做口碑,或是積極分享、點(diǎn)贊等,這些無法以價錢衡量,卻能在品牌價值傳遞、產(chǎn)品創(chuàng)新、營銷推廣等經(jīng)營各環(huán)節(jié),為企業(yè)帶來實(shí)質(zhì)貢獻(xiàn)。)

根據(jù)帕累托原理(二八法則),80% 的用戶傾向于使用不超過 20% 的功能。因此,務(wù)必確認(rèn)哪些功能對用戶來說是最重要的。

(帕累托原理( Pareto’s principle):也稱二八法則。在任何特定群體中,重要的因子通常只占少數(shù),因此控制具有重要性的少數(shù)因子,即可控制全局。)

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△ Manoj Dalvadi 設(shè)計的 Medicine APP

4. 便于探索與享受的導(dǎo)航

清晰的導(dǎo)航結(jié)構(gòu)是一個有效的醫(yī)療保健類 APP 的必要條件,也是醫(yī)療保健類 APP 用戶界面設(shè)計的基礎(chǔ)。沒有清晰的導(dǎo)航,APP 是不會被廣泛使用的。完善的導(dǎo)航意味著率和易用性,這對用戶來說是十分有價值的。醫(yī)療專業(yè)人士需要的是能夠快速開展工作的應(yīng)用,因?yàn)樗麄兓ㄙM(fèi)了太多時間在處理電子健康檔案(EHR)上。一項由斯坦福醫(yī)學(xué)院展開的調(diào)查發(fā)現(xiàn),醫(yī)生花費(fèi)在每個病人身上的時間,有 62% 是用于處理電子健康檔案。如果針對醫(yī)務(wù)人員的 APP 不夠簡潔,那 APP 便失去了使用價值。同樣的,對于患者來說,他們也不會喜歡混亂的導(dǎo)航,即使當(dāng)前的任務(wù)不是很重要。

重要的信息應(yīng)放在明顯的位置,并在必要時提供詳情。根據(jù) 3 次點(diǎn)擊原則,系統(tǒng)應(yīng)保證用戶在 3 次點(diǎn)擊之內(nèi),找到所需信息。

為了使 APP 導(dǎo)航結(jié)構(gòu)清晰,可采用標(biāo)準(zhǔn)的 APP 導(dǎo)航組件,如漢堡菜單、標(biāo)簽欄或抽屜式導(dǎo)航等。

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△ Alex Samofalov 設(shè)計的醫(yī)療類 APP

顏色的選擇

一般來說,APP 的顏色選擇取決于目標(biāo)受眾以及該 APP 的主題。

醫(yī)療保健類 APP 設(shè)計通常采用中性色調(diào),尤其是冷色調(diào)的藍(lán)色和綠色,背景一般為 白色。設(shè)計師這樣做是為了達(dá)到以下效果:利用柔和的色彩和醫(yī)療保健行業(yè)的聯(lián)系,緩解用戶焦慮并增加可信度。因此,在醫(yī)療保健類 APP 的用戶界面中,亮紅色或黃色是很少見的。

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△ Adam Soko?owski 設(shè)計的醫(yī)療類 APP — Pharmagy

但是,考慮到醫(yī)療類軟件的多功能性,顏色選擇并沒有特別的限制。主要思路是,這類 APP 的整體外觀應(yīng)營造積極的印象,不應(yīng)引起焦慮、恐懼或其他不良情緒。

例如,深色的健身 APP 看起來優(yōu)雅且有品味:

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△ Saepul Rohman 的 UI 設(shè)計—健康及鍛煉類 APP

而亮色為 APP 增添了許多活力:

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△ Michal Parulski 設(shè)計的移動健身 APP

追求個性化

APP 的個性化定制是近年來最顯著的設(shè)計趨勢之一。特定的功能與特定的用戶模式相適應(yīng),并且系統(tǒng)會暗示用戶下一步可執(zhí)行的操作,以免被用戶忽略。

這些技術(shù)的目標(biāo)是,幫助用戶更快地利用 APP 解決問題。因此,有必要識別和分析用戶模式,并跟進(jìn)他們的變化。

正如每個人都有著不同的健康狀況,用戶希望他們所使用的 APP 也能提供同樣獨(dú)特的體驗(yàn)。除此之外,在非醫(yī)療保健行業(yè),也有 33% 的用戶會因個性化程度不足而卸載應(yīng)用程序。

在設(shè)計醫(yī)療保健類 APP 時,可以使用許多自定義選項,如顏色主題、個性化通知、交互元素,以及利用 AI 定制個性化推薦等。

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△ Jawad 設(shè)計的在線咨詢 APP

無障礙性是必需的

無障礙的 UI 設(shè)計對任何 APP 來說都很重要,對于醫(yī)療類 APP 尤為重要。

移動醫(yī)療解決方案針對的是不同年齡,具有不同視覺和聽覺能力、身體和心理特征的用戶。因此,醫(yī)療保健類 APP 主要功能的設(shè)計,應(yīng)保證每個潛在用戶都能訪問。請考慮可能存在的限制,并努力克服它們的負(fù)面影響。例如,有暈動癥的人不會喜歡過多的動效。

但這并不意味著一個醫(yī)療保健類 APP 的界面中只能有兩種顏色,也并非所有文本字號都要非常大,但這確實(shí)意味著設(shè)計師將面臨一些挑戰(zhàn)。對于醫(yī)療保健類 APP 來說,其中的挑戰(zhàn)也許相對多一些。無障礙設(shè)計能帶來更多的機(jī)會,而不是負(fù)擔(dān)。試著從瀏覽 W3C 網(wǎng)頁中關(guān)于無障礙指南的內(nèi)容開始,嘗試使用色盲模擬器,如下圖這種。

無需多言,試試移動端無障礙設(shè)計的常用方式:將主要元素的尺寸控制一個拇指大小的區(qū)域中、添加將視圖改為水平模式的選項,以及放大文本的選項等。

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△ keithar 的對比度分析儀和色盲模擬器

積極態(tài)度的力量

醫(yī)學(xué)不僅復(fù)雜,而且通常令人生畏,即使涉及的醫(yī)學(xué)內(nèi)容不多。一個比較聰明的辦法是使 APP 看起來與醫(yī)學(xué)毫不相干。這將消除用戶因刻板印象而產(chǎn)生的壓力,并使體驗(yàn)更加愉悅。

除了使用柔和的顏色,還可以在用戶使用 APP 的不同階段 推送鼓舞人心的消息、有趣的圖片、歡快的語音或其他元素。醫(yī)療保健類 APP 用戶界面中的圖像和圖標(biāo),應(yīng)始終帶給用戶積極、愉悅的情緒,并 營造一種無痛感和安全感。

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△ Mahdieh Khalili 設(shè)計的冠狀病毒 APP

區(qū)別于 Web 設(shè)計

當(dāng)產(chǎn)品已具備現(xiàn)成的網(wǎng)站,企業(yè)方甚至設(shè)計師為了降低制作成本,可能會想從產(chǎn)品的網(wǎng)頁版中 “借鑒” 一些解決方案直接應(yīng)用在移動端設(shè)計中,這很可能導(dǎo)致用戶拒絕使用 APP。

用戶與移動設(shè)備間的交互不同于與電腦間的交互。移動設(shè)備的屏幕比顯示器屏幕或筆記本屏幕小。此外,用戶與移動設(shè)備交互的方式不同于在電腦上進(jìn)行的操作。在移動設(shè)備上,我們做任何事情都依賴手指的移動,不愿意輸入冗長的文本,但同時希望系統(tǒng)能更快地工作。

一般來說,盡管 APP 中的導(dǎo)航也很重要,但對于移動設(shè)備而言,更需關(guān)注的是交互設(shè)計。在大多數(shù)情況下,人們喜歡使用網(wǎng)站來獲取信息,使用 APP 來完成任務(wù)。此外,APP 還集成了智能手機(jī)的功能,如加速度傳感器和攝像頭,這也是導(dǎo)致 APP 的用戶界面設(shè)計與 Web 版有所不同的原因。

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△ Grace Saraswati 設(shè)計的健康健身類 APP

好事過頭反成壞事

視覺吸引力與功能性之間的平衡是非常重要的。醫(yī)療保健類 APP 必須便捷,且不能分散用戶對內(nèi)容的注意力。

圖形元素,包括動畫,應(yīng)始終以滿足使用目的為前提,來考慮是否需要,如數(shù)據(jù)輸入,以及說明用戶與系統(tǒng)間的微交互等。不能僅僅因?yàn)樗雌饋聿诲e而添加。不要過度使用漸變和陰影,要將用戶注意力集中在主要信息上。字體也只需選擇一種,可以通過改變字號和其他特征(如斜體、粗體)來做區(qū)分。

使用簡單的配色方案可以更清晰地傳達(dá)品牌信息,并創(chuàng)造更好的導(dǎo)航效果。

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△ Dibbendo Pranto 的健康及活動追蹤交互設(shè)計

是否借鑒競爭對手

你可能會在某些點(diǎn)上考慮,是否要借鑒一些競爭對手的成功案例。好吧,如果這有用的話……一方面,抄襲其他產(chǎn)品是不明智的,因?yàn)?它們的設(shè)計可能并不完善。你采納的可能是競爭對手的錯誤決策,以至于阻礙 APP 的未來發(fā)展。

另一方面,你應(yīng)該先對其他應(yīng)用進(jìn)行分析,對競品進(jìn)行研究。應(yīng)該參考用戶以前使用其他 APP 的經(jīng)歷,并進(jìn)行借鑒,從而降低用戶的學(xué)習(xí)成本。添加太多創(chuàng)意會使 APP 顯得很煩人,用戶需要花大量時間去習(xí)慣并學(xué)習(xí)操作。為此,可以參考蘋果制定的人機(jī)交互指南(Human Interface Guidelines )和谷歌制定的材料設(shè)計指南( Material Design)。

“用戶大部分時間是花在別人家的網(wǎng)站上。” — 雅各布定律

(雅各布定律:用戶在其他千千萬萬個網(wǎng)站中積累經(jīng)驗(yàn),學(xué)會如何使用網(wǎng)站,當(dāng)一個網(wǎng)站跟其他網(wǎng)站一致時,用戶會立刻知道該如何操作,但如果違反了雅各布定律,用戶會毫不猶豫地離開。)

必須根據(jù)品牌、服務(wù)和產(chǎn)品細(xì)節(jié)來進(jìn)行設(shè)計。例如,健身類 APP 與醫(yī)學(xué)計算器有著很大區(qū)別。設(shè)計必須完全符合目標(biāo)受眾的要求、APP 的功能細(xì)節(jié)及主題場景等。

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△ Martyna Zielińska 的醫(yī)療提醒 APP

可用性測試

最后,重要的是要記住,每個設(shè)計師都有自己的觀點(diǎn),認(rèn)為這個或那個決定是合理或有效的。他們可能會對 APP 架構(gòu)和導(dǎo)航的一致性,嚴(yán)謹(jǐn)?shù)脑O(shè)計解決方案,以及產(chǎn)品的實(shí)用價值深信不疑,以至于忘記了測試。通過不斷的實(shí)踐,設(shè)計師提高了自己的共情能力,可以更好地理解用戶需求。但事實(shí)上,直覺和經(jīng)驗(yàn)帶來的潛在陷阱也會給應(yīng)用帶來負(fù)面影響。

只有在分析用戶與 APP 界面交互的相關(guān)數(shù)據(jù)后,才能得出相對準(zhǔn)確的結(jié)論。測試有助于及時獲得反饋,覆蓋 APP 中的所有行為場景,并檢查交互模式。

用戶的積極參與是成功的關(guān)鍵。相關(guān)測試受眾的年齡、職業(yè)、地理位置、性別、文化和宗教背景等要盡可能接近目標(biāo)受眾,越接近越好。盡可能多地讓他們使用 APP 的主要功能并收集反饋。

這份醫(yī)療保健類 APP 設(shè)計的 12 個要點(diǎn),我先收藏了

△  Alex Samofalov 設(shè)計的患者卡片 APP

結(jié)論

設(shè)計所關(guān)注的并不僅僅是顏色和字體,而是創(chuàng)造價值和解決業(yè)務(wù)問題的能力。健康是一個敏感且具有挑戰(zhàn)性的問題,需要特別注意。設(shè)計師們一直努力地在醫(yī)療類 APP 極高的安全性及可用性要求與界面美觀性之間取得平衡。

經(jīng)過深思熟慮的醫(yī)療保健用戶體驗(yàn)和 UI 設(shè)計是一種極好的工具,它能憑借簡單直觀的界面、便捷的功能以及它所帶來的積極情感等,吸引用戶參與體驗(yàn)。


文章來源:優(yōu)設(shè)網(wǎng)     作者:TCC翻譯情報局



藍(lán)藍(lán)設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)


分享本文至:

日歷

鏈接

個人資料

存檔