クライアントにWebデザインを提示する方法

デザインの成功は、視覚的に魅力的なものを作成する能力だけでなく、それを販売する能力にも依存します。

プロのデザイナーとして、あなたはあなたのクライアントとコミュニケーションを取り、あなたの製品を可能な限り最良の方法で提示する方法を知っているべきです。 プレゼンテーションが優れているほど、プロジェクトが承認される可能性が高くなります。

この記事では、効果的なプレゼンテーションの秘訣と、クライアントがあなたの仕事に夢中になるための秘訣をいくつか紹介します。 まず、顧客に提示する必要のあるオプションの数から始めます。

いくつのデザインオプションを提示する必要がありますか？

選択と意思決定の世界的に有名な専門家であるシーナアイエンガーは、さまざまな選択が消費者の注意を引くかもしれないが、同時に彼らを圧倒して混乱させるかもしれないと言います。 つまり、あまりにも多くの消費者が、それが最善の選択肢でなくても、何かを選ぶだけです。

よくわからないものも含めて、複数のオプションを提示するのはなぜですか？ 提供するオプションが多すぎると、クライアントはお気に入りのデザインを無視する可能性があります。 そのため、最終的なプロトタイプのみを提示することをお勧めします。

ただし、これは1枚の写真だけを表示する必要があるという意味ではありません。 さまざまな段階でプロジェクトのスナップショットを提供し、最初から全体像を伝えます。 あなたが下した決定と、それらがクライアントのビジネス目標をどのように達成するかを説明してください。 あなたが経験したすべての反復を通してあなたのクライアントを導き、彼らの問題の解決策を考え出します。 これはあなたの専門知識に語りかけ、あなたが単に既存のデザインを描き直したのではなく、むしろ大量の作業を実行したことを証明します。

あなたのデザインストーリーの主人公はあなたです。 クライアントはあなたの言葉と行動によってあなたを見て判断します。 したがって、事前に何を言うかを考えておくとよいでしょう。

プレゼンテーションでクライアントを魅了する方法

時々、あなたのデザインを提示するとき、あなたは激しい憶測を引き起こしたり、あまりにも多くの情報を開示したり、あなたのクライアントを退屈させたりすることがあります。 明らかに、それはあなたが本当にやりたいことではありません。 スムーズなプレゼンテーションを提供したい場合は、次の5つの手順を使用してプレゼンテーションを調整してみてください。

＃1。 問題を定式化する

あなたは最初に何をすべきですか？ 視聴者に期待を設定します。クライアントがこれから何を見ようとしているのか、そして何が得られるのかを発表します。 最初の会議で提起された問題、取り組んできた課題（たとえば、Webフィットネスアプリの高速で優れたデザインを作成するため）、およびこの問題を処理するために使用したアプローチを策定します。

または、最後のデザイン、既存の製品、または再設計されたアイテムなど、クライアントがすでに見たものの簡単な要約から始めることもできます。 クライアントからの最後のフィードバックに触れることもできます。 これを行うことで、メインプレゼンテーションの基礎を築き、不必要な質問を避けることができます。

＃2。 クライアントのビジネスに対応する

プレゼンテーションをより個人的なものにするようにしてください。 クライアントのブランドとそのターゲットオーディエンスについて話し合います。 あなたの目的は、あなたがあなたのクライアントのビジネスを理解していることを示すことです。 SoftBlankets社のWebサイトを設計しているとします。 このウェブサイトは、会社の製品と価格の範囲を反映するだけでなく、顧客に暖かさと居心地のよさの感覚を伝える必要があります。

ストックフォトの代わりに、クライアントの会社の写真を使用して、モックアップと最終的なデザインの両方を充実させることができます。 たとえば、チャリティーWebサイトを構築している場合、会社が開催したチャリティーオークションの実際の写真は、クライアントとその見込み客にはるかに大きな影響を与えます。

＃3。 設計プロセスを説明する

設計プロセスの個々のフェーズについて簡単に説明し、得られた情報について話します。 全体的な設計を改善するためにこの情報を活用した方法にも下線を引く必要があります。 ここでは、クライアントのビジネスのメリットとして設計コンポーネントを提示することが非常に重要です。 たとえば、ファーストフードのウェブサイトに赤を多く使用したことで、顧客の食欲が増し、顧客にもっと多くの食品を注文するように促すことができると説明できます。 マクドナルドとKFCの秘密が明かされる。

＃4。 会話をする

デザインプレゼンテーションは会話です。 情報に基づいたフィードバックを受け取りたい場合は、質問が発生したときに回答し、クライアントが見逃したことを説明してください。 プレゼンテーションがクライアントにとって明確であり、同じページにいることを確認してください。 その上、建設的な対話は新しいアイデアや解決策をもたらすかもしれません。

