コラム2016.08.02
クライアントを不安にさせないためのワイヤーフレーム３つのポイント

みなさん、こんにちは。

ディレクターの山脇です。

私はITRA(イトラ)というインターネット・アカデミーのグループ会社でディレクターをしています。

今日はみなさんに、クライアントを不安にさせないためのワイヤーフレーム３つのポイントをご紹介いたします。

そもそも、ワイヤーフレームとはなんでしょう。

ワイヤーフレームはWebサイトの設計図です。

単にデザイン案のもとになるだけでなく、その後もWebサイトの設計図としてコーダーやプログラマー、クライアントも仕様を確認するために使います。

しかし、設計図段階であるワイヤーフレームをクライアントに渡したときに「これで本当にWebサイトができるの？」と不安にさせてしまうこともあります。

今回はクライアントを不安にさせないため、ワイヤーフレーム作りで気をつけたい３つのポイントをまとめました。

１．できるだけリアルなサイズで

ワイヤーフレームを見てまずクライアントが驚くのは、実際のWebサイトとワイヤーフレームのサイズの乖離です。

Webサイト制作に慣れてらっしゃるクライアントであればそこまで驚かれないのですが、あまりご経験がない方にA4サイズのワイヤーフレームを見せると「こんな小さいWebサイトを作るの！？」と不安にさせてしまいます。

そうした不安感を生みださないためにも、私がオススメするのは、パワーポイントを使用する方法です。パワーポイントを立ち上げ、新しいプレゼンテーションを作成していただき、「デザイン」タブの「スライドサイズ」から「ユーザー設定のスライドサイズ」をクリック。スライドサイズをA3サイズに、そして、印刷の向きを縦に設定します。

そうするとできあがったパワーポイントのスライドのサイズの横幅は1,000pxの画面幅と似ているため、本物を感じさせる、よりリアルなワイヤーフレームを作成することができます。

２.誤解を招くテキストは使わない

Webサイトの作成中にはニュースやお知らせなど、公開直前まで文言が決まらない部分があります。

そうしたときは「テキストテキストテキストテキスト」など、仮の文言をいれることもあるのですが、制作チームから見れば「あ！ここは仮のテキストなんだな」と分かるものの、クライアントからしてみれば「このまま表示されるの！？」と不安にさせてしまう要因になってしまいます。

クライアントとの打合せを円滑にするためにも、代替テキストも本番を想定したものを使用することをオススメします。

３．業界の流行を取り入れる

クライアントからの質問で多いのは「他の同業のサイトはどうなっていますか？」というものです。

Webサイトも業種によって流行などがあります。

例えば、BtoBビジネスであれば従来の2カラムのWebサイトが多いのですが、飲食店などのBtoCビジネスであれば、近年のトレンドである１カラムのサイトが多くなってきました。こうしたレイアウトだけでなく、構成なども含め、同業他社の状況を踏まえたワイヤーフレームを作成すると、クライアントも納得の仕上がりになるでしょう。

以上がクライアントを不安にさせないためのワイヤーフレーム３つのポイントのご紹介です。ぜひ、みなさんのワイヤーフレームを作成する際に参考にしてみてください。

プロフィール