背景画像
キービジュアル画像 キービジュアル画像

column

コラム

大好評シリーズ!見やすい病院ホームページの共通点とは【スマホ編】

集患・採用強化に取り組んでいる病院や
これから取り組みを始める医療機関の皆様へ

まずはお気軽にダウンロードしてください

ダウンロードアイコン資料ダウンロード

資料ダウンロード

ダウンロードアイコン

スマートフォンで見やすいホームページとは?

前回の記事では、数ある病院ホームページの中から「見やすい・分かりやすい」病院ホームページをご紹介しました。(前回記事はこちら

今回は大好評につき、更に「見やすい・分かりやすい」病院ホームページをご紹介したいと思います!ただ今回はPC表示のみならず、スマートフォンで閲覧した際にも「見やすい・分かりやすい」をポイントに病院ホームページをご紹介していきたいと思います。

ここ数年のモバイル端末の普及により、病院ホームページへのアクセス経路にも大きな変化がありました。今までデスクトップPCから閲覧していたユーザーの多くが、モバイル端末(タブレットも含む)からアクセスする傾向に移り、現在では病院ホームページの約6割~7割がモバイル経由でのアクセスとなりました。

今後ますますスマートフォン対応は必須となってきますので、まだ自院のホームページがスマートフォン対応されていない場合は、患者様・そのご家族・医療関係者・求職者向けにホームページを整えていきましょう。

済生会横浜市東部病院【神奈川県】

【パソコン表示】


【スマートフォン時】


PC表示からとても綺麗なホームページとなっている済生会横浜市東部病院。スマートフォン時も見やすく・分かりやすい構成となっています。
特にスマートフォン表示のファーストビュー(スクロールしないで見える範囲)において、交通アクセスなどを始めとするご来院される方への導線をしっかり確保されているので、ユーザーがスマートフォン時も迷わずに閲覧できる設計となっています。

また文字サイズや行間なども適切に確保されていることから、モバイルユーザーへの配慮が出来ている病院ホームページと言えます。

【ポイント】ファーストビューの領域に病院ホームページを閲覧するターゲットへの導線がしっかりと確保されている!

医療法人爽神堂 七山病院【大阪府】

【パソコン表示】


【スマートフォン時】


デザインから病院の優しい・柔らかいイメージが伝わってくるホームページ。キレイな写真を多く使用しているのも好感を得られます。
特にスマートフォン時には、キービジュアル(ホームページの一番上の画像)を大きく使用してPC表示の際にもある、写真をズームイン&アウトしながらフェードで切り替えていく動きがとても魅力的です。

このようにシンプルなデザインの中に、ユーザーの目を引く動的な挙動を盛り込んでいくことで他院ホームページとの差別化となっています。
また診療時間がPC&スマートフォン時に分かりやすい・見やすい位置にあるのは、ユーザーのことを配慮した設計になっています。

【ポイント】写真の使い方とユーザーの目を引く仕掛けが上手くマッチしています。シンプルながらも飽きさせない工夫が良い!

【パソコン表示】


【スマートフォン時】


グローバルナビゲーション(ホームページの全てのページに共通して設置された案内リンク)に大きなアイコンを使用しているのが特徴の北毛保健生活協同組合。大きく分割したボタンが分かりやすいのでユーザーの視認性や操作性が損なわれることはありません。

スマートフォン時にはグローバルナビゲーションにあったアイコン群は分割されたボタンとして、キービジュアル下に配置されているのでスマートフォン時にも押しやすい形となっています。敢えてキービジュアルの縦幅を狭くして、各ページへの導線をしっかりと見せているのは素晴らしい設計です。

【ポイント】スマートフォン時の設計(構成・レイアウト)が分かりやすいので、ユーザーが迷わず情報を取得できる病院ホームページになっています!

以上となります。

病院ホームページも一般企業のホームページと比べても遜色がないようなデザインが増えています。実際に受診される年齢層は60代以上かもしれませんが、そのご家族は40代~50代の方が多いかと思います。その年齢層の方々がホームページを訪れた時に、見栄えが優れたデザインと操作しやすいホームページであることが病院ホームページに求められるかと思います。

今後益々スマートフォンの保有率が増加していくことは間違いないので、まだ自院ホームページがスマートフォン対応含めたユーザーへの配慮が出来ていないものであるならば、すぐに改善する必要があるかと思います。まずは院内で話し合ってみる所から初めてみてはいかがでしょうか?

  • コラム
    病院ホームページ制作時に役立つ素材サイトのまとめ

    病院ホームページ制作時に役立つ素材サイトのまとめ

  • お知らせ
    夏季休業のお知らせ

    夏季休業のお知らせ

  • お知らせ

    mirahosサイトをプレオープンしました。(8月中にグ...

  • コラム
    病院でLINEを活用!?公式アカウント運用例3選

    病院でLINEを活用!?公式アカウント運用例3選

  • コラム
    お役立ちシリーズ第3弾!制作時に使用するツールまとめ

    お役立ちシリーズ第3弾!制作時に使用するツールまとめ

背景画像 背景画像

CONTACT

電話アイコンお電話でのお問い合わせ

(平日9時~18時)

  • メールアイコン

    お問い合わせ・見積依頼

    ミラホスについてのご質問は、こちらから気軽にお問い合わせください。

    矢印アイコン矢印アイコン
  • ノートアイコン

    簡単見積り

    必要な項目を入力するだけ、概算費用を確認することができます。

    矢印アイコン矢印アイコン
  • メルマガアイコン

    メルマガ登録

    日々の運用やWebサイトに役立つ情報を月1回配信しています。メルマガ限定情報の配信もあります。

    矢印アイコン矢印アイコン
  • ダウンロードアイコン

    資料ダウンロード

    ミラホスに関する情報や制作実績などを纏めた無料資料をご紹介しています。

    矢印アイコン矢印アイコン
medigle medigle
アイコン
矢印アイコン

地域医療連携システム

medigle(メディグル)

¥0から取り組む大病院の地域連携強化
大病院の地域医療連携を強化し
紹介患者の増加を支援するサービス