情報設計のアウトプット

情報設計の際に作成する、情報構造を可視化した中間成果物のことを、SmartHRでは「情報設計のアウトプット」と呼んでいます。

たとえば、ドキュメント制作における「アウトライン」や、ウェブサイト制作における「サイトマップ」などが、情報設計のアウトプットの一般的な例です。

目的

SmartHRのプロダクト開発では、UIデザインの使用性を担保するために、情報設計のアウトプットを作成しています。

一定以上の規模のプロダクトの情報設計を設計者1人の頭のなかだけで完結させようとすると、考慮漏れや不整合が起きやすくなります。

情報構造を可視化したアウトプットを作成することで、以下のような効果を期待でき、情報設計とUIデザインの評価や改善につなげています。

  • 客観的に俯瞰できる
  • 第三者に共有できる
  • 関係者間で情報設計について認識を揃え、複数の観点から議論・検査できる

フォーマット

5種類のフォーマットを定義しています。これらはUIデザイン使用性チェックリストの#1-#5に対応しています。

それぞれのフォーマットは、プロダクトの情報構造をさまざまな粒度や角度で可視化したものです。ソフトウェアは多面的なので、1種類の図で情報構造を完全に描写するのは不可能です。複数の異なる粒度や角度で可視化した図を作成することで、情報構造の妥当性を網羅的に検証します。

ここでは概要を簡単に紹介しています。詳しい書き方はそれぞれの図のページを参照してください。

これらの情報設計のアウトプットの考え方やフォーマットは、書籍『オブジェクト指向UIデザイン』(ソシオメディア・技術評論社)を参考にしています。書籍も併せて参照してください。

1. ユーザーの業務の説明

ユーザーの業務の説明は、プロダクトに関する業務ドメイン全体や、それぞれのユーザーの業務フローを理解するためのテキストです。

これは厳密にはプロダクトの情報構造を表したものではありませんが、ユーザーの業務に対する理解は適切な情報設計の前提となるため、情報設計のアウトプットの1つとして定義しています。

2. 概念モデル

プロダクトのなかでユーザーが認知する主要な概念と、その関係性を俯瞰する図です。プロダクトを利用するユーザーのメンタルモデルや、プロダクトがカバーする業務の範囲を可視化できます。

概念モデルは企画フェーズとデザインフェーズの両方で使用されます。企画フェーズでは、特に重要な概念のみを記載した図(簡易版の概念モデル)を作成し、概念の境界や用語が議論されることが期待されます。デザインフェーズでは、企画フェーズで作成した図を元に、より詳細な概念まで網羅されることが期待されます。

3. オブジェクトモデル

オブジェクトモデルは、ユーザーがプロダクトを利用するうえで主要な関心の対象となる「オブジェクト」とその関係性を可視化した図です。UIの骨格(何を見せ、何を操作できるべきか)を検討・レビューするのに向きます

4. ビューの呼び出し関係

オブジェクトがどのようなビューとして表れ、またビュー同士がどのような呼び出し関係で繋がるのかを可視化した図です。

5. メインナビゲーション

メインナビゲーションは、プロダクトのメインナビゲーション(SmartHRプロダクトの場合、AppNaviに置かれることが多い)の構成を可視化したテキストです。ナビゲーションの項目からどのオブジェクトのどのビューに移動するのか、ナビゲーション内で階層構造を持つのかなどを図示します。

情報設計レビュー

情報設計のアウトプットを使って、プロダクトの情報設計が妥当かを検査するレビューを実施しています。

詳しくは、情報設計レビューを参照してください。