＃5。 フィードバックを収集する

最後の、そしておそらく最も重要なステップは、フィードバックを取得することです。 あなたのクライアントにあなたの仕事を評価する時間を与えてください。 待機する必要がある時間は、クライアント、クライアントのワークロード、およびプロジェクトのサイズによって異なります。 明らかに、大規模なプロジェクトは小規模なプロジェクトよりもレビューに時間がかかります。 クライアントが最初の3日間に応答しなくても、慌てないでください。 あなたがデザインしたウェブサイトはあなたのクライアントのビジネスの大きな部分であり、彼らはそれが彼らの聴衆を獲得することを確実にする必要があります。

正しい方法でフィードバックを収集する方法

ただし、場合によっては、一生懸命働いても役に立たない、または適切に管理できないフィードバックを受け取ったり、応答に数か月かかることがあります。 どうすればそのような状況を回避し、クライアントに正しい方向性を設定できますか？ これらのヒントに従ってください。

1.事前に計画する

フィードバックを収集する前に、すべての問題を明確にすることをお勧めします。 クライアントがあなたの仕事についてフィードバックを提供する特定の日付を設定します。 この日付を真剣に受け止めてください。 数日前にフィードバックの日付をクライアントに思い出させるのは、あなたの側からするといいでしょう。 また、電話、電子メール、または直接のフィードバックの形式についても同意する必要があります。

2.焦点を絞った質問をする

多くの場合、デザインのプレゼンテーションは完全にコンテンツに関するディスカッションになります。 明らかに、いくつかのコンテンツの議論が期待されていますが、クライアントはこのテーマにすべてのフィードバックを捧げるべきではありません。 有益なフィードバックを受け取りたい場合は、具体的な質問をして、フィードバックを本当に聞きたいものに直接会話してください。

クライアントに「どう思いますか」と尋ねないでください。 代わりに、このコンセプトがビジネス目標を満たしているかどうか、またはどのように達成できないかを尋ねるか、カラーパレットがブランドの位置付けに合っているかどうかを尋ねます。

3.真の意味をつかむ

クライアントはプロジェクトについてコメントしている間、問題を指摘するのではなく、解決策を提案することがよくあります。「このボタンを大きくできますか？ 緑を追加できますか？」 あなたの仕事は、そのフィードバックに隠れている主要な問題または課題を特定することです。

常に理由を尋ねてください。「なぜこのボタンを大きくしたいのですか？ なぜあなたはあなたのウェブサイトにとってより多くの緑がより良いと思いますか？」 Svbtleの創設者であるDustinCurtisは、クライアントの意見について少なくとも3つの質問をします。

4.ロジックを適用して有名なブランドを引用する

あなたがあなたのクライアントと同じ意見を共有しないならば、彼らを批判し、信用を傷つけ始めないでください。 代わりに、事実、研究、研究であなたの議論をバックアップしてください。 これらの事実がそれ自体を物語っています。 また、有名企業を例に挙げることができます。

クライアントがフォントサイズを22ptから12ptに減らすように要求したと想像してください。 この場合、「それは興味深い点です。 しかし、ご存知のとおり、私は最近、フォントサイズを大きくすると、ブランドとの感情的なつながりが強くなる可能性があることを示す研究を読みました。 ちなみに、Mediumも22ptフォントを使用しています。」

また、「そう言った」というスタイルに該当するフレーズは使用しないでください。 共感を示してみてください。「はい、これも聞いてショックを受けました。」

5.クライアントの意見を尊重する

あなたはおそらくウェブデザインの経験が豊富ですが、あなたのクライアントはあなたよりも彼らのビジネスをよく知っています。 日常的にデザインを使用するのは彼らです。 したがって、彼らはあなたがデザインしたウェブサイトに慣れている必要があります。

クライアントがデザインに満足できない場合は、一緒に作業を修正してください。 妥協点を見つけて、クライアントのフィードバックに基づいて設計を適応させてください。 あなたのクライアントの知識とあなたの経験の共生は真に成功した製品をもたらすかもしれないことを覚えておいてください。

これで、理論的な部分、つまり、デザイン作業を提示する際の行動方法と発言方法をすでに理解できました。 しかし、どのような形でデザインを組み立てるべきかは明確ではありません。 プロトタイプはどのように見えるべきですか？

どのタイプのプロトタイプを選択する必要がありますか？

