跳出千篇一律 医院网站也能潮爆了

魏则西事件之后,网友曾调侃:分辨一家医院是否正规可以看其网站,如果医院网页排版混乱、人工客服窗口漂浮在主页最显眼位置,那这家医院多半不靠谱;相反,如果医院网页内容严肃,还有大量党风党建、学术会议内容的话,这就是一家值得信赖的医院。虽是调侃,也道出了医院网站的现状:要么杂乱无章、“太为用户着想”,要么太过严肃、忽略用户。

健康界浏览国内多家医院网站发现,国内医院网站的主要作用是医院宣传,其主页有以下几大特色:

1.现代化医院大楼霸屏。 很多医院都会把自家的建筑展示在网站首页,这是一个很好的展示医院形象的方式,但很多医院的这类图片占据了整个页面,很多重要信息只能让位。

2.最新动态真的不够“新”。 很多医院也习惯把医院动态放在首页显眼的位置,但遗憾的是,动态更新太慢。

3.用户入口不明显。 很多医院的网站信息量很大,但用户想找到登录入口却不是一件容易的事。

总体来说,这些医院的网站起到了很好的宣传作用,可以让用户从各方面了解医院,但是很多设计并没有站在用户的角度考虑,用户体验上较差。

用户入口置于顶部

Andrew Kucheriavy是世界上第九位从Nielsen Norman Group获得Master of UX Certification(用户体验设计硕士证书)的人。在他看来,要想提高用户体验首先要确保网站的流畅性,做到让网站的每个部分无缝衔接。AndrewKucheriavy从自己的从业经验中出:用户更容易注意到网站顶部的内容,在网站的设计中最好把最重要、与用户相关性最大的内容置于网站的顶部。

医院网站的用户,很大一部分是患者和患者家属,他们浏览医院网站的主要目的是了解医院、医生以及预约。健康界发现,美国大多数医院的网站都将“Finda Doctor(查找医生)”、“Make an Appoitment(预约)”等与患者和患者家属密切相关的内容置于网站顶部。 通过“Find a Doctor”,用户可以直接搜索医生信息,了解医生的教育背景、专业、科室、出诊时间等信息。而国内大部分的医院网站,只能通过科室介绍了解医生信息。

另外,很多医院还开设了“Pay Your Bill(付费)”和“My Health Record(电子病历)”板块,供已经在医院就诊过的患者支付费用,查询电子病历、出院注意事项、化验报告和医嘱。

除了患者之外,访问网站的用户还有求职者,包括医生、护士、技术人员等。这类用户最关心的是医院的招聘信息,因此很多医院还把招聘信息放在网站页面的顶部,以便这类用户可以最快抓取。

值得注意的是,美国很多医院的网站还设置了捐赠入口--Give Now/Giving。实际上,就算是私营,美国很多医院也是非营利医院,医院所有的收入都用于临床、科研等。给医院捐赠并不罕见,但是美国很多医院却形成了标准化流程。 这些医院将捐赠入口同样置于网站顶部,用户点击进入便可以填写信息、选择合适的捐赠方案。

现在,随着媒体的发展,医院有了更多的展示平台,患者也有了更多的途径去了解医院,例如:微信公众号、微博等。但是健康界发现诸多国内医院网站,几乎都没有通向这些媒体的入口,而国外的很多网站则很好地利用了这些新媒体,直接将自己在Facebook、Twitter、Youtube等媒体的链接放在医院首页。

当然,除了以上的共同点之外,每个医院都有自己的特色,比如以下这几家医院:

1.纽约长老会医院:让患者为我代言

口号:Your personal connection to the top-ranked hospital in New York(走进纽约长老会,走进纽约最佳医院)

打开纽约长老会医院的网站,你看不到医生,看不到护士,也看不到医院大楼,占据主页面的是患者。 患者的图片被放在首页最醒目的位置,右上角配有患者故事的简介及入口,点开之后便可以了解这位患者的病情以及在纽约长老会医院的治疗情况。更多的患者案例则汇总在“Amazing Things Are Happening Here”版块。

考虑到有很多患者来医院的目的是因为在其他医院检查过,但是还想到更好的医院得到专家的“第二意见”,纽约长老会医院网站的Second Opinion版块就完全满足了这一需求。

