Web関連

病院サイトってどこか似ていませんか?

0

こんにちは!
IAの鑓水です。
暖かくなったとはいえ、夜は寒いですよね。

気温差の激しさに体がついていけず、私は風邪を引きました。。
しかし病院に行こうにもかかりつけの病院が無いので、インターネットで探しました!
そこで、今回は総合病院に特化して病院サイトのユーザビリティについてご紹介します^^

すべてはTOPページに

サイトのトップページにたどり着くとファーストビュー(最初に見える部分)に共通点がいくつかあります。
まずは下記図の赤く囲われた箇所を見てください。

site_150415_01.jpg

http://www.keisatsubyoin.or.jp/

site_150415_02.jpg

http://www.nch.or.jp/

2サイトご紹介していますが、ほとんどの総合病院のサイトに赤枠のコンテンツが掲載されています。
赤枠で囲われた部分は「ユーザーの入り口」になります。

総合病院のサイトには老若男女が訪れます。

入り口

病院は老若男女の人が訪れる場所です。誰だって必ずお世話になるところですよね。
ユーザー層はWebサイトも一緒です。若い人からご年配の方がターゲットユーザーになります。

ターゲットユーザーが幅広いからこそ、ユーザーの目的に合わせた入り口が必要なんです。

ターゲットユーザーの幅広いということは、年代にあわせた導線設計の作成が難しいということです。
若年層に合わせた導線設計では、ご年配の方には使いにくい。逆もまた然りです。
年代にあわせた導線設計は難しい。その代わりにユーザーの目的に合わせた導線設計なら可能です。

目的とは、例えば「診療を受けたい」「入院について知りたい」等になります。
ほとんどの総合病院のサイトでは目的に合わせた入り口を設けることでユーザーが迷わず欲しい情報にたどり着けるようにしています。

赤枠で囲われた部分は、「ターゲットユーザーの目的別の入り口」なのです。

見やすく

次は、青枠についてご説明します。
俗に言うヘッダー部分ですね。グローバルナビゲーションと共に、どのページを見ても大抵見ることができます。

青枠は「文字サイズ」ですね。
入り口でご紹介した、ターゲットユーザーに関係しているところです。
何度も言いますが、ターゲットユーザーは老若男女です。
若年層に合わせた文字の大きさでは、ご年配の方が見にくい。だからこそ、文字サイズを大きくしたり、小さくしたりできるような機能をつけているのです。

最近は最初から少し大きめで、余白も広めに取ることで若年層にもご年配の方にも見やすいようなつくりのサイトも出てきています。
花と森の東京病院

使いやすく

最後は黒枠についてご説明します。
こちらも俗に言うヘッダー部分にあります。

黒枠で囲われている部分は「電話番号」です。
これについて皆さんお察しが付くかと思います。

何故、設置されているか。
それは、「すぐに電話できるように」です。
「すぐに行きたいけど今言って大丈夫か?」「相談したい」
病院という特性上、病院に連絡をつけるときは緊急性が高いことが多いです。

そんな今すぐに情報が手に入るように電話番号がいつも見えるところに設置されているのです。

最後に

今回は病院サイトについてご紹介しました。
病院サイトのようなターゲットユーザーが幅広い場合は、様々なことに配慮しながらがWebサイトを作成しなければいけません。

すべてのWebサイトにいえることですが、ユーザーは使いにくいと感じたサイトには再訪してくれません。
使いやすさを基本軸において制作する必要があるのはそのためです。

こちらのコラムでは今後も業界ごとのサイトの傾向をご紹介していきたいと思います!!

0

スマホアプリとネット注文で追加オーダーをGET!前のページ

ブラウザの種類と脅威!次のページ

ピックアップ記事

  1. AIに求められているものは、実は意外な物だった
  2. 新型コロナウイルスで日本の働き方改革が起こる
  3. 新しい販売形態であるDtoCについて考えてみる
  4. 大手企業も注目するMaaS(Mobility as a Service)とは何か…

関連記事

  1. Web関連

    やはり必要!web制作の第三者検証

    Webの世界は日進月歩。日々新しい技術、デザインが数多く生み出…

  2. Web関連

    HTML5の最新技術を知ろう!~その2~

    html5の技術を使ったトレンドを紹介させてもらいます。今回紹…

  3. Web関連

    フルスクリーンムービーを取り入れたWebサイトのメリット、デメリット

    最近多くのWebサイトで動画を活用しているのを見かけるようになってきま…

  4. AI関連

    【必見】デキる人は使ってる!WBSを活用してスマートなタスク管理をしてみませんか?

    どうも、自粛太りに焦り、最近筋トレを始めたAIコンサルの淺井です。…

  5. Web関連

    モバイルフレンドリーについて

    最近、モバイルフレンドリーという言葉をよく聞きませんか?モバイ…

  6. Web関連

    テレビCMとは違う?動画広告の面白さとは

    皆さんは1日にテレビ以外の動画をどれぐらい見ていますか?1時間も見…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. AI関連

    ストレスチェックはAIで
  2. Web関連

    飲食店Webサイトメニューページ徹底比較!~美味しさを伝えるために~
  3. Web関連

    HTMLの構造を考える時に大切な3つのこと
  4. Web関連

    海外のハイクオリティな写真まとめサイト3選
  5. AI関連

    新型コロナウイルスで日本の働き方改革が起こる
PAGE TOP