私たちはあなたに普遍的な答えを与えることはできず、「このように描くだけです」と言うことはできません。 しかし、プロトタイピングフローに関するいくつかの便利なヒントを提供することで、あなたの仕事を楽にすることができます。 現在の設計段階（初期段階または最終段階）に基づいて、プロトタイプのタイプとそれを作成するために使用するツールを選択することをお勧めします。 これらの両方の段階を詳しく見てみましょう。

初期段階

初期段階は、Webサイトのロジックと機能（レイアウト、機能、接続、遷移）について考えるときです。 ターゲットオーディエンスを念頭に置いて、ユーザーがWebサイトを直感的に理解できるようにする要素を作成します。 あなたの主な目標は、製品の操作性をチェックすることです。

したがって、この段階では、通常は基本色で、視覚効果や詳細のない単純なスケマティックスクリーンの形式で忠実度の低いプロトタイプを提示できます。

忠実度の低いプロトタイプを設計するには、次のツールを試すことができます。

• Wireframe.cc –設計者がワイヤーフレームを作成するために使用できる最も基本的なツールの1つ。 その主な利点は、そのシンプルなインターフェイスと、サインアップなしですぐにワイヤーフレームの設計を開始できることです。
• Moqups.com –ワイヤーフレーム、モックアップ、プロトタイプの作成を支援するWebアプリ。 Moqupsは、何千ものアイコンセット、クラウドベースのストレージ、コメントおよびフィードバック機能を備えた組み込みライブラリを提供します。
• Pencil Project （pencil.evolus.vn）–デスクトップとモバイルの両方のプラットフォーム向けの無料のオープンソースプロトタイピングツール。 Pencil Projectは、組み込みのコレクション（形状、フローチャート要素など）、図の描画のサポート、およびページ間のリンクを提供します。

忠実度の低いプロトタイプでは、クライアント側から誤解や否定的な意見に直面する可能性があるため、注意が必要です。「画面が非常に単純なのはなぜですか。 なぜこんなに貧弱な配色を使ったのですか？」 これが発生した場合は、時間をかけてUXとは何か、製品にとってUXがどのように重要であるか、UXは将来のウェブサイトの核心であり、このプロトタイプは最終バージョンからはほど遠いことを説明してください。

最終段階

最終段階では、忠実度の高いプロトタイプを顧客に提供する必要があります。マイクロインタラクション、画面から画面へのナビゲーション、その他のアニメーションなどのインタラクティブな要素を追加します。

忠実度の高いプロトタイプは、クライアントが製品の使いやすさを調べ、ユーザーの行動について結論を出すことができるように、（詳細と機能の点で）最終設計に可能な限り近づけるように作成されたコンピューターベースのインタラクティブ表現です。

忠実度の高いプロトタイプを使用すると、忠実度の低いものよりもWebサイトの遷移と機能をよりリアルに感じ、UIを作成する前のこの段階で潜在的なバグや問題を明らかにできます。

プロトタイプをアニメーション化するために使用するツールがわからない場合は、次のツールを試してください。

• InVision （invisionapp.com）–インタラクティブなプロトタイプを数分で作成できるデジタル製品設計プラットフォーム。 InVisionを使用すると、スタイルシートを作成し、任意のデザイン要素の実際のコードを生成できます。 さらに、InVisionを使用すると、クライアント、チームメンバー、および利害関係者がデザインに直接コメントできます。
• Adobe XD （adobe.com/products/xd.html）–静的レイアウトをワンクリックでインタラクティブなプロトタイプに変えるのに役立つオールインワンのUI/UXソリューション。 Adobe XDを使用すると、変更を加えるたびにプロトタイプが自動的に更新されます。同期は必要ありません。
• 原則（principleformac.com）–マルチスクリーンアプリのフローを設計する場合でも、新しいアニメーションやインタラクションを設計する場合でも、アニメーション化されたインタラクティブなユーザーインターフェイスを設計できるプロトタイピングツール。

あなたはあなたのウェブデザインを提示する準備ができていますか？

デザインを提示する形式は、製品の種類、提示するデザインコンポーネント（レイアウトや機能など）、および現在のデザインプロセスの段階によって異なります。初期段階では、低価格に固執することができます。 -忠実度の高いプロトタイプ。一方、後期段階では、できるだけ早く最終製品にアプローチし、忠実度の高いインタラクティブなプロトタイプを提供する必要があります。

もちろん、あなたのプレゼンテーションの成功はあなたの自信とあなたが持っているデータにあります：あなたの意見をサポートするために事実と論理ベースの議論を手元に置いてください。 そして、クライアントに「なぜ？」と尋ねることを恐れないでください。

これらのヒントのいずれかを試しましたか？ 受賞プレゼンテーションの秘訣を他に知っていますか？ 以下のコメントであなたの考えを共有してください。