skillup

技術ブログ

UI

情報アーキテクチャの分類

投稿日:

今回は情報の分類に関して。

ようはソフトウェア上に情報をどのように配置するかということについてです。

参考書では情報を大きく4つに分けています。

オブジェクトのリスト

オブジェクト=一般的なリスト型のデータです。メールのリストや音楽ファイル、書籍データ、画像、検索結果などのデータの集合体です。

  • 縦1列のリスト。なんらかのソートが働いていることが多い。
  • 2次元のテーブル。ソートされている。何らかのソートをユーザーが選べることが多い。
  • 項目同士をカテゴリで分類していることが多い。
  • 項目同士に親子関係があったり、包有関係があったりする。

アクションのリスト

アクションとはオブジェクト(データ)と違い、動詞で表現するものです。一般的にメニューやツールバーなどで表現されるものはこのアクションに分類されるものが多いでしょう。

小型のデバイスなどインターフェイスが小さい場合は、画面の制約があるため、表示に神経を使う必要があります。頻繁に選ばれるアクションが何かをしっておかなくてはいけません。

主題別カテゴリのリスト

ウェブサイトやオンラインのリファレンスでは主題別カテゴリーによってコンテンツを分類しています。

例 健康、科学、技術

一般的には名詞を分類することがおおいため、アプリケーションよりではこのような組織化は見られません。

わかりやすいのがitunesであり、膨大な曲をアルバム、アーティスト、ジャンルによって分類しています。

ツールのリスト

カレンダー帳やアドレス帳などユーザーがイメージしやすいツールを適切に配置できるか。

-UI

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

boostrapでのヘッダーナビ作成

昔から私の作るWEBアプリはデザインがめちゃくちゃなことが多かったんですが、最近は多少デザインにも気を配るようになってきました。 実はCSSがあまり得意ではなくて、うまく組むためにかなり苦戦していまし …

no image

ブラウザ上でのドラッグ&ドロップの処理

あるシステムから別のシステムにデータを移すとき、一般的にはCSVを使うことが多いかと思います。 今携わっているシステムもそうなのですが、CSVのどの項目を選ぶかを変更したいときってありますよね。 以前 …

no image

Bootstrapまとめ 主に段組み関連の知識について

自分はデザインセンスが壊滅的なので、Bootstrapにいろいろと頼っております。 最初は仕事でちょこっと使う機会があり、見よう見まねでやっていましたが、理屈がわからないと応用がきかないこともあるため …

no image

ユーザーの行動パターン

ソフトウェアデザインにおいて必要な要素の列挙 Contents1 安全な探求2 即座の喜び3 最小限での充足4 途中での方針変更5 回答の先送り6 少しずつの組み立て7 習慣化8 空間的な記憶9 展望 …

no image

アプリケーションの画面構成に関して

アプリケーションの画面の設計スタイルに関してよく使われるものを。 Contents1 2パネルのセレクタ2 カンバスとパレット3 1ウィンドウでのドリルダウン4 代替表示5 ウィザード6 オンデマンド …