Web構築の早技 効率的・効果的にWebを作るための進め方

長谷川：たしかにウィンドウサイズを変えた時の見え方を検証するのに、早い段階で体感しやすいWebサイト制作サービスを利用するのはいいですね。「このツールが正解」というより、使いやすいものを選べばいいとは思います。

寺井：僕はSquarespaceをある意味ワイヤーフレーム的に使っているわけですが、長谷川さんはワイヤーフレームの段階で使うツールはクライアントによって変えますか？　例えば、定番のパワーポイントやキーノートを使うこともありますか。

長谷川：いろいろ言われることが多いツールですが、パワーポイントではいけない、ということではないと思います。たとえば、「作ったワイヤーフレームを実際にクライアントが編集したい」という要望がある場合は、広く普及していて手を付けやすいことを考えると、強力なツールになりえたりもします。いずれにしても早く作るためのツールに正解はありません。

寺井：制作体制によっても使えるツールには限りが出てきますね。

長谷川：ええ、どうしても環境に依存します。クライアントと常に並走するパターン、代理店が間に立っていてクライアントに会わないまま進むパターン。それぞれにメリット、デメリットがあります。後者のように会えない場合は、Photoshopを用いて完成形に近いカンプを作ることがベストになることもあります。スピードだけなら手書きが最速ですが、意図が直接説明できない状況では使えませんよね。ちなみに僕は、まずは手書きでワイヤーを書くところから始めることが多いです。

コンテンツの要素から組み立て、「1カラム構成」を基本に

寺井：たしかに、Squarespaceで作る時も1カラムで上から積むように作ります。

長谷川：それに、1カラムから2カラム、3カラムと展開するのは比較的簡単でも、2カラム、3カラムでしっかり作ったものを1カラムに展開するのは難しいんです。

寺井：「情報設計」と「インターフェースの設計」を分けて考える必要がありますよね。まず、ワイヤーフレームの段階でクライアントとは「何の情報を、どう載せるか？」を話します。次に、Webデザイナーと話す時は、掲載するその情報をどう使いやすくしたり、機能にしたりするかを詰めていく。最初の段階でインタフェースレベルまで作り込みすぎると、うまくいかなくなりやすいですね……。

クライアントに「承認を求めない」という進め方
寺井：それから最近は「承認」を取らないという方法も取ります。「このワイヤーフレームで承認をください」というと、クライアントは決済を引き受けなければなりませんから、みんな心のどこかで守りに入ってしまいます。結果、細かいところを気にし始めて躓いたり、何度もやり取りが発生したりする原因になる。そこで、承認を求めるより、「クライアントにアドバイスを求め、既成事実を一緒に作る」というコミュニケーションをとることで、進めやすくなります。

長谷川：そうなんですね。その話を聞いてクライアントワークで思い出すこととして、最近は設問に答えるとWebサイトを自動で作ってくれるWiXのようなサービスがあります。先ほど話題になったSquarespaceがもっと簡単になったようなものです。

デザインや、Webサイトの重要性をクライアント自身がしっかりと理解していない場合、こういった簡易Webサイト制作ツールで作ったWebサイトを実際に運用してもらい、その後、本格的に構築するというプロセスも有効です。そうする理由は、自ら運用して生まれた課題感がWebサイトの重要性、コンテンツ配信システム、アクセス解析といった採用すべき機能や必要なコンテンツに対して、より前向きに取り組もうとなるからです。だからこそSquarespaceといった簡易的なWebサイト作成ツールが進化するのは歓迎しています。「とりあえず必要なWebサイト」なら、それでも十分なクオリティで制作できます。寺井さんや私のようなWeb制作者が本当に必要な仕事にフォーカスできる意味においても、共存しながらうまく利用したいなと思います。

寺井：たしかにそうですね。僕はSquarespaceをワイヤーフレームやプロトタイプとして使っていましたが、そういう切り分けもありかもしれません。本日はありがとうございました。

執筆：長谷川 賢人
撮影/編集 山口 謙之介（ロフトワーク）