ユニバーサルデザインというのは、視認性を高め老若男女、障害、能力などに左右されずに利用出来るよう工夫されたデザインの事です。

一方、ウェブ上でいうユーザビリティとは、使いやすさなどを意味します。

この両者は似て非なるものです。

例えば、ユニバーサルデザインの一つとして、フォントがあります。最近では視認性を高めたユニバーサルフォントなるものが注目されるようになってきました。ウェブでいうと、このフォントを用いて視認性を高めるのが、ユニーバーサルデザインです。

一方ユーザビリティは、このフォントを使って、なんと言う文字を書くかがポイントです。そしてその言語により、解りやすいナビゲーションを工夫するのです。ユーザビリティは奥が深く、一概には言えない所があり、定義もあまり定まっていない様です。

ちなみにユニバーサルデザインには原則があります。

ユニバーサルデザインについて
7原則
    • どんな人でも公平に使えること
    • 使う上で自由度が高いこと
    • 使い方が簡単で、すぐに分かること
    • 必要な情報がすぐに分かること
    • うっかりミスが危険につながらないこと
    • 身体への負担（弱い力でも使えること）
    • 接近や利用するための十分な大きさと空間を確保すること

弊社ではユニーバーサルデザインや、ユーザビリティ、など「こころ」あるものをホスピタリティと考えています。

このホスピタリティという大きな枠でのウェブ制作がこれからの時代は必要だと考えています。
是非、ウェブサイトにホスピタリティを。

お問い合わせや、ご相談はこちら＞＞

企業の社長さんは得てしてロゴや社名を大きくとり、画像もインパクトのある様に掲載するのが好まれる様です。しかし、モニタによっては縦サイズが550pxぐらいしか表示されないものもあります。

ウェブサイトはいかに、スクロールをしない範囲で必要な情報を掲載するかという事も重要です。ヘッダを大きくとりすぎるとスクロールせずに見せられるコンテンツが少なくなってしまいます。

閲覧者は、社名やロゴを見たいのではなく、情報を収集したいというのが大半です。最終的に社名などがわかれば良いだけの事です。

ある知り合いのサイトでは、リニューアルをしてすごくデザインも見せ方も上手くなったように見えるのに、受注が極端に減ったという事例がありました。

その原因は、コンタクトをとる部分がスクロールをしなければ見えない位置に移動した為です。コストをかけてリニューアルし、今までのサイトから格段に良くなりアクセスも上がっているのに、結果が悪くなるという事もある様です。

弊社ではいかに、ヘッダを小さくまとめ、コンテンツ部分をスクロール無しで見せられるかという点にも注意を払っています。

また、ヘッダがどうしても大きくなる場合は、コンテンツ部分をチラ見せするという方法もあります。そうすると、なにかな？とスクロールしたくなります。少なくとも、そこで終わりかの様な、横ラインを入れ区切りの良いデザインにすると、その下に情報が無いと思われ、スクロールしない可能性があります。

ウェブサイトは縦長が多い中、パソコンの画面は横長です。そのためには様々な配慮が必要だと考えています。

お問い合せ＞＞

ホームページを制作するときには伝えたい事が沢山あります。しかし、それらの情報を押しつけになってはいけないと思うのです。ある程度、アピールするポイントを絞って、程よく見せる。そして、内部に入ってもらいしっかりと見せる事がホスピタリティではないでしょうか。

もっともアピールしたいページに誘導するようなキャッチフレーズや、見せ方を工夫する必要はあります。

よく、トップページで縦に長いサイトがあります。検索エンジンの為にそうしているのかもしれませんが、延々スクロールをさせるホームページはあまり優しいとはいえません。

ホテルのロビーに入っていきなり、「ディナーはいかがですか？」と聞かれるようなものです。帝国ホテル等の有名なホテルになれば特になえてしまいます。単にトイレに来ただけかもしれないし、カフェに来ただけかもしれないのに、執拗にディナーを進められるとうんざりします。「ディナーもあります」というプレートをそれとなく見せておくというのが優しいと思います。

販売力としては少々、弱いかもしれませんが、ホスピタリティはそういう部分に表れるのではないでしょうか。

高級布団を売りつける瞬発的な商売ではなく、ホスピタリティがあり長いおつきあいが出来る企業でありたいと思う訳です。

ホームページというのは、会社自体のスタンスを表しているともいえるのではないでしょうか。

