Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

ワイヤーフレームとは何なのか問題について

1,840 views

Published on

人によってワイヤーフレームの解釈が違う原因の考察と、それへの対応策について、さらっとまとめたものです。

Published in: Design
  • Be the first to comment

ワイヤーフレームとは何なのか問題について

  1. 1. ワイヤーフレームとは 何なのか問題について 画像:ワイヤーフレーム – Google 検索 より 1
  2. 2. そもそもワイヤーフレーム とは何か • 言葉の由来的には、3DCGのモデリングまたは レンダリングの手法。あるいは、その手法に よって描画された3DCGそのもの。 2 画像:ワイヤーフレーム 3DCG – Google 検索 より
  3. 3. webでのワイヤーフレーム • 1990年代後半から2000年初頭頃は、歴史的経緯か ら、webサイト(webページ)の設計を見た目ベース で行うことが多く、グラフィック的な作り込みを する前のデザイン設計(ラフデザイン)において、 ワイヤーフレームの手法が用いられた。 • したがって、かつてはデザイナーがワイヤーフ レームを作成していた。 • なぜならレイアウトのスタディだから。 3
  4. 4. その時歴史が動いた • 2000年代以降、大手のweb制作会社なども現れ、個人で完 結する仕事は減り、仕事は大規模化・複雑化。制作会社は 制作作業を分業するようになる。 • 発注側と、サイトに実装する機能やコンテンツの要件を詰 める段階(コンセプト定義等)から、ワイヤーフレームを 傍らに置いて(肴にして)進行するようになった。 • つまり、ワイヤーフレームが、レイアウトのスタディ用で はなく、要素決め・コンテンツ決めのために使われるよう になったのである! 4
  5. 5. ワイヤーフレームは コンテンツ仕様を決めるツール • 結果として、ワイヤーフレームはコンテンツ仕様を決 めるためのツールとして使われている。 • しかし、なまじレイアウトっぽい雰囲気をかもしてい るために、なぜだかデザインの話になってしまいがち である。 • デザイナーが作っていればまだしも、営業やwebディ レクターが作成している場合も多いため、ワイヤーフ レームでデザインの話をするのは危険。 5
  6. 6. 「ワイヤーフレーム」が何なのか、 最初に必ず合意をとろう • 当該プロジェクトにおいて、「ワイヤーフレー ム」が何なのかを関係者ですり合わせておく。 • レイアウト設計書なのか? • ページ内要素の仕様を設計をしているものなのか? • コンテンツを文言まで設計したものなのか? • スポットで発注する外部デザイナーにも、あらか じめすり合わせておく必要アリ。 • そのワイヤーフレームは何なのかの合意が必要。 • 要素仕様の設計書なのか、デザイン指示書なのか、等 6
  7. 7. おくづけ • このスライドに加筆していくと良さげなトピック 等ありましたらご連絡ください。 • 作者 森田 雄 • https://necomesi.jp/blog/securecat • https://twitter.com/securecat • ワイヤーフレームとは何なのか問題について • Rev 001, 2019/12/5 7

×