長谷川ポートフォリオ

UIUX+漫画のポートフォリオ

情報アーキテクチャの設計方法

MIXIニュースの画面を情報整理してみました。

↓こちらが現行のデザインです。

news.mixi.jp

情報アーキテクチャとは情報分かりやすさ・見つけやすさ

を作ることです。

 

そのためには必要最低限の文字数画像数、にしぼり、

文字と画像の大きさを大きくしてユーザーに探しやすくする事です。

 

大量の文章を新聞のように表示してしまうと

情報がみつけづらくなります。

ーーーーー

そして大量のコンテンツがあるサイトは大カテゴリ>中カテゴリ>小カテゴリ

の視線誘導が分かりやすく表現されている事が重要で、

誰にでもわかるように、探しやすくなるように注意して作ったのが下の画面です。

「コミュニティ」の列=大カテゴリ、「エンタメ」 の列=中カテゴリ↓

特に目立たせたい箇所には赤次に目立たせたいところやクリックできる箇所には青

使うのですが、それも見つけやすくするために

他の箇所は薄いグレーなど目立たない色を使います。

 

ニュースの絞り込みは左側のボタンを使います。

これは位置が固定されていますので

ユーザーはすぐに見つけられます。