ワイヤーフレームコミュニケーション研究会

Icon

Wireframe Communication Working Group

[議事録]デザイナーが引っ張られないワイヤーフレームを作るにはどんな工夫が考えられるか?

マークアップ
ワイヤーフレームからビジュアルデザインに行かずマークアップへ行く
現在しない理由はそこまでスキルがないから
字コンテを書く
見出しは黒丸など、wiki記号で似せて作っている
広告はラフなしのほうが喜ばれる
エディトリアルはラフありのほうが喜ばれる
H1とかの識別記号をしっかり書く
色分けもしっかり意味付けする
ワイヤーフレームすら書かない
ワイヤーフレームを画像データにする
色分けはグレーを使う
ワイヤーフレームで要件を決めてはいけない?
インターフェース設計としてのみ使う
反論:場所取りつまりゾーニングをどこで解決するか
反論:サイトの構成手順によって異なるかもしれないビジネス側から作成するのかUIの専門家が作成するのか
ワイヤーフレームをデザイナーが切りなおす
渡されたワイヤーフレームを最適なワイヤーフレームに書きなおして提出
ただし、ワイヤーフレームを渡す時はすでに要件が決まっているときもあり
ワイヤーフレーム単体で評価するのではなく、ちゃんとコミュニケーションがあるかどうかが重要
フルFlashサイトではあまりワイヤーフレームを作らない
IA、D、ADもそれぞれワイヤーフレーム作成に参加する(両方がぶつけ合うのが大事)
ワイヤーフレームは、画面のレイアウトを規定するものではない
AD、マークアッパー同士でワイヤーフレームを組む
キャンペーン系コンテンツではDとADの関係が逆転することもあり
レイアウト指示書として確実なものを渡す
ただし、変わる可能性があるものは伝える
ハイレベルのワイヤーフレームなのか、ローレベルの詳細ワイヤーフレームなのかはっきりさせる
ワイヤーはちょっと足りないくらいにしておき、クリエイティブ魂をゆさぶるようにする

Category: 第1回ワイヤーフレームコミュニケーション研究会

Tagged:

Leave a Reply

告知事項

現在、第2回ワイヤーフレームコミュニケーション研究会@東京を企画中です。

内容はワイヤーフレームに関するLL(ライトニングトーク:一人5分程度の持ち時間でプレゼンをする)を中心とした会にしようと考えています。プレゼン内容は、ツールの話から事例紹介、独自に行なっている取り組みや考え方まで自由です。

LLのプレゼンターは優先的に当日の参加権を持てますので、kazuhiroh{at}gmail.comまで【氏名(会社名)】【どんな方向性の話をしたいか】をお送りください。

プレゼンの練習にもなりますのでお気軽にどうぞ!

ワイヤーフレームコミュニケーション研究会とは?

「デザイナーがひっぱられないワイヤーを素早く作る研究会をしたい」というTwitterでのポストから始まった会です。

デザイナーはたまに提示されたワイヤーフレームに引っ張られてしまい、ワイヤーとあまり変わらないようなものをあげたりしてしまいます。

そういうことを防ぐにはどうしたらいいか、そもそもワイヤーフレームの存在の是非も含めて考えつつ、ワイヤーフレームおより周辺の情報をピックアップしたり考察したりしていきます。

運営者情報

原 一浩 ( / mx / / kr )

株式会社エフエックスビイ代表取締役CVO
DesignWedge編集長