このページの先頭ですサイトメニューここから
このページの本文へ移動
  • くらし
  • 手続き
  • 楽しむ・学ぶ
  • 施設案内
  • 市のしくみ
サイトメニューここまで

本文ここから

守谷市公式サイト作成ガイドライン(ユーザビリティガイドライン)

更新日:2013年2月1日

ユーザビリティ(使いやすさ)に配慮したサイト作成のための基本的な留意事項

1.ヘッダーとフッターの統一

サイトの統一感を持たせるとともに、サイト内での円滑な移動や情報の探しやすさを確保するため、原則としてすべてのページにナビゲーション機能付きのヘッダーとフッターを設ける。

守谷市のヘッダ
ヘッダ

守谷市のフッタ
フッタ

2.閲覧しやすいページ設計

低速な通信環境にいる利用者に対して配慮したページ設計に努める。

1.ファイルのサイズについて

  • ページのファイルサイズは、可能な限り小さくする
  • サイズの大きなファイルへのリンクには、リンク先のファイルの大きさを記載する
  • 写真などのファイルにおいて適切な容量、サイズで設定する(20KB以内を目安とする)

(誤りの例)原寸サイズで貼り付け、ページ作成時にリサイズしている
(正しい例)ページに掲載する際のサイズに設定してから、貼り付ける

2.ページの配色について

  • 背景に複雑な模様は使用しない
  • 背景にサイズの大きすぎる画像は使用しない
  • 文字や画像を見にくくする配色は避ける

3.ページの構成について

  • 長いページになる場合は、ページの上部に目次をつけ、ラベルリンクを設定する
  • 重要な情報は、ページの上部に配置する

4.リンクについて

  • リンク先が存在しない場合、又はリンク先があっても内容が未完成の場合はリンクそのものを設定しない
  • リンク先のページについて「工事中」「作成中」などの表現は使用しない
  • 現在見ているページそのものへのリンクは設定しない

5.グローバルナビゲーションについて

情報によって適切なナビゲーション設定を行う
優先度は、以下のとおり

  • くらし
  • 手続き
  • 楽しむ・学ぶ
  • 施設案内
  • 市のしくみ

3.閲覧するために特定のアプリケーションソフトが必要である場合

ブラウザ以外の特定のアプリケーションソフトを必要とするファイル形式の種類は、必要最小限に留めるものとし、ファイルへのリンクを設定する場合には、ファイル形式を明記する。
例 守谷市A計画(PDF 40KB)
また、そのアプリケーションソフトが他のサイトにて無償で入手できる場合は、そのサイトへのリンクを設けるようにする。

例 守谷市A計画は、PDF形式のファイルです。閲覧するためには、「AdobeReader」が必要となります。ダウンロードする場合は、下記のアドレスをクリックしてください。
http://www.adobe.com/go/JP-H-GET-READER

4.外部のサイトへリンクする場合

外部のサイトにリンクする場合は、リンク先のページの発信者名等を明示する。

5.不要なファイルの削除

ページの更新等に伴いリンクしなくなった古いファイルは、サーバ上から速やかに削除する。情報が古くなったページは、更新履歴として有効に活用できる場合はリンクさせるようにする。

※「用語解説」に表示される用語のリンクは、Weblio辞書のページへ移動します。


本文ここまで


以下フッターです。

守谷市役所

〒302-0198 茨城県守谷市大柏950番地の1 電話番号:0297-45-1111(代表)

開庁時間:開庁日の午前8時30分から午後5時15分

市役所へのアクセス

Copyright 2013 Moriya City. All Right Reserved.
フッターここまでこのページのトップに戻る