横浜市のホームページが見づら過ぎて愕然とした 【20政令指定都市のホームページ比較】
20ある政令指定都市のホームページについて調べてみました。
どれも同じかと思ったら、市によって結構デザインが違うことに驚きました。
もくじ
横浜市役所のホームページを見てみると...
横浜ってオシャレで良いよね〜 みなとみらいとかあってさ
みなとみらいのホームページもオシャレだな〜
横浜市で検索っと♫ 市役所のページ見てみよ ...
どれどれ。うわ、みづらっ!!
これで良いのか横浜市
私は横浜市民ですが、つねづね、市役所のページが見辛いと感じておりました。
今時のWebデザインにはない、これでもかというほど情報を詰め込んだページになっております。
情報量が多過ぎて、見る気を無くします。
また目が悪い人がこのページを見て、どのように感じるのか、考えられていないと思います。
以下、簡単にですが4つの改善点を列挙します。
- フォントサイズを大きくする
- 情報を詰め込み過ぎない
- 情報にメリハリをつける
- レスポンシブ対応(iPhoneで見ても何ら変化がありません)
トップページでこの有様ですから、自分の探したい情報を探すのに苦労します。しかし、粗を探すとキリがないので、今回は言及しません。
Webサイトはその市の顔というべきもので、また、市民が情報を調べる際によく使うものでもあります。
もしこの記事を横浜市の担当者様が見ていたら、是非市民に使いやすいホームページを目指して欲しいものです。
他の市はどうなのよ
20ある政令指定都市のHPのトップページを調べました。
全部紹介するとキリがないので、主観ながら、良かったところと悪かったところ3点ずつ紹介します。ただし、私はシンプルなデザインが好きなので、その辺のバイアスがかかっていることは御了承下さい。
※下のそれぞれの画像のキャプチャーというのはキャプチャーソフトの不調によるものです。申し訳ございません
良かったところ
3. 京都市
紫を基調とした京都の伝統を感じさせるデザインとなっております。
緊急情報の欄もあり、市民の安全にも考慮している。
ただ、名前が「京都市情報館」となっているので、市役所のサイトなのか判断がつきづらい。これ、普通に「京都市」だとダメなのかな...
2. 仙台市
緑を基調としたカラーで柔らかさを感じるデザインとなっております。
文字や色の大きさも変更可能で見やすいです。
下の方にスクロールすると若干見辛いです。
※画像の中のヘッダーが繰り返されているのはキャプチャーの不備です。申し訳ございません。
1. さいたま市
シンプルだが、見やすいデザインとなっております。
今回見た中で、一番バランスが良いと感じました。
フォントも大きく見やすいです。
市役所のHPということを良く考慮した ページとなっております。
悪かったところ
3. 大阪市
うん、情報詰め込みすぎです。余白が欲しいなと思いました。
スマホ対応しているので、他よりは良いと思います。
2. 横浜市
まさかの2位。
感想は当ページの上の方に書いてあります。
1. 福岡市
驚きの横浜市を超える見づらさ。
色多い、情報量多い、文字小さい、スマホ対応してない、
などパッと見ただけでもダメなことがわかります。
特に驚くのがスマホで見るときです。
探したい情報が見つからないのではないでしょうか。
番外編
神戸市
画像を一面に持ってきたページで、市のページではかなり斬新です。
ビジュアルに訴えかける今風のページとなっております。
中央上の目立つところに検索窓があり、情報が探しやすいと思います。
まとめ
市役所のHPの情報量が多いのはわかりますが、そこは工夫して頂けるとありがたいです。特に余白を意識したデザインにすると見やすくなると思います。
で、このブログのデザインはどうなの?
え〜と、勉強中です...