Entries


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

どっかのサイトをネタにサイト設計を考える(プレセぺ)


ウェブサイトの設計はパクリが基本です.

人気のあるサイトをの作りを見ると,よく作られているなあと感じることがあります.一方で自分でサイトを作ってみると,人気サイトの真似をしてみるのにもかかわらず,なかなか恰好がつかないなんてことがあります.基本的にウェブサイトは他のサイトと構成が似てしまうのが必然なわけで,むしろ一般的に『よくあるサイト』と異なる設計部分を作った場合は,そこが何らかの弱点を孕む可能性が高いことを考慮しておくべきでしょう.オリジナリティを加えたつもりが却って良くなかったということは日常茶飯事です.

オタクSNSをプレセぺをネタに設計を考えてみます.以下はキャプチャーです.
cap081122-1.gif

まず一番上のナビゲーションが見にくい気がします.リンクが三段に並んでいるため,どの情報が重要なのかが分かりにくいです.こういうナビゲーションでは左から重要な並びにするのが基本ですが,何故か大切なSNSのリンクが真ん中に来ていて微妙な感じがします.またナビゲーション中でSNSのリンクが赤くなっているのは,現在SNSのページを見ているという意味です.表示ページをユーザーに色で認識させる場合,通常は選択色を基本色と近い色にするのではないでしょうか.あと画像ではわかりませんが,ナビゲーションをクリックしていると,ページによってナビゲーションの表示が変わります.これはユーザーが迷ってしまうのでよくありません.基本的にはすべてのページに共通のナビゲーションが表示されるように設計したほうがいいです.

次にひとことボックスとプロフのイメージですが,これはプロフィールイメージを最も左上に持ってくるのがセオリーです.つまり,通常なら一言のボックスとプロフのイメージボックスは逆に配置されているべきです.これはほとんどのSNSがそういう設計になっているはずです.

右のバナーを見ると,ページの横枠と縦のラインがずれています.はみ出しています.これは恐らく設計に問題があります.横幅はちゃんと揃えましょう.あなたがもし作ったサイトに広告を載せたい場合,ウェブ広告でよく用いられるバナーサイズに合わせた設計にします.後々余計な手間がかかりませんから.

さて,

見た目が崩れていたりダサくても人気のあるサイトはたくさんあります.問題はデザインではなく設計なのです.情報にできるだけたどり着きやすい設計を心掛けましょう.

Appendix

プロフィール

川崎修

  • Author:川崎修
  • インターネット大好き!
    調布周辺で自宅警備してます



    メール:pugiemonn@gmail.com
    skype:pugiemonn
    twilog:Twilog
    mixi:mixi
    facebook:facebook
My Profile by iddy
FC2ブログ

カレンダー

04 | 2017/05 | 06
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -

最近の記事

Twitter

コミュニティ

ブログ内検索

ブロとも申請フォーム

この人とブロともになる

Adsense

月別アーカイブ

はてぶ数

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。