こんにちは。
神奈川県相模原市でホームページ制作をおこなっている、AmotDesignと申します。
いきなりですが、Webディレクターの皆様に質問です。
『ワイヤーフレーム』作るの好きですか…！？
私はワイヤーフレーム作り、大好きです。
さてお次はワイヤーフレーム…っていう段階になると、鼻息が荒くなってデザインよりもはりきっちゃいます！
ワイヤーフレームって何…？
ワイヤーフレームは、家や機械でいう設計図です。
料理でいうレシピ。漫画でいうネーム。
どれもむちゃくちゃ重要な工程ですよね。
もしこの工程を省いたら…。
手を抜いてしまったら…。
その後の完成物がどのような末路を辿るか、想像に難くないと思います。
Webサイト制作では、ページの枠組みやパーツの配置を示す基本的な設計図を『ワイヤーフレーム』と呼んでいます。
基礎や柱となる、ページ構造・ナビゲーション・主要なUIコンポーネントの配置などを決めていきます。
ワイヤーフレームは、公開後のホームページの運命を決定づける重要な役割を担っているのです。
ホームページのコアである『ワイヤーフレーム』。
デザインよりも重要ポジション。
やりがいMAX。テンションが上がって当然です。
一般的にワイヤーフレームは、Webディレクターによって作成されます。
そしてプロジェクトメンバーに共有されたり、クライアントへ提出したり、外部パートナーのWebデザイナーに渡したりと、多くの方の目に触れることになるのです。
クライアントにとってワイヤーフレームは、「これがどんなデザインになるんだろう…？」と期待を抱くきっかけにもなります。仕上がりを想像してワクワクし、より積極的に案件に関わってくださるかもしれません。
Webデザイナーにとってワイヤーフレームは、デザインをする上での情報が詰まった指針です。必要な情報や指示がわかりやすくまとめられていれば、ストレス無く、スムーズにデザイン作業を行えます。
手書きワイヤーフレームのメリット
手書きで直感的にワイヤーフレームを作成するWebディレクターは多いです。
打ち合わせ中にささっと書いて、その場でクライアントとイメージ共有できるのは便利ですよね。さらに手描きは思考の自由度が高く、アイデアをすぐ形にできる点が大きなメリット。
しかし手書きのワイヤーフレームには、見づらかったり、文章をコピーできないといった課題も存在します。
文字が上手い方ならまったく問題ないのですが、こんなワイヤーフレームだったらどうでしょうか…？
受け取った方はどんな気持ちになるでしょうか。
クライアントは、これを提出してきた制作会社に期待が持てるでしょうか。
デザイナーは、ここから情報を読み取れるでしょうか。
ワイヤーフレームをデータ化しよう！
先ほどのワイヤーフレームは私が書いたものです…。
ひどいですね。もはや落書きです。
でも思いついたアイデアをすぐ形にするには、手書きが一番いいんですよ。（言い訳）
とはいえこれでは人様にお見せできません。そこでFigmaやXDといったツールを使って、ワイヤーフレームをデータ化していきます。
このような感じに。
どうでしょうか。
とても見やすくなったのではないでしょうか…？
ワイヤーフレームを作る時間がないあなたに。
ホームページ制作における、ワイヤーフレームの重要性はおわかりいただけたかと思います。
しかしWebディレクターは、やることが多くて忙しい…！
ワイヤーフレームの作成ツールの操作がどうも苦手…。
LPのワイヤーフレームが長すぎて作るのがしんどい…。
こんな声もよく聞きます。
そこで便利なのが、手書きワイヤーフレームをデータ化するサービス。
たとえば以下のようなメリットがあります。
①時間の節約
めんどうな手書きの清書作業から解放され、他の重要な業務に集中できます。
②クライアントの信頼向上
見やすく理解しやすいワイヤーフレームにより、クライアントからの信頼を深めます。さらに積極的なプロジェクト参加を促せます。
③ストレスフリーなデザイン作業
情報の可読性が高いワイヤーフレームにより、作業効率がアップします。
質問などによる余計なコミュニケーションを減らすことができます。
時間に追われるディレクターや、ツールを使ってのワイヤーフレーム作成に慣れていない方々にとっての救世主。
手書きの自由さを保ちつつ、プロジェクトの進行速度とクオリティを同時にアップできます。
資料やテキストを共有いただき、ワイヤーフレームを作成代行することも可能。手書きワイヤフレームからのデザイン作成も承ります。
興味を持たれた方は、ぜひご相談くださいませ♪
皆が幸せになれるワイヤーフレームを作りましょう！
