おすすめのwebデザインリンク集サイト『MUUUUU.ORG(ムーオルグ)』

[カテゴリ]デザイン

webサイトをデザインする際やクライアントとデザインイメージを共有する際に活用することが多い「webデザインリンク集サイト」。

「webデザイン リンク集」や「Webデザイン 参考」などで検索すると数多くのサイトが出てきますし、多くのwebデザイナーさんが利用している有名なリンク集サイトがブログなどでもよく紹介されています。

ただどのサイトも使い勝手が一長一短だったりして、私自身もこれまで“決定版”といえるようなサイトを絞りきれずに色々なリンク集サイトを併用していたんですが、どうしても作業効率が悪くなるのでいつもイライラしていました。

そんな中、最近知ったMUUUUU.ORG(ムーオルグ)というwebデザインリンク集サイトが「このリンク集サイトだけでいい!」と思うくらいめちゃくちゃ見やすくてかなりオススメなんです!

Screenshot of muuuuu.org

MUUUUU.ORG(ムーオルグ)

MUUUUU.ORG(ムーオルグ)が他のwebデザインリンク集サイトより優れている点

  • 掲載されている各サイトの情報が「サムネイル」と「webサイト名」のみ
  • 左右のマージンを排除することでサムネイルを最大限大きく表示している
  • クリックしなくてもマウスオーバーでサムネイルがスクロール表示される
  • webデザイナーにとって参考になるサイトが厳選されている

 

ユーザーの使い勝手をよく理解されたUI設計

MUUUUU.ORG(ムーオルグ)はWebデザインリンク集サイトとしては後発ながらも、非常にユーザビリティに優れたサイトです。

デザインの参考になるサイトを探したいwebデザイナーにとって、何が必要で何が余計なのかがインターフェイスにうまく落とし込まれているんですよね。

例えば掲載されている各サイトの情報が「サムネイル」と「サイト名」だけなんですが、他のサイトではカテゴリ名や更新日、閲覧数やソーシャルボタンなどが付いています。

一見「あったらいいな」と思えそうな情報なんですが、数多く掲載されているサイトの中から参考になりそうなデザインを探している時って、サムネイルを流し見しながらビジュアルイメージだけでピックアップしていく場合がほとんどなので、その時にたとえ小さな文字であっても余計な情報が視界に入ってくると見づらいんですよね。

また、隣り合うサムネイルとのマージンをなくすことで限られたスペースに最大限サムネイルを大きく表示させている点もポイントです。

サムネイルが小さいと、いくら良いwebサイトが掲載されていても一覧表示からは判断しづらく、結局参考になりそうなwebサイトを効率よくピックアップできないからです。

これらは些細なことのように思えるんですが、意外と重要でユーザビリティに大きく影響する部分なんですよね。

その他にも、クリックしなくてもマウスオーバーでサムネイルがスクロール表示されたり、カテゴリも様々な属性で分類されていたりとユーザの使い勝手をよく理解された上でUI設計されています。

欲を言えばヘッダーや左ナビのエフェクトがいちいち気になってちょっと疲れるので、個人的にはなくていいかなと思いますがね。

 

webデザイナーにとって参考になるサイトが厳選されている

また、掲載されているWebサイト自体もwebデザイナーにとって参考になりそうなクオリティの高いwebサイトばかりが厳選されているところも、私が「このリンク集サイトだけでいい!」と思ってしまう理由のひとつです。

なので参考サイトを探している時じゃなくても暇な時なんかに見ているだけでwebデザインのトレンドが自然とチェックできます。

ちなみにMUUUUU.ORG(ムーオルグ)には「縦に長いサイトを厳選して集めている」と記載されているんですが、実際は縦長じゃないサイトも多数掲載されているので、通常のwebデザインリンク集サイトとして利用すればいいと思います。

 

やっぱりユーザビリティに配慮したUI設計が重要!

たとえコンテンツ自体は特に目新しくなくても、ユーザビリティに配慮したUI設計をもとにデザインすることで、優れたWebサイトが作れるということをMUUUUU.ORG(ムーオルグ)のwebサイトを通して再認識しました。

私自身もこのあたりをしっかり意識してwebデザイン制作に活かしていこうと思います。

  • このエントリーをはてなブックマークに追加

関連コンテンツ

パソコンをする女性

なぜWebデザイン制作を依頼する人は、やたらと高級感を求めるのか

仕事でwebデザインを制作する際、依頼いただいたクライアントから希望のデザインイメージについて着手前にヒアリングをするのですが、この時なぜか「高級感を出して」…

初めてスマホサイトをデザイン制作する時の注意点12項目

初めてスマホサイトをデザイン制作する時の注意点12項目

ここ数年、メディアで取り上げられるweb・IT系の話題はスマートフォンに関係するものが多く、パソコンは影の薄い存在になりました。 私は普段仕事で主にPCサイ…

スマートフォンを眺める女性

スマホサイト制作の参考になるデザイン集サイトまとめ

ここ数年の間にスマートフォンが急速に普及したことで、webデザイナーにとってもスマホサイト制作のスキルが必須となってきました。 私自身もスマホサイト制作のご…

Stinger3のロゴ

Stinger3 スマホページ読み込み中にカテゴリメニューのアコーディオンが開かないようにする方法

当サイトではStinger3というWordPressのテーマを使用しています。多くのサイトで使用されている非常に人気の高いテーマなんですが、以前から微妙に気に…

おっさんのイラスト

“カワイイ”webデザインの多くはおっさんが作っている3つの理由

キャラクターやアイドル、レディースアパレルといったジャンルを中心に、世の中にあふれる“カワイイ”webデザイン。 実はその多くがおっさん(中年男性)によって…

掲載される媒体によって違う、バナーをデザインする時に意識すべきこと

バナーをデザインする時に意識すべきこと

webデザインの仕事をしている方なら、常日頃から多くのバナーを作っていますよね。 私自身も普段さまざまなジャンルのバナー制作を依頼されてデザインしています。…

ハロウィンのwebデザイン制作で参考になるキャンペーンイベントサイト10選

ハロウィンのwebデザイン制作で参考になるキャンペーンイベントサイト

10月31日のHalloweenに向けて、様々なキャンペーンやイベントの特設サイトがリリースされてきています。そこで、ハロウィーン関係のキャンペーンページや特…

バナーデザインのギャラリーサイト

バナー広告のデザイン制作で参考になるデザインリンク集まとめ厳選3サイト

バナー広告のデザインってほんとに奥が深いですよね。 あの小さなサイズの中にデザインのノウハウやマーケティング戦略、ブランド戦略などがギッシリと詰まっているわ…