みなさんも是非、ホームページにホスピタリティを。

ご意見ご感想はこちらまで＞

それは、位置が移動する際に、動きを少し付けるという事です。

要は残像を残すということです。

例えば、aceのサイトの場合
http://www.acegene.jp/

ど真ん中にメニューがあります。
そこから、仮にコンセプトをクリックすると

上部に移動する訳ですが、その際に動きを付けています。

こうする事で、メニューがいきなり上部に移動する訳で無いため、閲覧者は迷う事がありません。
もっさりした動きが嫌な人もいるかもしれませんが、迷わせるよりはマシだと思います。

急に上部に動くのと、残像をつけるのとは大きな違いがあるという訳です。

閲覧者にアレッ？？と思わせない事がホスピタリティの第一歩だと思います。

旅館など人が行うサービスであれば、人の表情や仕草で何を求めているのかが読み取れますが、ホームページの場合はそうは行きません。ですから、少なくともターゲットに合わせたホスピタリティを提供する事が大事だと思います。

サイトの基本としては、

1、必要な情報を的確に伝える
2、読みやすい
3、ストレス無く表示ができる

などです。

一つの例として背景と文字の色をあげてみますと・・・

通常は、白地に黒の文字がほとんどですが、これだとコントラストがきつ過ぎて、目が疲れる様です。ですから、文字の色は＃222等のグレーを用いたりする訳です。本来であれば、光量の少ない黒の背景にグレーの文字が目にいいはずです。しかし、なかなか背景が黒のデザインも抵抗がありますのでなかなかそうもいきません。

そこで背景は白ではなく、薄くグレー等のカラーを用いる方が良い様です。また、この薄いカラーに少しノイズを入れると見やすいという方もいらっしゃいます。

パターンとして

1、トップのテイストを残しつつ、画像を小さくするパターン。（当サイト）

2、画像やテイストが大きく変わるパターン。

3、全く変化なく、トップページと同じ画像のパターン。

4、画像を取り除き、メニューだけにするパターン。

など様々なパターンが有ると思いますが、私が改善すべきと感じる2階層目のパターンというのをあげてみたいと思います。

1、画面が切り替わったのか、内部に入ったのかが、わかりづらいデザイン。

思わず何度もメニューをクリックしてしまいます。

2、トップページに大きく画像を差し込んでいるにも関わらず、２階層目もそのままで、毎度スクロールをしなければいけないデザイン。

スクロールボタンのないノートパソコンを使っている人や以前のMacの人にとってはつらいです。

3、トップページから大きく変化し、他のサイトに移ったと勘違いしてしまいそうなデザイン。

思わずブラウザを閉じてしまいます。

4、デザイン等は変わらないが、若干のプログラミングミスなどでガタっと微妙にレイアウトがずれるデザイン。

これはCMSで構築しておらず、htmlで構築してあるサイトに多く見られます。すべてのページが微妙にレイアウトがずれているため、ページが変わるごとに、ガタっと動くという現象です。おもわずネット環境が悪く動きが悪いのかと思ってしまいます。

5、サイトの幅が定まっていないデザイン。

以前のyahooなどはこういうパターンでした。トップページが800PXで内部に入ると文章を読ませる為に960PX程度に切り替わるというパターンですが、幅が定まっていないと、メニューやコンテンツが「この部分に来るであろう」と予測しながら利用しますので、視線を揺さぶられ疲れます。

6、背景色が変わるデザイン。

背景が変わるという事は文字のカラーも変わる訳で、非常に目に負担です。

7、メニューの位置が右もしくは左から、上メニュー等へメニューが大きく移動するデザイン。

目が疲れ頭が混乱します。メニューはあまり動かさない方が良いです。

8、ロゴの位置が変わるデザイン。

ロゴは大抵トップページに戻ると認識している人が多いようです。そのトップへ戻るリンクが色々移動されては戸惑ってしまいます。

9、別ウィンドウで開くパターン。

思わずブラウザを閉じてしまいます。

いずれにしてもユーザビリティだけではいけません。ユーザーの目を疲れさせないホスピタリティある工夫が必要だと思います。あなたのウェブサイトで、他人の視力を奪う事になるような事は避けるべきです。少し大げさですが、目を酷使しながらパソコンを利用するユーザーにとって、ホスピタリティあるサイトを心がけ構築する必要があると考えます。

今一度、トップページと2階層目のギャップを見直してみてください。