這款給醫(yī)生的專業(yè)APP,設計上有著怎樣不同的要求?

2022-06-14    分類: 網(wǎng)站建設

醫(yī)療保健在任何一個國家都是非常重要的組成部分,它關乎每一個人的生命健康。 而隨著時代的發(fā)展,醫(yī)療技術本身逐步提升,而服務方式也隨之逐步演變,各種數(shù)字設備的普及和溝通方式的快速褪變,使得服務本身的潛力并沒有完全呈現(xiàn)出來。醫(yī)療、科技領域的專業(yè)人事和利益相關者,越來越關心現(xiàn)代醫(yī)療服務的提升的可能性,并且力圖探究更好的服務模式和解決方案,一方面讓醫(yī)生更好地挽救生命,另一方面,也讓用戶更好地接受治療。越來越多的APP和網(wǎng)站制作隨之誕生,而在測試和應用過程中,設計師的重要性逐漸凸顯。
今天創(chuàng)新互聯(lián)要介紹的,就是 Tubik Studio 的設計師 Eugene Cameel 所設計的Web端醫(yī)療應用 HealthCare。醫(yī)療領域并且針對醫(yī)生所設計的數(shù)字產品,在屬性和功能有著獨有的特質與需求,由于它和患者的生命息息相關,這款應用應該以快速、有效的交互為核心,來構建整個解決方案。它應該讓醫(yī)生和患者之間溝通變得更加輕松快捷,同時能夠主動組織和優(yōu)化數(shù)據(jù),讓治療更加高效。
接下來,我們近距離地來看看這個Web 應用設計的細節(jié)。
在真正開始考慮公司網(wǎng)頁設計風格和視覺設計之前,設計師通常需要借助線框圖來搭建整個布局框架,為后續(xù)的環(huán)節(jié)奠定基礎。設計師需要基于目標受眾的定義和分析,以及未來產品要解決的問題,來構建線框圖。HealthCare 這款Web 應用的主要用戶是醫(yī)生,而主要功能是幫助醫(yī)生快速搜集和處理大量的數(shù)據(jù)。每個患者通過檢測所獲得的每一項數(shù)據(jù)都至關重要,因此設計師應該專注于信息的組織和構建易用而清晰的界面。為了讓這款覆蓋到大量不具備復雜交互經驗的一線醫(yī)療人員,整個導航設計需要具備良好的直覺性。
基本上,這款工具為醫(yī)生提供了快速保存、整理、分析、調用患者相關數(shù)據(jù)的功能,在需要的時候快速打開,并提供治療的技術支持。醫(yī)生可以在內置的日歷當中,規(guī)劃并記錄病人預約看病的時間,并且監(jiān)督病人來體檢。這款應用還可以提供病人病歷、處方記錄、個人數(shù)據(jù)和更為復雜的用藥計劃。它另外一個進階功能,是提供不同層面、不同病癥和問題的統(tǒng)計和探索,這些統(tǒng)計包含了普通的數(shù)據(jù)統(tǒng)計和世界衛(wèi)生組織的統(tǒng)計和建議。
整個UX解決方案提供了三屏作為基本的界面,包括預約、日歷和統(tǒng)計。
這款應用在左側邊欄上有5個選項卡,每個選項卡會承載不同的內容,并且搭配相應的文本字段予以說明,整個視圖并不復雜,數(shù)據(jù)可以通過這樣的分類被整理得井井有條,而醫(yī)生有也可以通過分類快速定位到要尋找的數(shù)據(jù)。而日歷界面當中,用戶可以通過頂部快速切換月視圖、周視圖和每天的日程,這部分還能針對特定的日期進行單獨顯示。所有的數(shù)據(jù)都是以卡片的形式組織起來,左側的時間線可以供用戶快速跳轉和篩選。用戶可以通過標簽頁切換快速預覽所有的預約和計劃,也可以點擊特定的時間來添加新的待辦事項。在不同的預覽視圖當中,患者的名字、時間和預約的性質(急診、后續(xù)治療等)都會顯示出來。
特別的預約會在菜單頂部顯示,并且可以橫向滾動瀏覽,確保隨時可以看到。下方我們能看到不同的用戶的詳細信息按照標簽被整理在一起,每個用戶一個標簽,其中包含了用戶的姓名、性別、醫(yī)生、ID、地址和聯(lián)系人。同時,關鍵性的數(shù)據(jù)被整理為三個部分:醫(yī)療背景、化驗結果、保險和收費。
第三屏則主要顯示了各種統(tǒng)計數(shù)據(jù),這些數(shù)據(jù)對于醫(yī)生探索和研究特定的病例或者尋求更好的診斷方式是非常有用的。標題下的標簽頁可以讓醫(yī)生快速切換不同的數(shù)據(jù),也可以根據(jù)月或者年份來篩選數(shù)據(jù)。在UI設計的環(huán)節(jié),設計師需要讓數(shù)據(jù)更加便捷地視覺化呈現(xiàn),在配色和排版上更加用心。設計師將深藍色作為背景的主要色調,和前景內容的淺色構成明顯的對比,這樣就將側邊欄和標題和具體內容的層次劃分了出來。在界面的主要區(qū)域采用了自然的白色,在設計過程中,設計師設定了幾個基本的目標:
擁有良好的可讀性,并且讓用戶對于文本內容可以快速感知,因為在緊急情況下,需要醫(yī)生能夠對于患者數(shù)據(jù)足夠敏感。
UI中關鍵的交互元素(諸如按鈕和圖標)和周遭元素要有明顯的對比度。
要和傳統(tǒng)的紙質文檔在視覺上保持高度的一致性,并且參考實際的文檔來設計交互和UI,這對于大量的傳統(tǒng)的醫(yī)療行業(yè)從業(yè)者更加直覺,這對于老一輩的醫(yī)生而言,更加直覺。
加入恰到好處的留白,不要讓信息堆積在一起形成壓迫感,這有利于醫(yī)生快速注意到特定的數(shù)據(jù),也有利于創(chuàng)造相對輕松的閱讀體驗。
當前的預約界面顯示了主要的數(shù)據(jù):診斷、問題、藥物和復雜的用藥計劃。
日歷界面采用了色彩柔和的彩色卡片,這種設計和日常記錄日程時利用便簽紙和白板的體驗類似。和物理世界相似的設計可以讓使用者更容易上手。數(shù)據(jù)統(tǒng)計界面由于涉及到數(shù)據(jù)可視化,設計師為了讓信息更加直觀,采用了相對簡約的設計和醒目的配色,加上高識別度的非襯線字體,確保優(yōu)雅的同時,還保證了信息的有效性。由于整個Web應用涉及到大量不同的內容,設計師加入了動畫來幫用戶了解元素之間的關系和交互的結果。

結語,這個案例為Tubik Studio 向著醫(yī)療行業(yè)邁進奠定了基礎,設計師在這個項目當中對于醫(yī)療行業(yè)有了更多的了解,雖然有挑戰(zhàn)性,但是努力是值得的。


本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設網(wǎng)站設計制作公司-創(chuàng)新互聯(lián)
標簽:網(wǎng)站開發(fā),重慶網(wǎng)站建設公司,成都網(wǎng)頁設計公司,成都網(wǎng)站設計公司

新聞標題:這款給醫(yī)生的專業(yè)APP,設計上有著怎樣不同的要求?
文章鏈接:http://www.bm7419.com/news39/167189.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設靜態(tài)網(wǎng)站、用戶體驗、外貿網(wǎng)站建設、云服務器、網(wǎng)頁設計公司

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設計公司