静岡県浜松市のホームページ制作/リスティング運用代行/チラシ、パンフレットならお任せ!営業エリア(浜松市、静岡市、磐田市、湖西市、袋井市、掛川市)

Yahoo!プロモーション広告正規代理店 GooglePartner

成果を求めるホームページ制作/リスティング運用代行

053-581-8781受付時間 9:00~18:00 (土・日・祝休み)

メールでのお問い合わせ

ワンポイントアドバイス

ワンポイントアドバイス

効率アップに欠かせないワイヤーフレーム? ホームページ制作基本の「キ」vol.4

前回はホームページを設計する上での土台となる「サイトマップ」について
お送りいたしました。
サイトマップ決定後はいよいよデザイン!!!と思いきや、
その前に「ワイヤーフレーム」を作っていきます。
 
もちろん、サイトマップ ⇒ デザイン制作 という流れの場合もありますが、
ある程度の規模になると、
サイトマップ ⇒ ワイヤーフレーム ⇒ デザイン制作 の流れとなることが多いのです。
 
ワイヤーフレームを作る場合と作らない場合では、
デザイン工程での効率にダンゼン差がついてきますので、
ここはデザインを早く見たい気持ちをグッとガマンして、
このワイヤーフレームに取り組みましょう!
 
 
■ワイヤーフレームって?
ここで言う、ホームページの「ワイヤーフレーム」とは、
サイトマップで作ったコンテンツやそれぞれの情報をページ内のどこに、
どのように表現、表示していくか?ということを表したものとなります。
 
 
具体的には、
 
サイトマップ内の「トップページ」には「新着情報」と「制作事例」を
どんな位置で、どんな風に見せるか?
 
これを絵に起こしたものになります。
 
 
サイトマップが「ホームページ全体の設計図」とするならば、
ワイヤーフレームは「各ページ毎の間取り図」といったイメージで
捉えていただくと、わかりやすいかと思います。
 
 
■実際のワイヤーフレーム
私の場合は、最初手描きから入り、その後にこのようなワイヤーフレームを起こします。
 
150109_wf
私は、場合によっては手描きでお出しすることもあります。
 
余談ですが、ワイヤーフレームを作るツールは、
紙とペンからオンライン上で作れるものまで、実に様々なものがあります。
 
 
 
■で、ワイヤーフレームがあると何がいいの?
そうですよね。
これを作る「いいこと=メリット」がないのであればその意味がありません。
 
ワイヤーフレームを作っておくメリットは結構あるのですが、
今日はその中でも抑えていただきたい、3つのメリットをお伝えいたします。
 
 
 
1)文字情報を絵(レイアウト)に変換。可視化できる。
家に例えると、
家の設計図  = サイトマップ各部屋の間取り図 = ワイヤーフレーム
となります。
 
部屋の間取り図となるワイヤーフレームには、部屋の中の窓やコンセントの位置、
家具のレイアウト等を記し、実際の部屋のイメージをビジュアル化していく、
という役割があります。
 
サイトマップは情報の見出しを簡潔に記載するものですので、
どんなキャッチコピーがどこに入るのか、画像はどのように配置するのか?
実際の導線はどんな風になっているのか?ということを表現し切ることができません。
 
ワイヤーフレームではサイトマップでは表現しきれなかった部分を
「絵(レイアウト)」として落とし込んでいきます。
 
このことにより、サイトマップを作った時にはイメージしきれなかった部分や、
お客様と制作サイドでの共通認識ができていなかった部分が可視化できるようになります。
 
 
 
2)共通言語として使うことができる
ホームページの中身が目の前に可視化されているので、
例えば、はじめてホームページのリニューアルを担当する、
といった担当者様でも比較的スムーズに進行していくことが可能です。
 
また、視覚的に表現され、仕様も明確にわかるワイヤーフレームは、
打ち合わせ内容を上司の方に報告する際も、共通言語としての使用ができるため、
説明がしやすくなります。
 
 
 
