7000字拆解北京協(xié)和醫(yī)院APP
本文通過7000字的深度拆解,全面分析了北京協(xié)和醫(yī)院APP的產(chǎn)品設計、用戶體驗和功能實現(xiàn)。從首頁設計到預約掛號、在線問診、用戶中心等核心模塊,作者詳細探討了該APP的優(yōu)勢與不足,并提出了改進建議。
作為開篇,我需要對以下問題做一個簡單的闡述,才能讓大家更能理解我的創(chuàng)作思路。
??互聯(lián)網(wǎng)醫(yī)院是什么?有什么價值?
互聯(lián)網(wǎng)醫(yī)院(Internet Hospital),是指依托互聯(lián)網(wǎng)技術,由實體醫(yī)療機構主導或參與,通過線上平臺(APP、微信公眾號和小程序)為患者提供包括在線問診、復診開藥、遠程會診、健康管理、電子處方、藥品配送等服務的新型醫(yī)療服務模式。
- ??對醫(yī)院而言,通過建立互聯(lián)網(wǎng)醫(yī)院不僅可以釋放線下患者的就診壓力,還可以延伸服務觸角,提升品牌影響力。
- ??對患者而言,不僅提升了醫(yī)院就診的便捷性,足不出戶就可以通過手機查詢醫(yī)院的出診信息,在線掛號,其次也可以讓偏遠地區(qū)的患者可享受大城市優(yōu)質的醫(yī)療資源。
總之,互聯(lián)網(wǎng)醫(yī)院不僅是醫(yī)院信息化的基礎平臺,也是絕大多數(shù)患者和醫(yī)院產(chǎn)生交互的第一個觸點,它的產(chǎn)品體驗不僅決定了患者對醫(yī)院的第一印象,而且也決定了患者全鏈路的就診服務體驗。
?? 互聯(lián)網(wǎng)醫(yī)院都有哪些常見的功能?
互聯(lián)網(wǎng)醫(yī)院受國家的標準統(tǒng)一制定,所以各大醫(yī)院的互聯(lián)網(wǎng)醫(yī)院功能其實大同小異,可以分為以下四大類。
- ??門診服務:主要為患者提供就診前、就診中的服務,比如預約掛號、在線繳費、檢查預約、智能導診等;
- ???住院服務:主要為患者提供入院辦理、住院繳費、出院辦理等服務。
- ??在線診療:主要為患者提供線上問診服務,包括圖文問診、電話問診、視頻問診等服務。
- ??便民服務:圍繞就診前后的場景,為患者提供院內(nèi)導航、就醫(yī)指南、護理上門、在線點餐等服務。
??我的測評重點分析哪些環(huán)節(jié)?
由于各大醫(yī)院的互聯(lián)網(wǎng)醫(yī)院產(chǎn)品的設計差異化不大,所以我將會從以下五個模塊入手進行拆解分析。
- ??首頁設計:內(nèi)容信息架構是否清晰,界面設計是否美觀,有沒有融入品牌基因,交互操作是否流暢。
- ??預約掛號:掛號的入口是否清晰,需要幾個步驟,是否簡單易上手?
- ?? 在線問診:提供哪些問診方式,專家及科室的檢索是否直觀,操作體驗是否流暢?
- ??用戶中心:內(nèi)容信息架構是否清晰,界面是否美觀?
- ??其他服務:有沒有其他亮點功能,比如老年版、國際版,以及結合AI設計的功能,或者其他創(chuàng)新功能。
?? 我會對這些環(huán)節(jié)進行評分嗎?
為了增加測評的趣味性,我將會在每個模塊的末尾進行一個簡單的評分,當然,這只代表我自己的個人體驗感受,評分的標準為:
- ?? 一顆星:產(chǎn)品設計糟糕,用戶體驗不佳,無法正常使用。
- ???? 兩顆星:基本可用,但設計粗糙或不符合用戶預期。
- ?????? 三顆星:產(chǎn)品中規(guī)中矩,滿足基本需求但無突出亮點。
- ???????? 四顆星:設計合理,操作流暢,功能實用,視覺美觀。
- ?????????? 五顆星:用戶體驗極佳,界面和交互都非常出色,給用戶帶來極大的滿足感。
產(chǎn)品拆解
好了,在我對此次的分析做了全面的介紹以后,讓我們開始吧!??北京協(xié)和醫(yī)院是一家什么樣的醫(yī)院?
北京協(xié)和醫(yī)院(Peking Union Medical College Hospital,PUMCH)成立于1921年,由美國洛克菲勒基金會創(chuàng)辦,旨在建設“亞洲最好的醫(yī)學中心” 。
作為在國家三級公立醫(yī)院績效考核中排名第一的醫(yī)院,協(xié)和醫(yī)院集醫(yī)療、教學、科研于一體,是國家衛(wèi)生健康委員會指定的全國疑難重癥診治指導中心 。
??醫(yī)院目標:建設亞洲最好的醫(yī)學中心。
??價值觀:嚴謹、求精、勤奮、奉獻。
??協(xié)和品格:立院為國、立醫(yī)為民、立學為真。
??辦院理念:待病人如親人,提高病人滿意度;待同事如家人,提高員工幸福感。
?? 入口分析
作為一個新用戶,我如何找到北京協(xié)和醫(yī)院的互聯(lián)網(wǎng)醫(yī)院?
?微信公眾號
在微信頭部搜索框輸入北京協(xié)和醫(yī)院,就能找到北京協(xié)和醫(yī)院的公眾號,點擊預約掛號或醫(yī)療服務就能進入北京協(xié)和的互聯(lián)網(wǎng)醫(yī)院。不得不感嘆,微信的用戶體驗做得真的很好,觸達非常精準。
APP應用市場
在APP應用市場輸入北京協(xié)和醫(yī)院也可以直接找到他們的APP,下載后就能開始使用。北京協(xié)和醫(yī)院的APP迭代頻率高,所以在接下來產(chǎn)品分析中,我將會以APP為主,而非微信公眾號。
官網(wǎng)
在搜索引擎找到北京協(xié)和的官網(wǎng)以后,進入患者版,在導航點擊預約掛號后可以查看到北京協(xié)和互聯(lián)網(wǎng)醫(yī)院的下載方式。雖然沒有清晰的引導,不過就國內(nèi)患者的用戶習慣來說,他們早已習慣通過手機去預約掛號。
?? 首頁分析
在我進入北京協(xié)和醫(yī)院的APP以后,我的體驗感知怎么樣?
導航欄:醫(yī)院的Logo和就醫(yī)憑證;
北京協(xié)和醫(yī)院的品牌色色值為深綠色(偏墨綠),色彩飽和度低,明度偏暗。在導航欄加入大面積的品牌色作為底色以后,給用戶的第一印象過于厚重,甚至有點壓抑,這也幾乎決定了整個APP的視覺體驗上限。
就醫(yī)憑證是患者在醫(yī)院就診中使用頻率最高的功能,通過出示就診人的二維碼,可以在醫(yī)院進行預約校驗、繳費和查閱報告等。但如果你想出示你的二維碼,你需要進入一個就診人選擇的頁面以后,才能找到二維碼,這個流程過于繁瑣,影響了用戶的操作體驗。
輪播圖:實時輪播醫(yī)院的最新公告;
輪播圖的高度太矮,圖片比例不屬于正常的banner標準,再加上比較業(yè)余的設計,整體的視覺體驗不佳。如果你想看清楚這些輪播的詳細文字內(nèi)容,你甚至需要一個放大鏡。
金剛區(qū):快捷服務的入口,包括掛號、預約取號、自助繳費、線上診療、腫瘤醫(yī)學中心、國際醫(yī)療部、健康體檢中心、罕見病醫(yī)學中心和AI小助手。
這個部分的內(nèi)容中規(guī)中矩,但最大的問題是圖標的設計風格不統(tǒng)一。不僅有線性圖標,還有填充圖標,有的圖標帶背景圓底,有的則沒有,甚至有的圖標加了陰影,有的又加入了漸變,這讓整個金剛區(qū)的視覺層級看起來比較混亂。
另外既然北京協(xié)和有國際醫(yī)療部,那么APP應該考慮可切換的英文版本。在點擊國際醫(yī)療部進去以后,除了院區(qū)選擇的引導頁夾雜著英文,其他頁面始終還是中文,而且這會讓APP的訪問層級變得非常深。如果你不小心點擊了「自助繳費」,你如果想返回到APP首頁,你需要在左上角連續(xù)點擊不低于5次的返回。
門診服務:包含注冊建檔、門診報道、候診查詢等功能。
門診服務是面向絕大多數(shù)常規(guī)看病用戶,聚焦預約、掛號、繳費、檢查等高頻任務。這是一種基于就診階段的任務導向劃分方式,也是大部分醫(yī)院最常見的內(nèi)容劃分方式。從功能內(nèi)容看,北京協(xié)和醫(yī)院的門診服務足夠豐富,不過圖標的設計破壞了整體的視覺體驗,用戶無法感受到愉悅。
住院服務:包含入院通行證、辦理住院、出院結算等功能。
住院服務是面向住院階段的用戶,滿足其入院、費用查詢、床位管理等需求。
便民服務:包含就醫(yī)指南、病歷復印、健康管理等功能。
便民服務是其他與就診不直接相關但有附加價值的功能,如導航、報告打印、健康檔案等,其次也加入了醫(yī)院的介紹等內(nèi)容。
一個產(chǎn)品的首頁,往往決定了用戶對這個產(chǎn)品的第一印象,其次也決定了整個產(chǎn)品的視覺風格。在瀏覽完北京協(xié)和醫(yī)院APP的首頁以后,很明顯用戶略顯失望,即便它的頁面內(nèi)容豐滿、信息架構清晰,但給用戶的視覺體驗過于普通。
??產(chǎn)品體驗評分:??????
?? 預約掛號
用戶看病就醫(yī)是否高效便捷?
掛號入口
掛號的入口非常清晰,用戶在首頁的瓷片區(qū)就能能找到掛號的入口。雖然圖片的設計略顯單調(diào),不過不會影響找到掛號的入口。
掛號須知
進入掛號后,系統(tǒng)會強制性讓用戶閱讀掛號須知,用戶需勾選同意《掛號須知》才能進入下一步。
掛號選擇
這個頁面主要是讓用戶選擇院區(qū),包括東單院區(qū)和西單院區(qū)的普通門診、特需門診和國際醫(yī)療部,其次還有罕見病醫(yī)學科、復診預約、線上診療、常規(guī)咨詢和專業(yè)咨詢。
這里的設計非常不友好,嚴重干擾了用戶的掛號。足足給用戶提供了11個選項,擁擠的排版也影響了用戶的閱讀體驗,讓用戶不知道該如何操作;
常規(guī)咨詢、專業(yè)咨詢這些選項沒有文字說明,給用戶產(chǎn)生了選擇困擾;頭部的搜索分散了用戶的注意力而且也干擾了用戶的操作目標。
科室選擇
想要進入真正的掛號頁面,不好意思,還需要幾個步驟。首先你得選擇一級科室,然后選擇二級科室,接下來可能還有三級科室,好了,你總算達到目的地了。
掛號頁面
好不容易達到掛號頁面,但這個頁面的設計也讓人非常失望。這個頁面不是一個網(wǎng)頁,更像是植入了一個Excel表格,所以文字信息非常擁擠,而且容易產(chǎn)生誤點擊;醫(yī)生的號源狀態(tài)標簽非常不清晰,如果不仔細看,你根本不知道這些標簽到底意味著什么。如果你想查看下周的號源,你甚至還需要拖動頁面,對了,千萬不要點擊表格頭部的日期,這里不是按鈕,而是圖片。
掛號詳情頁
進入醫(yī)生的號源詳情頁以后,用戶可以根據(jù)醫(yī)生的出診時間段進行預約。頭部的綠色文字底色實在太突兀了,再搭配上紅色的高亮文字,這個界面的設計實在忍不住說一聲太丑了。右上角可以跳轉到醫(yī)生的個人詳情頁,查看醫(yī)生的詳細介紹,不過這兩個頁面其實完全可以融合,不僅豐富了頁面內(nèi)容,還可以有效避免分散用戶的注意力。
通過以上的拆解可以看出,北京協(xié)和醫(yī)院APP的預約掛號步驟實在過于繁瑣,如果你想成功預約,你需要至少進入6個頁面,這樣的訪問路徑有多糟糕,一目了然。其次整個功能流程的頁面設計了太多干擾用戶操作的內(nèi)容,簡直就是雪上加霜。
??產(chǎn)品體驗評分:??
?? 線上問診
如何足不出戶和醫(yī)生溝通?
根據(jù)北京協(xié)和醫(yī)院線上診療的說明,**線上診療功能僅限于在醫(yī)院就診過的患者,所以對新用戶并不開放。**其次線上門診號源也采用排班預約制,也就是并不存在隨時向醫(yī)生發(fā)起圖文或電話問診,用戶需要先進行預約掛號才能享受到線上診療的服務。所以這個模塊我們就不進行測評了。
?? 用戶中心
用戶如何管理以及查看自己的數(shù)據(jù)
作為一個聚合頁,用戶中心頁面為用戶提供了資料修改、就診人管理、掛號記錄和電子票據(jù)查看等功能。它也是一個非常高頻的頁面,所以在內(nèi)容信息層級和界面設計上,是一個需要花上心思去重點設計的模塊。不過很顯然,北京協(xié)和醫(yī)院的用戶中心頁面幾乎沒有設計感。
??信息層級:頁面內(nèi)容相對清晰,從上至下排列功能,而且也對功能進行了分類,閱讀體驗較好。
??界面設計:圖標粗細不一致,也不夠精致,軟弱無力,而且于標題的行距較大,沒有形成一個整體,顯得非常松散。其次頭部的設計太乏味了,哪怕給用戶下載一個免費的iconfont圖標也能體現(xiàn)出這個產(chǎn)品有視覺設計師參與。
??產(chǎn)品體驗評分:??????
?? 除了基礎服務,還有什么給我留下深刻印象的?
協(xié)和·太初
從功能介紹看,這是北京協(xié)和醫(yī)院的AI小助手,患者可以和小助手進行對話,目前這個功能還處于內(nèi)測階段,我暫時沒有邀請碼,所以無法體驗。
用戶注冊
這個功能原本不值得單獨測評,但因為此次測評的用戶端是APP,所以會涉及到用戶的注冊和登錄。而且在北京協(xié)和醫(yī)院的官網(wǎng)也重點推薦了使用APP預約掛號,所以我把APP用戶端作為產(chǎn)品體驗重要對象。但就是這樣如此簡單基礎的功能,在賬號注冊的過程中,卻給我留下了太多難以理解的設計。
輸入框缺少標簽文字,當用戶輸入內(nèi)容后很容易忘記該輸入框應該輸入什么信息,這會造成用戶需要返回到上一個頁面或清空信息才知道自己填寫的是什么,這個缺陷導致我第一次注冊無法成功。
輸入框的內(nèi)容沒有做文字類型的限制,比如「姓名」,用戶也可以輸入數(shù)字,「證件號碼」用戶可以輸入中文,這樣的設計非常不友好。
證件類型下拉框的「非身份證」語義描述實在過于業(yè)余,這里完全可以修改為:身份證、護照和其他有效國際旅行證件。
別以為注冊完你就完事了,你最好把你的密碼牢牢記住,否則當你返回APP的時候,系統(tǒng)提示你需要重新登入。好吧,我只能點擊忘記密碼,重新操作一次,并把密碼存入我的記事本。
添加就診人
這也是一個非?;A、高頻的功能,因為這是使用APP預約掛號的第一個步驟,但這個功能給我留下的其實是比較失望的操作體驗。
在添加就診人的第一步,系統(tǒng)提示填入就診人的姓名和證件號(我已經(jīng)默認為填寫身份證號),但第二步卻需要用戶選擇證件類型(包含港澳通行證、身份證、護照等),這個設計真讓我捉摸不透。
用戶的姓名和身份證號沒有進行真實的數(shù)據(jù)校驗(我故意填寫錯號碼也可以繼續(xù)到下一步),這樣的設計非常不合理,不僅不支持自動填充性別、出生日期等數(shù)據(jù),而且顯得系統(tǒng)非常不嚴謹。
在用戶的姓名和身份證數(shù)據(jù)沒有匹配的情況下,如果你在證件類型勾選了「身份證」,你就無法選擇性別和填入出生日期,這樣的結果會導致用戶添加就診人失敗,而且不知道是什么原因。
在體驗到這里的時候,我特意對比了北京協(xié)和醫(yī)院的微信小程序,因為我難以相信這樣令人失望的設計會讓人心情平和。相比而言,微信小程序的用戶體驗則友好太多,幾乎沒有出現(xiàn)在APP體驗的缺陷,這真讓人難以理解為什么沒有同步。
住院服務
在體驗住院服務的眾多功能板塊的時候,我需要反復選擇就診人才能點擊下一步,這樣的操作體驗實在是太消耗用戶的時間了,系統(tǒng)可以默認勾選當前就診人,或是在首頁以及用戶中心讓用戶切換就診人,這樣就能保持整體的用戶數(shù)據(jù)一致,可以節(jié)省很多操作成本。類似繁瑣、不合理的交互設計確實還有很多,我就不一一舉例了。
語音助手
這是我見過最粗糙的APP一級菜單欄,它幾乎沒有任何設計,就是一大段文字,然后提示用戶可以長按說話查詢醫(yī)生、科室等。相比粗糙的界面設計,真實的操作體驗更加令人失望,那就是系統(tǒng)的回復并不會帶給你清晰的操作指導或者功能跳轉,而是向你發(fā)送一段蒼白無力的文字,甚至提示你去下載APP進行預約掛號??!
??產(chǎn)品體驗評分:??
總結
好了,總算結束了,讓我們來做一下簡單的總結吧!?? 如果給這個產(chǎn)品提一點建議,我會寫什么?
能讀到這里,相信你和我的感受一樣,如果要給北京協(xié)和醫(yī)院的APP提建議,那肯定是要重構產(chǎn)品用戶體驗。由淺及深,我覺得主要有以下幾個方向:
?? 交互操作:即使界面設計一般,如果用戶操作順暢,也可以避免很多問題,這些問題在掛號、住院服務這些功能的操作流程中尤其明顯,其實完全可以嘗試通過整合內(nèi)容、增加交互形式來解決這些問題。
?? 界面設計:整個產(chǎn)品的界面設計過于隨意了,如果能把圖標的風格統(tǒng)一,再減少一點花花綠綠的配色,我覺得像這個產(chǎn)品的視覺體驗將會有很大的提升。
? 其他:產(chǎn)品的內(nèi)容創(chuàng)新性我就不展開了,我的產(chǎn)品調(diào)研才剛開始,其次真的可以考慮增加英文版和老年版,滿足更多用戶的需求。畢竟協(xié)和醫(yī)院是國內(nèi)名氣最大、醫(yī)療資源最強的醫(yī)院之一。和他們宏偉的愿景「旨在建設亞洲最好的醫(yī)學中心」相比,用戶在他們官方互聯(lián)網(wǎng)醫(yī)院APP的品牌感知和體驗明顯有很大的差距。
?? 花了這么多時間拆解,我最大的感受和收獲是什么?
?? 就像喬納森·沙利亞特在《設計的陷阱:用戶體驗設計案例透析》一書中描述的那樣,醫(yī)療產(chǎn)品真是用戶體驗的重災區(qū),糟糕的設計也真的會讓人生氣和憤怒。
所以當我花了7000字拆解完北京協(xié)和醫(yī)院的APP之后,我最大的感受是接下來要拆解更多的醫(yī)療產(chǎn)品,把這些令人失望的體驗設計都記錄下來,讓大家在產(chǎn)品設計的過程中,不要只注重產(chǎn)品的可用性,而是要重視用戶體驗設計,減少科技產(chǎn)品對用戶的傷害。
?? 也許你以為我的拆解有點小題大作,是故弄玄虛,不過我無比認可《客戶體驗至上:體驗驅動的企業(yè)數(shù)字化轉型》作者西蒙·克蘭特沃斯的觀點——在任何行業(yè),如果他們想打造一個真正優(yōu)秀、以用戶為中心的品牌,那么用戶體驗設計是絕對不可以忽視的環(huán)節(jié),因為在信息爆炸的今天,用戶對品牌的感知和體驗是全方位、全渠道的。
??不要輕視用戶體驗,不管是APP,還是公眾號!
本文由人人都是產(chǎn)品經(jīng)理作者【廖爾摩斯丨設計大偵探】,微信公眾號:【設計大偵探】,原創(chuàng)/授權 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉載。
題圖來自Unsplash,基于 CC0 協(xié)議。
還沒用過,不過在互聯(lián)網(wǎng)時代這些相關App以及小程序的出現(xiàn)極大程度方便的人們
不要輕視用戶體驗,不管是APP,還是公眾號,我覺得這句話總結的很到位,因為大家運用互聯(lián)網(wǎng)最普遍用的一般就是公眾號和APP這樣的。