myclinic マイクリニック

医療機関専用ホームページサービス
国内10000医療機関のホームページ作成実績

資料請求
HOME マイクリニック紹介 ホームページ研究所  
 ホームページ研究所 >患者さんが集まるホームページ道場
コンテンツ
  プロが伝授写真撮影講座
  患者さんが集まるHP道場
  マイクリニック事例紹介
  検索キーワードランキング
  ウスイ内科開業奮闘記
関連リンク
  医療機関検索「MyClinic」
  薬局検索「My薬局.com」
  健康と医療の総合サイト
「健康Salad」

当道場では、患者さんに喜んでもらえる効果的なホームページの作成や運営のコツをお教えします。
すでにホームページをお持ちの方も、これからの方もお役にたてるような内容をご紹介しています。

登場人物

第14回 「医療機関や薬局にふさわしい『ホームページのデザイン』」

博士

今日は、ホームページのデザインについても触れておこう。
横太郎よ、おぬしのホームページは、どんな色を基調にしておるかな?

横太郎

僕のホームページは、すごいですよ〜
なんと、文字も色を12色も使っているんです!
カラフルでいいでしょ!

博士

うーむ・・・
カラフルなのも結構じゃがな、なんでカラフルにしたのかのう?
わしには目がチカチカしてしまって…

横太郎

え!
とくに意味はないですよ。
ただ、僕はカラフルなものが好きだからですけど。

博士

ふーむ。好みも大切じゃがな、ホームページのデザインはもっと良く考えることをおすすめするぞよ。
とくに、色なんかは見る人の印象を大きく左右してしまう。

たとえば、
青:信頼感を持たせるために効果的
赤:情熱や購買意欲、期待感をそそる効果あり
オレンジ色:楽しさや明るさを感じさせる
ライトグリーン:爽やかな印象を与える

横太郎

あ〜
そういえばそうですね。
ホームページでも同じことが言えるなんて考えたこともなかったです。

博士

そうじゃろう。
そこで、今回は、医療機関や薬局のホームページのデザインで大切なことを解説する。
まずは、今少し話をした色についてじゃ。

医療機関や薬局のホームページの色は、
患者さんにどんな病院・薬局だと思ってほしいかで、決まる

ホームページの色は、ホームページ全体のイメージだけでなく、医院や薬局の印象までも一瞬で決めてしまう力があるかたとても大切なのじゃ。

横太郎

ふんふん。
なんかちょっと難しいな。患者さんからどう思ってほしいかなんて。
どうやって考えたらいいんでしょう。

博士

まずは、医院・薬局を分析してみることじゃ。
診療科目や得意なこと、患者さんの層、先生やスタッフのキャラクターなんかのイメージを、色で表わすとどうなるかな?

麻衣

貴院・貴薬局を分析してみましょう

●どのような患者さんが多いですか?

□ 女性が多い
□ 子供が多い
□ 男性が多い
□ 若い人が多い
□ お年寄りが多い

●先生のアピールポイントは何ですか?

□ やさしさ 
□ あたたかさ
□ 元気ではつらつとしている
□ 知的で威厳がある

●貴院または貴薬局の特徴はどんなところですか?

□ 最新の機器と技術
□ 古い歴史がある
□ 施設が新しい
□ 東洋医学
□ 予防に力を入れている
□ 完全予約制
博士

例えば、「うちは小児科なので、子供が好きで元気な先生」という医院を思い浮かべてみよう。
どんな色が思い浮かぶかな?

横太郎

え?うーーん、そうだなあ・・・
青…よりはオレンジかなあ。
なんか、あったかい色がいいですよね。

麻衣

イメージと色

患者さんにどんな病院だと思っていただきたいかで、色が決まる

