Our service

ワイヤーフレームと情報設計

情報設計はIA(Information Architecture)と呼ばれています。成果物としてはWF(Wire Frame)となり、情報設計はWebサービス設計において重要度が高い工程です。ありがたいことに、WFの精度が高いとクライアントからの評価を受けているので、どの様な情報設計が良いのか紹介したいと思います。

IA、情報の建築とプライオリティ

情報設計は英語でIA(Information Architecture)。直訳すると情報の建築術になります。建築というと建物や家を思い出す人が多いと思います。建築の図面は建物や家の設計図。情報設計はWebサイトの設計図と思ってください。
建築は家に住むクライアントが満足できる建物や家を設計するのですが、Webサービスはクライアントが提供するサービスを利用するユーザーが満足できるWebサイトを設計します。
情報設計ではクライアントが実現したいことに対して、どの様にしたらユーザーが満足できるWebサイトにするかを設計します。
自分の家を作るとしたらやりたいこと色々出てきますよね？限られた予算や敷地の中で実現できること、出来ないことは当然出てきます。Webサービスでも同様です。全部実現すると予算もスケジュールもオーバーするのでプライオリティを決めることが重要です。

情報設計のヒアリング

どの様なWebサイトにしたいのか、そのプライオリティをヒアリングします。クライアントが全部説明できれば言葉だけ拾えば良いですが、具体的な情報設計を頭の中でイメージしながらヒアリングできれば、アウトプットのクオリティは高まります。どんな情報設計を行うのかイメージしながらヒアリングを行います。

情報設計に必要なビジネスの理解

クライアントから同業種ビジネスのWebサービス構築の経験があるか質問をいただきます。これはどれだけビジネスに対する理解度があるか？と言う質問です。
マネタイズの構造、業界特有の専門用語など情報設計には必要な知識となります。クーシーでも全く知らない業界の情報設計を行うときは、その業界の情報を収集しています。

WFはコミュニケーションツールでもある

WFでクライアントとコミュニケーションをとり、完成形のイメージを明確にします。建築では、設計図での変更は容易でも、家が建ってからの変更は致命的になるのは容易に想像が付くと思います。Webサイトも要件定義、WF、デザイン、HTML、システムと工程が進んでいきますが、後工程になるほど修正にはコストとスケジュールが必要になります。デザインを見ないとフィードバックが出来ないというクライアントもいますが、WFでコミュニケーションをとってできるだけ前工程でフィードバックを受けるようにしています。

WFでできるだけビジュアライズする

図、グラフ、タイポグラフィでビジュアライズできるところは、WFの段階で出来るだけビジュアライズしましょう。WFからデザインまで一人のデザイナーで行うときはデザイン工程で行っても良いです。複数のデザイナーでデザインするときには、図のイメージを作っておくと意思の疎通が取りやすくなります。
また、ビジュアライズすることでクライアントも想像しやすくなりイメージの共有ができます。

良い情報設計が行えるとプロダクトとしてのクオリティもそうですが、コストやスケジュールも圧縮されます。WFの工程を行わなかったり、中途半端なWFを後工程にパスしたりすると、プロジェクトの炎上に繋がります。良い情報設計でより良いWebサイトを構築しましょう。