<< 実践 ICONIXプロセス : ドメインモデルの改良 | main | 実践 ICONIXプロセス : ドメイン駆動設計 >>

UIデザインパターン

画面の紙芝居を描いたり、画面遷移を考えるときに参考にしているページ。

ソシオメディアという会社の UI デザインパターンを5つのカテゴリーに分類している。それぞれのパターンを、画面の具体例・効能・用法・注意書きで説明している。

具体的でわかりやすく、とても参考になります。

コンセプト
機能 (検索、一覧、表示、編集、... )
展開 (画面遷移)
レイアウト
振る舞い (ボタンアクションなど)

画面定義を何度もやっていれば、パターンがあることはなんとなく感じていたけど、ここまでちゃんと整理されていると、感動モノです。

自分自身で画面の紙芝居を描いたり、ユースケース記述を描くことがとても楽になる。チームのメンバー同士で、画面について話をする時の参照モデル・共通言語として役にたつ。

Webアプリケーション専用ではなく、GUI一般です。できればWebアプリケーションに限定したサブセットがあればうれしい。

コメント
書籍においては画面を使えとは書いてありますが、さらっと流されているような気がしていました。
こちらのサイトは、画面に関しても、がんがん書いてあるのが参考になってうれしいです。
  • lopes.nb
  • 2009/07/28 4:05 PM
コメントする









この記事のトラックバックURL
トラックバック
calendar
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
<< July 2017 >>
システム設計日記を検索
プロフィール
リンク
システム開発日記(実装編)
有限会社 システム設計
twitter @masuda220
selected entries
recent comment
  • 番号より名前。 ニーモニックコードより名前。 【パターン】
    師子乃 (03/10)
  • Smart UI が優れている?
    masuda220 (03/10)
  • Smart UI が優れている?
    kagehiens (03/09)
  • オブジェクト指向プログラミングの教え方?
    masuda220 (12/05)
  • オブジェクト指向プログラミングの教え方?
    ZACKY (12/04)
  • 「オブジェクトの設計力」 スキルアップ講座やります
    masuda220 (08/14)
  • 「オブジェクトの設計力」 スキルアップ講座やります
    kompiro (08/14)
  • 「オブジェクトの設計力」 スキルアップ講座やります
    masuda220 (06/13)
  • 「オブジェクトの設計力」 スキルアップ講座やります
    JHashimoto (06/13)
  • 「オブジェクトの設計力」 スキルアップ講座やります
    masuda220 (02/28)
recent trackback
categories
archives
others
mobile
qrcode
powered
無料ブログ作成サービス JUGEM