「健康的」・・・・・・オレンジ、緑、黄色
「元気」・・・・・・・オレンジ、赤、黄色、緑
「やさしい」・・・・・ピンク、ベージュ
「あたたかい」・・・・オレンジ、クリーム色
「子供らしい」・・・・オレンジ、黄色、薄紫、ライトグリーン
「伝統的」・・・・・・こげ茶、紫
「安らぎ」・・・・・・クリーム色、ライトグレー、モスグリーン
「はつらつとした」・・オレンジ、紺、水色、黄色
「信頼」・・・・・・・紺、ワインレッド
「知的」・・・・・・・ライトグリーン、グレー、黒
「先端的」・・・・・・ブルーグレー、紺、黒
「ナチュラル」・・・・緑、ライトグリーン、ベージュ、クリーム色

どんな色がどんなイメージを持つのかを説明したサイトもあります。 「色」「印象」といったキーワードで、検索してみてくださいね。
▼イメージする言葉から色を探すのに役に立つ書籍もあります。
『配色イメージワーク』(日本カラーデザイン研究所・編)
http://www.amazon.co.jp/dp/4062073234/

★マイクリニックでは、ホームページサービスのお申し込み時に、イメージする色や言葉などをお聞きし、最適なデザインをご提案しています。

横太郎

そうかー。
じゃあ僕なら知的なライトグリーンかな!

博士

横太郎が知的…ちょっと違う気もするが、志は大事じゃ。精進せい。

さて、次はレイアウトについてじゃ。
レイアウトは「わかりやすさ」がイチバンじゃ。
おぬしのホームページを見たがな、「横太郎のプロフィール」のボタンが、画面の真ん中の底にあったぞ。
これではおぬしのことを知りたいと思っている人が情報がどこにあるのか、探し回ることになるかもしれん。

横太郎

おちゃめですよ。かっこいいでしょ。
あ・・・(博士の顔が怖い)
じゃあ、どういうレイアウトがいいんですか?

博士

医療機関・薬局のホームページを訪れた方は、受付時間や、休診日・営業日、所在地などの情報を求めておる。
また、どんな医師がいるのか、どんな商品を扱っているのかといったことにも興味を持っている。
だから、

・診療科目や診療日など、基礎的な情報はすべてトップページに掲載すること
・患者さんが欲しい情報まで、迷うことなく移動できるようクリックするボタンがわかりやすいこと

サンプルまた複雑なレイアウトはお勧めできぬぞ。
なぜなら、ホームページのメニューボタンは、左上やページ上部にあることが一般的となっておる。そのた、我々には「ホームページのメニューはここにある」とという共通認識ができておるのじゃ。

したがって、患者さんがホームページを開いた時に、「メニューボタンはどこ?」と戸惑わないように、ある程度一般化されたレイアウトを使うことがお勧めじゃ。

麻衣

ワンポイントメモ【文字の種類や大きさについて】

文字も色使いと一緒で、多種の文字をいろいろなサイズで使うと目がチカチカし、読みづらくなります。閲覧する方がご自分で読みやすい文字を選べるよう、フォントを指定するのはやめましょう。

文字の大きさを指定する場合も、閲覧する方がご自分のブラウザで文字の大きさを変更できるように、「ポイント数」で指定するのではなく「small」「medium」「large」などの相対サイズで指定したほうが親切です。

また、強調したい大事なキーワードは、太文字にしましょう。見やすいと同時に、SEO対策としても有効です。

博士

さて横太郎、
この機会におぬしのホームページをじっくり見せてもらったが
いつのまにかページも増えて充実してきたな。

横太郎

そうでしょー。頑張ったんだから!
でも博士、これ作るの大変だったんですよ。
どのページも一から作るって、本当に苦労したんですから。
写真の位置とか大きさとか、文字の大きさとか。色だって・・・

博士

デザインの基本ルールがわかっても、何もないところからサイトを作るのは大変じゃろう。
そんなときは、デザインをフォーマット化してしまうと良い。

横太郎

へ?
デザインフォーマット化?って、何ですか?。

博士

