web-dev-qa-db-ja.com

ワイヤーフレームの最初または大まかなビジュアルデザインスケッチの後?

これは私が通常働く方法です:

  • ビジネス要件とユーザー要件の収集が完了した後、プロジェクトグループと一緒にブレーンストーミングセッションを行い、Webサイトのコンセプトと機能に関する大規模でハイレベルなアイデアを思いつきました。
  • 次に、自分でアイデアをサイトマップといくつかのワイヤーフレームで具体化します。
  • 次に、プロジェクトチームに再度会い、ワイヤーフレームについて話し合います。
  • そして最後に、ワイヤーフレームが承認された後、アートディレクター/ビジュアルデザイナーはPhotoshopでワイヤーフレームを実現し始めます。

インタラクションデザイナーに指示するには、ワイヤーフレームから、またはいくつかの大まかなデザインスケッチから始める必要がありますか?誰が設計プロセスを主導すべきですか?

5
Tony Bolero

インタラクションデザイナーに指示するために、ワイヤーフレームまたはいくつかの大まかなデザインスケッチから始めますか?.

はいといいえ。以前の作業をやり直すことができなくても、デザインのビジュアル間を移動でき、ウォーターフォールモデル(1-2-3-4)に制約されないことが重要です。これのよい例は Jesse James Garretts 5要素です。ここでは、最下部から始めて、レイヤーを視覚的なデザインサーフェイスに向かって上に移動します。しかし、Jesse Jamesが彼の本で述べているように、「 The Elements of User Experience ":"途中で何かが失敗した場合、レイヤー間をより自由に移動できます。重要な部分は、1つのプロセスステップ前のすべてのステップが完了する前に終了できません。」スコープ前の仕上げ戦略と構造前の仕上げスコープを意味します。

Elements of User Experience by Jesse James Garrett

5
Benny Skogberg

私は同様のプロセスに従いますが、追加のステップ-フロー設計を使用します。

私はユーザーUXなので、ユーザーが何を達成する必要があるかを知りたいと思っています。私は、システムがユーザーの達成を支援するために必要なものに基づいて、事前に作成された(または自分で作成した)ユースケースを使用するのが好きです。

Webサイトの例を使用するには:顧客として、買い物かごに商品を追加したいのですが、購入元のショッピングページに戻ります。顧客として、バスケットに商品を追加して、チェックアウトに進みます。

これは高レベルのアクションフローであり、それを画面に分解します。画面から、ユーザーがそれらの画面をどのように操作できるかを計算し、その周りにUXを構築します。 UXが計算されると、UXを中心に設計が構築されます。

7
TJH

できるだけ協力して仕事をしたいと思っています。理想は、デザインを改善できるビジュアルコンセプトを最適化できる場合です。

私はワイヤーフレームを使用して、ビジュアルデザイナーに従事する前に、コンテンツ、概念、およびフローが十分に理解されていることを確認します。

特に、斬新で難しいデザインの課題がある場合は、ビジュアルデザイナーにさまざまな初期(ラフ)ワイヤーフレームを渡して、ビジュアルコミュニケーションがコンセプトで成功するかどうかにかかわらず、より優れたデザインを進化させる方法を模索します。

0
Jason A.