3)効率化
デザインに入る前にここをしっかりやっておくことで、
この後の工程にかかる時間を縮めることができ、
全体の作業の効率化がはかれることが多々あります。
 
サイトマップから即デザインを起こすと、正直感動は大きいですが、
中規模以上のサイトに関しては、導線をイメージ出来ていないデザインが
出来上がってしまい、入り口はあるのに出口はない状態になってしまったり、
後々それらの検証と修正に時間をとられてしまう、ということも無くはありません。
 
企業のホームページ担当者様は、日々の業務と兼任されていることが多いため、
時間コストの削減は大きな課題となっているかと思います。
 
ワイヤーフレームで土台作りをきちっと行い、作業効率を上げることで、
時間コストを下げ、プロジェクト全体の進行をスムーズに、
スピーディーに行うことも可能となります。
 
 
 
■まとめ
四角と文字が並んでいるワイヤーフレームを見て、
「デザインが入っている方がわかりやすい・・・」
とお思いになるかもしれません。
 
しかし、デザインが入ることにより、
焦点を当てる部分が「導線」よりも「見た目」になってしまいがち。
 
だからここはあえて「見た目」の情報を削り、
「導線」にフォーカスのできるワイヤーフレームの方が
効率よく制作を進行できると考えています。
 
時間コストを出来る限り削り、効率よく成果の出せるホームページ制作を
進めるのに欠かせない、ワイヤーフレーム。
 
どこかで目にすることがあったら、3つのメリットを思い出しながら見ていただけると、
効率アップのお役に立てるかと思います!
 
ワイヤーフレームに関すること、ホームページを作る上での効率アップに関することなど、
疑問点やご相談等ございましたら、お気軽にお問い合わせくださいね。

弊社へのお問い合わせはコチラ
TEL:053-581-8781
FAX:053-581-8783
E-mail:info@three-count.jp

こちらもあわせてどうぞ!
■ホームページ制作 基本の「キ」シリーズ
vol.1 無駄なコストを生まないために知っておくべき ホームページ制作 基本の「キ」
vol.2 意外と見落としがち!情報の「発信側」と「受信側」視点の違い
vol.3 サイトマップって何? ホームページ制作基本の「キ」

 

ワンポイントアドバイス一覧に戻る

ご不明な点やお見積りなどお気軽にご相談ください

ご不明な点やお見積りなどお気軽にご相談ください

お電話によるお問い合わせ

053-581-8781 受付時間 9:00~18:00 (土・日・祝休み)

1日営業日以内に返信いたします!

お問い合わせはこちら

pagetop

スリーカウント株式会社
〒430-0919 静岡県浜松市中区野口町501 2F
[TEL] 053-581-8781 (平日9:00~18:00) /
[FAX] 053-581-8783
E-MAIL:info@three-count.jp
HP:http://www.three-count.jp/

お電話・ホームページからお気軽にお問い合わせください

053-581-8781受付時間 9:00~18:00 (土・日・祝休み)

メールでのお問い合わせ

営業エリア

静岡県 / 浜松市、静岡市、磐田市、湖西市、袋井市、掛川市、御前崎市、森町、島田市、牧之原市、吉田町、藤枝市、焼津市
愛知県 / 豊橋市、新城市、東栄町、豊根村、設楽町、豊川市、田原市、蒲郡市、岡崎市、豊田市

〈営業品目〉

ホームページ制作、求人サイト制作、企画、運営 、チラシ、パンフレットなどの各種印刷物のデザイン、制作 、リスティング、広告運用代行等

〈営業エリア〉

■静岡県 / 浜松市、静岡市、磐田市、湖西市、袋井市、掛川市、御前崎市、森町、島田市、牧之原市、吉田町、藤枝市、焼津市

■愛知県 / 豊橋市、新城市、東栄町、豊根村、設楽町、豊川市、田原市、蒲郡市、岡崎市、豊田市

Copyright 2015 three-count., All rights reserved.
Powered By 静岡県浜松市のホームページ制作会社