ユーザビリティ Archive

当サイトのリンク集での各ページには、ナビゲーションを左に統一、ページの左最上部には
各カテゴリでのページでのナビゲーション、右上部にはぱんくずリスト、ページの最下部にも
カテゴリ内を移動できるようにナビを配置、それにページ上部にも移動ができるようにしています。

今回行ってみたのは、ページの最下部にもぱんくずリストを表示してことで、今までページの
上部からトップページへ行っていましたから、その分スクロールが省けると思っています。

↓

　※ 現在は検索エンジンリンク集のみです。

■ リンク集での一部アクセシ＆ユーザビリティを紹介します。

・リンク集の更新状態は分かりやすく日付単位で確認できるようにしました。

　　※ ユーザーに更新状態を分かりやすく伝えて、リピーターが付きやすいようにしています。
　　※ トップページ上とトップカテゴリページで確認ができます。

・リンクページではサイドにナビゲーションを統一、ページの上部にはぱんくずリストを表示、
またページの下にもカテゴリ内を移動できるようにナビゲーションを付けしました。

　　※ ページ移動が楽なようにしました。

・リンクの開き方は外部のリンク（たとえば広告とか）であれば別ウインドウ、内部のリンク
（たとえばサイトマップ等色々）でも一部は別ウインドウ。

　　※ リンクサイトは全て同じウインドウです。（管理人のチックが早いから）

・URLの表示はSEOにはあまり関係がありませんが、全て「http://」で始まるように統一しました。

■ まずはページのレイアウトを分析する前に全部ではありませんけど、当サイトで行ったアクセシビリティを紹介します。（トップページ編）

• スタイルシートとジャバスクリプトを外部ファイル化し、ページの容量を減らしました。
• 脱テーブルでページの容量を減らし、またスクロール量を減らしました。

　　※ 結果、ページのパフォーマンスが向上しました。

• ページの上部に分かりやすいように「サイトについて・問い合わせ・リンクについて・サイトマップ」　等を表示しました。

　　※ サイトの大事な部分はページの上部で、サブメニューはその下、リンク集のメニューは
　　中間から下にしました。

• よくリンクがあちらこちらにあるサイトを見てわかりづらかったので自分のサイトでは位置を
  統一しています。
• リンク色は文字の色とかぶらないようにしました、なおかつ選択済みリンクを少し色分け
  しています。

　　※ 本当はリンクには下線があるのがベストです。

• ページの割り振りを2カラムにして、見やすいようにしました。

　　※ どうしても3カラムだと目線が動くので、より分かりやすい2カラムにしました。
　　※ カラムとはページの分割を意味します。

• 全体にシンプルにして、分かりやすくしました。