ホームページは、かっこ良さより遊び心より何よりも、見やすいこと、わかりやすいことがいちばん大切だと考えています。

つまるところ、肝心なのは、「どう見せるのか」よりも、「何を伝えるか」だと思います。

早春の受験生にとっては、「サクラサク」の五文字だけで値千金です。

ホームページ制作イルネージュ
制作で気をつけていること
1
見栄え
どのように見えるのかというよりも、何を伝えるかを重視しています。ホームページが道具性をもつ以上、枠は中身より控えるということを大原則にしています。
2
単純さ
複雑であるよりも、よりシンプルに実現できることを重視しています。
3
実用性
W3Cの勧告による仕様よりも、広くブラウザで現認できることを重視しています。コンテンツ(中身)はサイトの主役、ホームページはコンテンツの運搬役です。できる限り中身を引き立たせたいと思っています。
4
目的性
印象深く表現したいというよりも、道具として役立たせたいと考えています。彼がそこにいたという事実ではなく、彼が何をできたのかを評価したいのです。
5
応急性
基本設計からやり直すというよりも、緊急にパッチをあてて対処します。
6
柔軟性
長期的視野に立つというよりも、朝令暮改的な素早さで対処します。
7
データ
バイナリーデータよりも、身の軽いテキストデータを重視しています。
8
未完性
ウェブサイトはつねに未完成であり、過不足が生じている状態であると考えています。
徹底的にわかりやすくすること

サイトを閲覧する人には、何の義務も責任もありません。できる限り、ひと目で全体を見わたせるようにくふうする必要があります。また、使用する構成や文章・語句については、小学生にでも理解できるくらいのものが望ましいのです。

またいっぽうで、閲覧者にとって、かんたんに見つけることができないものは、存在しないものに等しいのです。何かの拍子に上から降りてくる一覧表、スクロールをすると脇から延びてくるボタン、マウスを乗せると現れる注意書き、などの内容では、見つけやすいとはいえないでしょう。技術でできることと、していいこととは別の話です。

体言止めのリンクテキストに注意すること

たとえば、「友だち」や「投稿」などといった体言止めのリンクテキストでは、それをクリックしたとき、友だちの申請をするのか/友だちのリストを見るのか、投稿をするのか/投稿の一覧を見るのか、行ってみなければわかりません。

それらよりも、「友だちの一覧を見る」や「新規に投稿する」のように、動詞を入れた方がわかりやすくなります。これらの体言止めは、英語圏で開発されたインターフェイスを、そのまま日本語訳した結果であると推察されます。ただし、「HOME」や「お問い合わせ」などのように、クリックしたらどうなるのか一目瞭然のものは別です。

リンクの語句と飛び先の内容を一致させること

リンクとなっている語句やラベルと飛び先のページの内容を一致させることが大切です。

不一致の例
  • 「起業で絶対にやってはいけないこと」というラベルをクリックすると、コピーの書き方の本の宣伝サイトに飛ぶ
  • 「欧米人が日本人を信用しない理由」というラベルをクリックすると、英会話教材の宣伝サイトに飛ぶ

関係があるかないかといえばあるのでしょうが、これでは納得よりも先に落胆が来てしまいます。せっかくクリックしたのに、リンクの語句から得た印象と違う内容のサイトに飛ばされたのでは、混乱してしまうでしょう。

階層を深くしすぎないこと

階層とは、「都道府県」や「市町村」のように、同種の要素が属する集団のことを意味します。コンピュータープログラムで言うところの木構造(樹形図)の「レベル」に似ています。

ウェブサイトで、閲覧者が体感する階層とは、先の自治体の例にもあるように、あるひとつ要素が、下部のいくつかの要素を構成員として持つような構造がある集団のことで、一般にウェブサイトの場合、その要素には各ページをまとめるカテゴリーが該当します。

あまりに階層を深くすると(多層化すると)、行き着いた先のページのサイト全体に対する意味合いがわかりにくくなります。ウェブサイトでは、3層くらいまでに留めておいた方が無難です。もちろん、無難に勝る理由があれば、さらなる多層化も必要です。

ホームページ制作イルネージュ

自家製トピック

※中川京人は、中川博之のペンネームです