web-dev-qa-db-ja.com

アダプティブWebデザイン+ UXの成果物

現在、さまざまなデバイスに2つまたは3つ以上の異なるレイアウトを使用して、アダプティブWebデザインに進化しているときに、ワイヤーフレーム情報設計に関するUX成果物を作成することには意味がありますか?成果物に対するアプローチはどうですか?

3
user1106811

1つのアプローチは、「デフォルト」または最もトラフィック量の多い画面サイズを使用してcompleteワイヤーフレームのセットを作成し、次に他の画面サイズで代表的な例を表示することですのために設計されました。

一般的な画面パターンがいくつかある場合は、各パターンの例(または2つ)を表示することで問題を回避できるでしょう。興味深い1回限りの画面の場合は、これらを複数の画面サイズで表示することもできます。

これらの決定はすべて、希望する忠実度レベルに依存します。設計の早い段階で、初期フィードバックを受け取り、かなりの変更を期待している場合は、より少ない画面を具体化し、より多くの「設計されていない」詳細を残して、反復を高速化することにします。 finalこれらが多いほど、詳細を特定する必要があります。

1
peteorpeter

最初に、アダプティブWebサイトとレスポンシブWebデザインは2つの異なるものだと言いたいだけです。アダプティブデザインは、基本的に流動的なグリッド/画像のないレスポンシブデザインです。

私のショップでは、レスポンシブサイトを構築するときに、実際のブレークポイントを使用してHTML/CSS/JSでワイヤーフレームを構築し、ビジュアルモックアップ(レビュー用の6-10 JPG:すべてのブレークポイントを含むサイトの2ページ)に移動します。そして、開発に。

レスポンシブデザインは、時間がかかり、より多くの検討が必要であり、一般に設計がはるかに難しいため、料金が高くなります。固定幅のデザインと比較すると、通常、レスポンシブデザインの場合は約1.5倍多く課金されます。

各成果物の目的と価値は、固定幅のサイトでも、レスポンシブ/アダプティブサイトでも変わりません。彼らはまだコミュニケーションツールであり、クライアントはそれらを見ることを期待しています。レスポンシブデザインは、モバイルエクスペリエンス向けのデザインへのアプローチの1つにすぎません。これは(私の意見では)最良のアプローチであるため、クライアントはマークアップを期待する必要があります。

1
Mitch Malone