No.016「立川病院」のからくり

No.016 立川病院 病院
No.016 立川病院-ワンピースの楽譜 | Webサイト100選

No.016 立川病院- ワンピースの楽譜 | Webサイト100選

サイト概要
立川病院のWebサイトです。
立川病院は立川市における地域医療支援病院・東京都指定二次救急医療機関に指定されている総合病院です。市民病院のような、患者さんの目線に立った医療の実践を目指しています。

No.016 立川病院

No.016 立川病院-ワンピースの楽譜 | Webサイト100選

ここが魅力!
・「健康コラム」では、様々な症状について画像やイラストなどを用いた説明が読める!
また、部位ごとにコラムを絞って探すことができる!

No.016 立川病院-健康コラム

No.016 立川病院-健康コラム-ワンピースの楽譜 | Webサイト100選

構成
FV

No.016 立川病院-FV

No.016 立川病院-FV-ワンピースの楽譜 | Webサイト100選

→自分が本サイトを初めて見るときに期待する内容として、自分のかかる科をすぐに探せるかがあると考えた。
その上でサイトを開いてみると、グローバルナビゲーションの数が少ないかつ真ん中に「診療科・部門のご案内」があったため、分かりやすいと感じた。
また、カルーセルパネルで、病院の外観や院内の様子が何枚か見れるようになっており、病院のイメージが掴みやすい。

header、nav

No.016 立川病院-header,navigation(769px以上)

No.016 立川病院-header,navigation(769px以上)-ワンピースの楽譜 | Webサイト100選

→グローバルナビゲーションのカテゴリ名の上にマウスをかざすと、背景色がオレンジ色に変わる。クリックするとサブカテゴリが出てくる。
ページ左上のアイコンは、カテゴリは同じ「募集」だが、「研修医」と「看護師」と違いを分かりやすくするため、背景色を変えている。
「受診方法」、「時間外救急」、「交通アクセス」にアイコンを使用している。(ページ右上)

画面サイズ幅が768px以下では、グローバルナビゲーションはあるままで、右上にハンバーガーメニューが出現する。どちらからでも対象ページまでのクリック回数に差はない
幅769px以上時に表示されるページ左上の「研修医募集」「看護師募集」アイコン、右上の「受診方法」、「時間外救急」アイコン、「文字サイズ」選択ボタンが消える。

幅768px以下

No.016 立川病院-header,navigation(768px以下)

No.016 立川病院-header,navigation(768px以下)-ワンピースの楽譜 | Webサイト100選

footer

No.016 立川病院-footer

No.016 立川病院-footer-ワンピースの楽譜 | Webサイト100選

→footerに多くの人が知りたい情報(今回の場合は「診療受付(時間)」や「休診日」)が載っていることで、使いやすい。
電話番号を目立たせている。スマートフォンの画面から電話番号をタップすると電話をかけられる。

使用パーツ・アイコン

バナー

分析・考察
■ターゲット:全世代
[理由]総合病院=幅広い年代の人が来院するから。構造がシンプルだから。

■特徴:
・検索窓がfoorter(=ページ下部)にある。
・「※面会禁止のお知らせ(新型コロナウイルス感染症防止対策)」を、「新着情報」欄に固定するなどではなく、「面会時間」の欄の、面会時間よりも上に赤字で表記しているため、分かりやすい。
・headerに「文字サイズ」選択ボタンがある。
・文字サイズ:トップページの見出し(「受付時間」、「休診日」)は24px。見出しの文字下の内容は16~18px
footer内は14px(電話番号を除く)。
「新着情報」は日付は18px、タイトルは24px

・フォントの種類は、全体を通して「メイリオ」。視認性がよく、読みやすい。

Webサイト100選No.016-ワンピースの楽譜 | Webサイト100選

コメント

タイトルとURLをコピーしました