skillup

技術ブログ

UI

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

投稿日:

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

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

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

オブジェクトのリスト

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

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

アクションのリスト

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

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

主題別カテゴリのリスト

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

例 健康、科学、技術

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

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

ツールのリスト

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

-UI

執筆者:


comment

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

関連記事

no image

AngularJS カスタムディレクティブ

AngularはHTMLの中にng-clickなどと書いておけばイベントを紐づけて、特定動作時にメソッドを呼び出すことができます。 これをオリジナルで自作することができます。 customer_dir …

no image

timepickerについて

日付を入力するときに直接、文字入力するのがメンドイことからカレンダーが表示されるプラグインを使っている人は多いでしょう。 私も日頃Datepickerというライブラリを使っています。が、このプラグイン …

no image

HTML&JSなど画面まわり&サーブレット小ネタ

サーブレットでアプリ作ってますが、画面まわりに関していろいろいじっているのでそこら辺のネタなんかを。 Contents1 テーブルの結合2 JSPでの動的HTML→POSTで認識できない3 動的プルダ …

no image

AngularJS テーブル行のソート入れ替え&ドラック&ドロップ

受注伝票みたいなものを作ると伝票の登録画面はヘッダーと明細に分かれますね。 私が携わったプロジェクトでは、大体一画面でヘッダー情報と明細情報を入力することが一般的でした。 今回AngularJSでその …

no image

携帯のUIに関して

いまさらながらスマホのUI表示に苦戦してます。 まあ、現状のWEBサイトを作る場合、BtoCでもBtoBでもスマホ対策は必須ですよね。 私の場合、デザインが本業でないこともあり、ちょっとサボっていまし …