web-dev-qa-db-ja.com

正確なサイズにワイヤーフレームを作成しますか?

ワイヤーフレームのベストプラクティスについて説明します。これまで、特定のキャンバスサイズにワイヤフレームを設定したり、グリッドを利用したりしたことはありません。これは通常、デザイナーが設計しているサイズを知っていて、ワイヤーフレームから階層をはっきりと見ることができるためです。私は最近、グリッドを使用し、ページ上の要素の実際のサイズに設計することを主張したUX'erに会いましたか?私は同じことをするべきですか?グリッドがどのように機能するのかもわかりません...

1
Reloaded

ワイヤーフレームの用途によって異なります。

ワイヤーフレームが単にアイデアを探索するためのものである場合は、正確なサイズについて心配する必要はありません。そうするには、余分な作業が必要です。

ワイヤーフレームがページレイアウトの正確な仕様として使用されている場合、ビジュアルデザイナーとの特定の関係によって異なります。個人的には、ピクセルパーフェクトはUXerの仕事(ユーザーエクスペリエンスの定義)の範囲外であると思うので、ビジュアルデザイナーがそれを行うべきです。しかし、組織はさまざまであり、UXの人々はビジュアルデザインプロセスに密接に結びついている場合があります。

重要なのは、自問することです。追加の作業は正当化される十分な付加価値を生み出しますか?

3
Sam Blake

デスクトップWebサイトで作業している場合、違います。私は一般的なウィンドウサイズ(通常は1024px)に気をつけようとしますが、それ以外の場合は、一般的なサイズを超えた正確なサイズやグリッドレイアウトにこだわりません。おっしゃるように、一般的な関係と階層を伝えている限り、それは大した問題ではありません。

ただし、モバイル作業の場合、スペースの制約がはるかに重要であるため、サイズ設定についてはより注意深くしています。これを簡単にスケッチするには、画面のサイズに一致するページ上のスペースをマークアウトして、描画したものがすべて「本当のサイズ」になるようにするか、そうでなければ Istencils。 のグリッドスケッチパッドを使用します。デジタルワイヤフレームに移行するときは、常にキャンバス上のピクセルと最終的なデバイス上のピクセルが1:1の関係で作業し、タッチターゲットが最小のサイズと間隔を満たしていることを確認します。それ以外の場合は、非常に難しいことがわかります。最終的なデバイスで使用します。

2
Lorelei

私はソーシャルゲームで働いていますが、ボーダーまたはキャンバスに含まれる正確なワイヤーフレームを使用する必要が非常に大きくなります。ワイヤーフレームは後でポップアップや他のGUIデザインとして使用するためにゲームプレイウィンドウに複製する必要があるためです。

これは実際に、キャンバスを念頭に置いて作業し、サイズに応じてワイヤーフレームをレイアウトするのに役立ちます。デザイナーは、実際のサイズではないモックアップに取り組む場合があります。彼の表現は、プロデューサーやマネージャーをだまして、最終的な結果がどうなるかについて別のものを想像することさえできます。

これは、UXデザイナーが実際の規模のワイヤーフレームを提示して、多くの反復の後に続く次の公正なデザインを紹介する場所です。

1
Justin Samuel