デザインのフォーマット化とは、レイアウトや文字・写真の大きさ、配色など、デザインの基本ルールを決めてしまうことじゃ。
フォーマット化してしまえば、作る側にとっては、時間をかけずに更新ができ便利なのじゃ。

閲覧する側にとっても、どのぺージも同じ形式なので、どこに何が書いてあるかがわかりやすく、安心感がある。

横太郎

なるほど!
これでもう迷わなくて済むんですね。
写真の位置とかも、いつもいつも悩んでいたんですよ。

麻衣

マイクリニック、マイファーマシーのデザイン

1)TOPページに大事な情報を全部入れる
2)すべてのページからすべてのページへ、1クリックで移動できる
3)すべてのページからTOPページへ、1クリックで戻れる
4)ボタンの位置がわかりやすい

といったことに留意して、フォーマット化しています。

ちょっと一息・・・【フレーム構造とは】

ホームページを、左右、上下など、複数の枠(フレーム)に分けて作成してある構造を『フレーム構造』といいます。1つのフレームをスクロールしても、他のフレームの中は 固定されたまま、動かないのが特徴です。
以前はよく見られた構造ですが、検索エンジンのシステムの変化にともない、SEO対策としては適さなくなってきています。また、ブラウザによっては、表示できないものもあります。

◆マイクリニックをご利用の会員さまへ◆

マイクリニックでは、フレーム構造のサイトについては、別なデザインへの変更をお勧めしています。 現在、下記のフレーム構造のデザインをご利用の医院さまには、変更をお勧めしております。変更の方法がわからない場合は、サポートセンターへご連絡ください。

□ Fairy on the leaf
□ Med Science
□ Blue Sky(05まで)
□ Sanctuary(05まで)

なお、デザインをフレーム構造から非フレーム構造に変更すると検索結果の順位がリセット(初期化)されてしまうことがあります。しばらくは、検索結果のリンクをクリックするとエラーになることもあるので、お早めの変更をお勧めいたします。

博士

横太郎よ、せっかくじゃ。
マイクリニックでのデザインの変更のしかたも覚えていかれい。簡単に変更できて、便利じゃぞ。
中身を作りかえることなくデザインのみを変更することができる。

え!そうだったんですか!
中の文章も書き変えなくちゃいけないと思って、二の足を踏んでいました。

博士

下記URLの管理画面で、ログインIDとパスワードを入力する。

  《医療機関さまはこちら「マイクリニック」》
http://member.myclinic.ne.jp/

  《薬局さまはこちら「マイファーマシー」》
http://member.myph.jp/

「ホームページ作成と管理」→「デザインの選択」から新しいデザインをご選択 → 最下部にある「作成」ボタンを押すとすぐ反映されます。

麻衣

デザインをうまく選ばれている医院さまのご紹介

最後に、たくさんのデザインの中から、ご自分の医院のイメージにピッタリのデザインを見つけられた、医院さまをご紹介しましょう。

のぐち内科クリニックさま▼「のぐち内科クリニックさま」
http://www.myclinic.ne.jp/nnc/
デザインが、医院のロゴのイメージにぴったりです!

麻衣   ■1:患者さんにどんな医院・薬局だと思っていただきたいかで、色が決まる
  ■2:レイアウトは、「わかりやすさ」がイチバンです
  ■3:デザインをフォーマット化しよう!

『ホームページのデザイン』の話、いかがでしたか?患者さんに一瞬で良い印象を持っていただけるホームページ作りの参考にしてくださいね。

【マイクリニックサポートセンター】
電 話 : 0120-935-060(フリーコール:平日11:00〜19:00)
FAX : 0120-935-665
メール : support@myclinic.ne.jp

【マイファーマシーサポートセンター】
電 話 : 0120-200-973(フリーコール:平日11:00〜19:00)
FAX : 0120-935-665
メール :support@myph.jp

2002-2010 MyClinic, All rights reserved. 運営会社 | プライバシー・ステートメント