skillup

技術ブログ

UI

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

投稿日:

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

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

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

オブジェクトのリスト

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

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

アクションのリスト

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

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

主題別カテゴリのリスト

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

例 健康、科学、技術

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

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

ツールのリスト

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

-UI

執筆者:


comment

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

関連記事

no image

cakePHP+bootstrapでのページャー

cakePHP+bootstrapでページャーのリンクを下記のように出力したいときのメモを。 ソース コントローラーのほうでは特に設定する必要なはく、HTMLのほうで下記のように設定すればOKです。 …

no image

ユーザーの行動パターン

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

no image

ページレイアウトに関して

今回からは単一のページレイアウトの構成の考え方やテクニックについて。 一般的な傾向として、人間の視覚上の特徴というのは下記のような傾向があげられます。 人の視線は上から下、左から右へというのがディフォ …

no image

Seleniumの値基本動作まとめ

以前、「Seleniumでの画面テスト」というエントリーでのテストフレームワークとして、Seleniumを紹介しました。 上記のエントリーですが、単なるインストールと基本的な起動、簡単な文字入力ぐらい …

no image

Bootstrapまとめ form+画像

前回に引き続きbootstrapネタについて。 Contents1 フォーム1.1 通常のinput1.2 項目名:入力欄の形式1.3 入力欄+ボタン(検索などでよくあるパターン)2 画像2.1 参考 …