skillup

技術ブログ

UI

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

投稿日:

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

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

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

オブジェクトのリスト

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

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

アクションのリスト

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

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

主題別カテゴリのリスト

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

例 健康、科学、技術

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

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

ツールのリスト

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

-UI

執筆者:


comment

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

関連記事

no image

Seleniumの値基本動作まとめ

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

no image

フォームとコントロール

今回はフォームについて Contents1 基本原則となる考え方1.1 寛容な入力形式1.2 構造化された入力形式1.3 穴埋め1.4 入力ヒント1.5 入力プロンプト1.6 オートコンプリート1.7 …

no image

JSリンク集+git ブランチ指定 clone

現状の私の課題としてUIに対する意識が甘いということが上げられます。 大昔のサイトで使っているようなわかりにくいUIをそのまま使っているんですよね。 UIといってもいろいろな要素が必要となってきますが …

no image

Bootstrapまとめ form+画像

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

no image

ソフトウェアデザインの目的

本日からのお勉強のお題は、UIの設計などについて。 参考図書:デザイニングインターフェイス Contents1 ソフトウェアとは目的達成の手段である2 ユーザー調査の基礎3 ユーザーの学習意欲・リテラ …