| |
 |
|
| |
|
|
| |
 |
|
| |
|
|
| |
Webサイトを構築する際、まず考えなければいけないのは、「そのサイトはいったいだれが使うのか」、「だれにとって使いやすい構成が望ましいか」ということである。つまり、サイトの構成を考えるうえでの大前提は「使う側（ユーザ）の視点に立つ」ことにほかならない。サイトを作成し始める前に、ターゲットの視点に立ってサイトの構造を考えよう。ここでは、あるECサイトで「口紅」を買おうとする女性をユーザに想定した例のサイト構造を解説する。 |
|
| |
|
|
| |
|
|
| |
|
|
| |
 |
 |
| カテゴリごとに商品が分類されている |
|
 |
※カテゴリ名だけでは自分の欲しい商品がどこへ分類されているのかわかりづらい。できればカテゴリに含まれる商品も羅列されているのがベスト
※また、一般ユーザはカテゴリ名に羅列を見ると、「検索」するということに目がいかなくなってしまいがち |
 |
|
|
| |
|
|
| |
 |
|
| カテゴリ内の商品がリスト表示されている |
|
 |
| ※ブランドごとの「商品名」だけでは、それが「口紅」であるのか何であるのかわかりづらい。説明や写真が入っている方がユーザにとっては親切 |
 |
|
|
| |
|
|
| |
 |
|
| 商品紹介 |
|
 |
| ※化粧品など体に直接つけるものは、皮膚との相性などの問題がある。商品紹介ページで、できる限り多くの情報をユーザに知らせておく必要がある |
 |
|
|
| |
|
|
| |
 |
|
| 住所、氏名などを入力する |
|
 |
| ※「半角カナ」などのコンピュータ寄りの用語は、一般ユーザにとってわかりづらい。プログラム側で処理するなど、なるべくユーザを混乱させない方がよいだろう |
 |
|
|
| |
|
|
| |
 |
|
| 購入する商品・住所等の登録内容が表示される |
|
 |
| ※ユーザが入力した情報が正しいか確認させる、サーバー側に情報がきちんと伝わったことでユーザを安心させる、あるいは、プログラム側がユーザの入力をきちんと受け取れたかを確認する、などの意味合いから、登録内容確認は絶対しておくべきだろう |
 |
|
|
| |
|
|
| |
|
|
| |
| |
想定ユーザが各場面でどのように考えるかをシミュレートすることで、サイト構造の問題点を洗い出すことができる。 |
|
| |
| |
|
|
| |
