web-dev-qa-db-ja.com

クライアントとモックアップ

私はモックアップを機能分析と定義する傾向があります。モックアップは、誰もが提案で取り上げられている論理と構造を理解できるように、その上にビジュアルコートを巻いてファンシーにしたものです。

私たち(UX、IxD、デザイナー、開発者、業界の専門家...)にとっては、フローの基礎を形成する明確で理解可能なドキュメントであるため、クライアントにそれを理解(および承認)させることが重要です。これは私がいくつかの「問題」を経験する傾向があるところです。一部のクライアント(確かにすべてではない!)は、モックアップを設計提案として解釈し、機能的な機能を承認する代わりに、配置、設計、さらにはダミーテキストについてもコメントします...はい、そうです。

(モックアップをサポートする)仮設計も作成できますが、ほとんどの場合、フィードバック(および時間)がないため、グラフィックの対応物を作成できません。

どのようにしてこの問題を回避しますか?

enter image description here

6
Ziepe

[〜#〜] mvw [〜#〜] "[〜#〜] m [〜#〜]最小[ 〜#〜] v [〜#〜] iable [〜#〜] w [〜#〜] ireframes:設計と目的を伝えるワイヤーフレームに最小限の労力をかけるそれは対象読者です。

ナプキンのスケッチが重要な意味を持っているとしたら、すばらしい。

あなたと開発者が一緒に作成して写真を撮るホワイトボードスケッチの場合は、それに合わせてください。 (お気に入り)

これらは両方とも内部交換に機能します

より具体化されたモックアップの明確なニーズがあります。この場合、私は常にそれらをトーンダウンします。彼らの概念的な性質を説明することは決してうまくいきません。

大ざっぱな性質が人々が彼らの目的を直感的に理解するのを助けるので、私はバルサミコを使用します。さらに、それは使いやすいです。フォントとワイヤースキンをラインベースとシステムフォントに切り替えることができます。より忠実に見えるルック。

既存の機能を更新しているときに、Photoshopでスクリーンショットを使用して作業することがあります。これにより、忠実度の高いモックアップが作成されます定期的に私を焼きます!人々はデザイン対コンセプトに行き詰まっています。さらに悪いことに、私がアイデアを伝えることだけを意図していた場合、それらを同じように翻訳します。

結局のところ、私たちはワイヤーフレームやデザインではなく、魅力的なアプリケーションを生み出すビジネスを行っています。あまりにも多くの時間を費やしていると、UXデザイナーの仕事の他の多くの重要な側面から気が散るように感じます。

5
Itumac

これは面白そうに聞こえるかもしれませんが、私は冗談ではありません...

がらくたに見えるモックアップを作成します。

アイデアを模造の鉛筆画としてレンダリングできるデザインソフトウェアを見つけてください。できれば、複数の色の鉛筆を用意してください。そのソフトウェアを使用して、UI要素とダミーテキストを淡い灰色でレンダリングし、機能の説明と画面フローの説明に使用するClean Bold Dark Typeよりも明らかに劣るようにします。

本質的には、モックアップ自体で設計スキルを使用して、顧客の注意を必要な場所に集中させます。モックアップを美しくするために多くの時間を無駄にしないでください...しかし、モックアップ(および他のすべてのもの)に時間を費やして、モックアップに焦点を当て、目的を絞ってください。

4
Henry Taylor

私はヘンリーに同意し、荒削りなワイヤーフレームを作成するアプリの1つであるBalsamiqを提案できます。スケッチスタイルのモックアップが作成され、必要に応じて、完成したワイヤーフレームとして再現できます。

私は使用していません(私はOmniGraffleを使用しています)が、クライアントがゆるいWFを最終的な設計と見なしている場合があるため、切り替えを検討しました。

ここにリンクがあります: https://balsamiq.com

Mike Side note:十分な信用がないため、コメントする代わりに応答を追加する必要がありました。

2
Mike Brown

簡単に言えば、ワイヤーフレームはベビーシューズのようなものです。それらがあなたがそれを知る前にそれらから育てられるのでそれらに多すぎる費用を入れないでください。

2
Itumac

私がすることは、それ自体ですべての要素を説明し、その特定の部分のモックアップを含めることです。そのため、セクションに「ホームページ要素」という名前を付けることができ、その一部は次のようになります。導入カルーセル...次に、その要素のみのスクリーンショットが追加されます。色の追加を控え、lorem ipsumsを使用し、影付きのボックスの代わりに有線ボックスを使用すると、青写真のような感じになります。

結局のところ、間違ったフィードバックが返ってきます。次の2つのことを行うことができます。1つ目は、探しているフィードバックの種類をクライアントに説明することです。たとえば、要素の位置とサイズはまだ決まっていません。次に、彼らのフィードバックをチャネリングし、重要ではないものを後の段階のために脇に置き、その後、彼らのノートが次の段階で検討されることを明確に述べます。それらの無関係なフィードバックを完全にダンプしても、2番目のフェーズが180度異なって見えることは誰もが知っているので、彼らは気付かないでしょう。

1
Ayyash