进入该板块后,访问者进行注册并填写信息,随后医院会根据患者信息调取其电子病历和相关信息并发送给医院的专家,专家经过分析,会在3个工作日内给出一份“第二意见”。 患者可以根据“第二意见”选择治疗方案。

2.梅奥诊所:第一就要秀出来

要说哪家医院最自信,梅奥若是排第二,恐怕没人敢排第一。不信你打开梅奥诊所的网站,上面用超大号加粗字体写着“我就是NO.1”(Ranked#1)。

不过,梅奥这么做也是有底气的:在2015-2016美国医院专科排名中,梅奥排在第一名的专科有8个,排名第二的专科有3个,遥遥领先于其他医院。

美国新闻与世界报道每年评选的最佳医院排行榜在美国有巨大的影响力,所以很多医院会把上榜的奖章置于网站首页,还有什么能比这个奖章更有说服力的?

3.亚特兰大儿童保健中心:慢走,请填一下满意度调查表

作为一家儿童医院,亚特兰大儿童保健中心的网站也别具童心,医院各板块使用不同的色彩,并且使用各种图标来导航。为了了解医院网站的设计,首页会跳出一个用户体验满意度调查表,通过用户的反馈了解网站设计中的优势和不足。

如果仔细探究,医院网站设计真是一门学问,希望上述介绍能够起到抛砖引玉的作用。

参考资料:

1.12 Best Hospital and Healthcare Websites

2.Top100 UX Design Tips from a User Experience Master

3.Mayo Clinic

4.New York Presbyterian Hospital

5.Best Hospital Website Designs

作者

徐青 健康界国际编辑

关注国际医疗动态,发掘最具价值的国际医院管理案例。

本文系健康界原创,转载需授权

商务咨询:010-82736610-8877

点击“阅读原文”,参与擂台赛!

2018年最好的医疗网站设计及配色赏析

如何设计出优秀的医疗网站呢?不妨看看一些优秀的案例。

1、 The Doctors Laser Clinic -医疗美容类网站设计

设计特色:迎合女性审美、卡片式设计、优雅紫色调为主

作为医疗美容类网站,大部分以女性顾客为主。所以懂得迎合女性审美,不仅仅是从产品服务,网站设计也必须能在第一眼获得女性顾客的青睐。网站整体的紫色调优雅大方,不同层次的紫色卡片设计能循序渐进的对顾客进行引导。CTA部分的设计以深紫色做为强调,吸引点击,从而增加转化。

2.Beauty is power; a smile is its sword -牙医类网站设计

设计特色:黑色背景突出网站主题、简洁的黑白搭配,形成色调对比

正如这个网站的设计主题,微笑之美在于一口健康好牙。这个牙医网站设计的特别之处在于它没有常见的白大褂和拟人化的牙齿图案来突出主题,而是采用较为抽象的微笑来展示设计概念。作为牙医网站,也不失为很好的宣传广告。巧妙的颜色搭配使得网站中黑色部分设计并不沉闷,反而十分灿烂。

3.Tychee Training - Medical Training -医疗类网站设计

设计特色:活泼的橙色调、插画风格、扁平化设计

网站背景色采用橙白搭配,使整个页面看起来新鲜有活力。十分符合现代人追求的健康生活。首页采用了时下流行的插画风格,结合扁平化网页设计,给人温暖活泼的感觉。

在医疗类网站设计中,有哪些可以遵守的设计原则呢?

网站色调搭配是一个影响网页的重要因素。不同的颜色会产生不同的效果。

(1)红色:红色会使人兴奋,并且感到紧张不安。所以医疗类网站不适合使用红色做为主色调。

搭配:红色系中的粉红色比较适合于使用在医疗美容类的网站,营造出迎合女性柔美、纯真的气氛。

(2)黑色:色调比较庄重,且容易让人联想到死亡。所以如果对颜色搭配不好把握,建议避免过多使用黑色作为主色调。

搭配:黑色与高亮度的黄色搭配,可以得到清晰整洁的效果。属于比较适合活泼跳跃、色彩绚丽的配色方案。

(3)蓝色:蓝色比较适合和平淡雅洁净的页面,因此一些医院网站也会适当采用蓝色,活单独使用,或搭配使用。

搭配:浅蓝色具有淡雅、清新、浪漫和高贵的特性,常被用于化妆品、女性、医疗网站的设计中。

(4)绿色:绿色代表的是清爽、理想、希望和生长的意象,较符合服务业、医疗健康业、教育行业、农业类网页设计的要求。

搭配:绿色可与多种颜色搭配而达到和谐的效果,也是医院网站中最为广泛的颜色之一。

(5)紫色:紫色象征着女性化,代表着高贵和奢华、优雅与魅力,也象征着神秘与庄重、神圣和浪漫。

搭配:紫色加入少量的白色,就会成为一种十分优美、柔和的色彩。

(6)橙色:橙色具有健康、活力、勇敢和自由等象征意义,能给人以庄严尊贵神秘等感觉。应用在医院网站设计中可以营造温暖的氛围。

搭配:不能大面积使用,只能小块地与其他色彩搭配起点缀的作用。

(7)白色:白色是网页设计中通用的颜色,它具有容易突出彩度的特性。

搭配:搭配黑色显得高贵具有都市气息,但不适合作为医疗网站主色调。

(8)黄色:在很多设计作品中黄色都被用来表现喜庆的气氛和华丽的商品。

搭配:黄色属于一种中性色彩,因此它在网站设计中几乎可以和任何一种色彩搭配。

不仅仅是针对医疗类的网站设计,所有类型的网站设计都应该变得规范且有创意。对于设计师来说,更应该学习的是如何避免网页设计落入俗套。网页设计中的色彩搭配也并不只适用于医疗网站,其他类型的网站也应该尤其注意在色彩搭配方面出彩,为自己的设计加分。

编辑:千锋UI设计

相关问答

医院 招聘一般在什么 网站 ?

一般都在两个地方的网站上公布:一是本地区政府网和人社局官网上,二是本单位官网上。医院招聘人员有两种,一种是带有编制性质的事业单位人员招聘,这类招聘由...

湖南网络 医院 网址是什么?看病流程是什么?怎么取药? - 红网问答

网络问诊后医生开具电子处方,可到药店买药,目前免费,复杂病情建议去医院。排队几小时,看病几分钟,这是常有人抱怨的医院就诊经历。不过,今后湖南的...

医院 管理信息系统哪个品牌的比较好?-ZOL问答

用友财务软件连续18年市场占有率第一,可以去我们的新浪空间了解更多用友软件信息。空间地址,点击我的百度用户名,查询用户资料即可见。有用(0)回复puniubi...

医院 招聘的 网站有 几个?

关的企业群,加群聊就可以。2.网络渠道,智联招聘,前程无忧,58,现场招聘会等,搜索医疗两个字就出来很多。3.相关的医...2.网络渠道,智联招聘,前程无忧,58,现...

山东省立 医院 东院,有个无线网络slyy,是有密码的,请问密码多...

现在没有密码。能分配ip。但是连不上。是不是绑定mac地址了?有用(0)回复weirufen66953201有用(0)回复bipanda198712345678有用(0)回复...

白医在线具体能提供哪些内容和服务?

白医在线官网:https://study.zeekredu.com/为医院人才培养、学科建设、科学研究等方面提供支持。为临床医生提供临床实践与VR、AR、MR应用服务为医护人员提...

医院 需要认证的无线网怎么登录?

1.在手机上下载医院上网助手。2.点击去识别无线网。3.成功连接医院网络。在医院需要认证的无线网,我们需要输入医院的账号和密码才可以登录的。

武汉天佑 医院 官网?

官网地址:http://www.wkdty.com武汉科技大学附属天佑医院建院于1983年10月20日,曾为郑州铁路局武汉中心医院,隶属于郑州铁路局的三个中心医院之一。1995年5月...

医院 挂网络号什么意思?

医院挂网络号是指患者通过互联网平台预约医院的就诊号码。患者可以在医院官方网站或相关应用程序上选择就诊科室、医生和就诊时间,并支付挂号费用。这种方式...

有能 医院 自己的检查报告的APP或者微信小程序吗?

根据您的问题,我的理解是假如您在医院就诊了,您是想在您的手机里查询您的检查结果?从目前我知道的情况来说,目前还没有哪一家第三方机构的APP或小程序可以查...