デザインショッピング:ガイド付きデザインショーケースを通じて、より迅速なクライアントの賛同を得ましょう

公開: 2022-03-10
簡単な要約↬クライアントに、より速く(そしてより簡単に)バイインするように説得するにはどうすればよいですか? ケリー・シュマーは、ガイド付きのデザイン演習の助けを借りて、デザインショッピングワークフローがデザインフェーズ全体をガイドするのにどのように役立つかを説明します。

住んでいる場所に関係なく、運転免許証を更新したり、個人IDカードの住所を更新したりすることは、多くの場合、面倒な作業になる可能性があります。 ディズニーのズートピア映画(IMDb)が、DMVの従業員をナマケモノとして表現するのが最善だと考えたのは、とても苛立たしい経験です。 しかし、世論にもかかわらず、カリフォルニアDMV(カリフォルニア州車両管理局)は、カリフォルニアで3,000万人の免許を持ったドライバーにより良いサービスを提供することに強い意欲を持っています。

これらの市民により良いサービスを提供することは、イライラするWebサイトのエクスペリエンスを改善することを意味します。これは、カリフォルニア州民が必要なサービスにアクセスするための主要な方法です。 そのため、DMVストライキチームは、カリフォルニアDMV Webサイト全体を再考するために、10upで設計チームを採用しました。

次のケーススタディでは、社内でデザインショッピングと呼ばれるデザイン演習を詳しく見ていきます。 この演習により、クライアントとのコミュニケーションを改善し、コラボレーションをより簡単に正しい方向に進めることができます。

この記事は、かなり大規模なプロジェクトに取り組んでいる経験豊富なUX/UIデザインチームを対象としています。

デザインショッピング?

完成品(新しいDMV Webサイト)に到達する前に、最初からクライアントを理解する必要があります。 政府機関として、彼ら(したがって、私たち)には、さまざまな動機でジャグリングする多くの利害関係者がいました。 これは、発見段階でクライアントの調整を行うことが私たちの最優先事項であることを意味しました。

クライアントがデザインに精通していることは期待していませんが(多くの人はデザインの概念を混乱させたり威圧的に感じたりします)、全員を同じページに集める必要があります。 しかし、政府の作業プロジェクトでどのようにして設計の針を動かすことができたのでしょうか。

私たちは彼らを買い物に連れて行きました。 デザインショッピング、つまり。

なぜ「デザインショッピング」なのか?

クライアントサービスに関しては、第一印象がすべてです。 ただし、特に大規模で多様な利害関係者グループと協力する場合は、印象を残すことは必ずしも容易ではありません。 そのために、偉大なアメリカの詩人、マヤ・アンジェロウからレッスンを受けましょう。

人々はあなたが言ったことを忘れ、人々はあなたがしたことを忘れますが、人々はあなたが彼らにどのように感じさせたかを決して忘れないことを学びました。

—マヤ・アンジェロウ

トランペットをキューに入れましょう! 私たちのチームとの最初のやりとりから最後のやりとりまで、クライアントに永続的な印象を残すために、私たちはクライアントに気分を良くさせる必要があります。

これらの貴重な最初の瞬間を念頭に置いて、私たちのチームはさまざまなアプローチを試し、DMVチームにつながりを感じ、信頼関係を築くための安全なスペースを提供しました。

私たちが着手したのは、誰もが同時に理解し、すぐに安心できるコンセプトです。ショッピングです。

ショッピングは正しいか間違っているかのプレッシャーを取り除きます—素人はすぐに正しい「フィット」を「選んで選ぶ」ことを理解します。 ショッピングはまた、脳の報酬と快楽の中心を活性化するドーパミンを放出します。 これは、クライアントを行動に駆り立てる一方で前向きな気持ちを生み出すため、重要です。

出来上がり—デザインショッピングエクササイズの誕生! 良い気持ちとデザインの議論はオタクに匹敵します!

アニメーションGIF、小さなかわいい動物のパーティー
デザインオタクをライブで見てください! (画像出典:アンナ・フラホヴェックの「もちもちランド」)

わーい! トーンを設定したので、このプロセスの詳細に取り掛かりましょう。理由と目的を定義します。 これは私たちのチームに減速してインスピレーションを得る非常に必要な機会を与えます。 言い換えれば、プロジェクトを深く理解してください。 私たちの調査と最終的なアーティファクトのセットは、演習中のデザインの会話を構成するものです。

DMVチームと有意義な「Iseeyou」の瞬間を過ごすために、私たちは関係者グループに、彼らの目標を具体的な設計結果に変換する準備ができていることを示す必要がありました。

その研究で泳ぐ

視覚的な調査やワークショップの計画を立てる前に、デザイン思考を強化してください。 これらすべてが必要なわけではありませんが、チームの管理下にある場合は、次のものを用意してください。

  • 特定されたプロジェクトの目標。
  • 問題の説明;
  • 競争力のある分析;
  • メンタルモデルの比較;
  • 歴史的背景;
  • プロジェクト概要説明書;
  • 予備的なUXの発見;
  • コンテンツマップ。
アニメーションGIF、ハートをうんちする毛糸の鳥
デザインへのすべての愛を共有します。 (画像出典:アンナ・フラホヴェックの「もちもちランド」)

深くなる

あなたの脳がさまよって迷子になる時間を作ってください。 デザインショッピングの演習でアーティファクトを収集するときは、コインの両面を考慮してください。上記の調査から得たものを示す成功例失敗例です。

アーティファクトをパスおよび会話トリガーとして使用することにより、会話を簡単にリードします。 指摘する機会を探してください:

  • 美学または好み;
  • ユーザーエクスペリエンスに向けた設計の理解。
  • ビジネス目標;
  • 特定の行動の呼びかけ。
  • そして、デザインが見た目だけでなく、そのすべてをサポートするのにどのように役立つか。

これにより、クライアントは、組織またはユーザーエクスペリエンスへの具体的なメリットに基づいて、設計ビジョンの所有権を高めることができます。

戦術的なインスピレーション

デザインのインスピレーションをあなたが精通しているものに限定しないでください。 変になりなさい! これが私たちのチームがインスピレーションを探す場所の簡単なリストです:

  • 純粋な創造性と最新のトレンド:
    • https://wepresent.wetransfer.com/
    • https://www.designspiration.com/
    • https://thefwa.com/
  • 垂直レビュー、競合分析、およびID固有の調査:
    • https://www.awwwards.com/
    • https://search.muz.li/
    • https://colors.muz.li/

アーティファクトに焦点を合わせる

デザインショッピングアーティファクトの数を合計5〜7に制限すると、チームが集中力を維持し、疲労を回避するのに役立つことがわかりました。 Webサイトの成果物を絞り込むには、次を選択します。

  • 精通し、ファンダメンタルズの理解を紹介するための彼らの垂直の1つ。
  • ブランド属性を実証または挑戦する、業種の1つ。
  • やりがいのあるデザインの選択を示すもの(あなたは彼らがそれを嫌うと思うでしょう)。
  • 思慮深いデザインの選択を示すもの(あなたは彼らがそれを気に入ると思うでしょう)。
  • 彼らがあなたの研究で概説した何か(すなわち、クライアントがすでに指摘した何か)あなたはもっと深く掘り下げたいと思っています。
  • 彼らの聴衆のメンタルモデルを反映しているもの(あなたが彼らのターゲットの理解にアピールすると思うもの)。
ジャンプした後もっと! 以下を読み続けてください↓

それらのホイールを動かします

チャンピオンを選ぶ

休憩をとる—クライアントにこれらのサイトを表示する前に、ファシリテーターを割り当てます。 このチャンピオンは、ワークショップを通じてグループを導き、参加を促し、グループが概説された目標に向かって取り組むのを助けます。 また、公式のnotetakerを割り当てて会話を記録し、ファシリテーターが参加者に集中できるようにします。

壁に貼られたウェブサイトのスクリーンショットを紹介するKellySchummer
複数の利害関係者との設計に関する話し合いを促進します。 (大プレビュー)

DMVでは、非常に多くの利害関係者グループがあったため、2人のファシリテーターが部屋を運営しました。 仮想環境で同じ体験を実現するには、複数のファシリテーターを備えた複数の小会議室を使用することも非常に効果的です。

ワークショップ資料

次に、資料を集めます。 仮想またはオンサイトでは、次のものが必要です。

  • 赤と緑のカラーコーディングラベル、別名ドットステッカー。
  • 絵文字ステッカー—これらは投票のための伝統的な赤と緑への楽しい追加です。
  • コメントの付箋;
  • Webサイトのスクリーンショット。

Miroボードに設定すると次のようになります。

デザインショッピング演習のサンプルミロボード
ミロボードのセットアップ。 (大プレビュー)

やめて、協力して、聞いてください

ワークショップがオンラインであろうと対面であろうと、最初に基本ルールを設定する必要があります。 ワークショップの最初の5〜10分で氷を砕きます—最も騒々しい利害関係者が会話全体を制御しないようにします。

仮想ワークショップを運転している場合(最近の答えは確かにイエスです)、テクノロジーの麻痺のブロックを解除してください。 ワークショップ中にアクセスするツールの使用方法の簡単なデモで、すべてのシステムが正常に機能していることを確認します。 これにはさらに5〜10分かかる場合があります。

時間が重要な場合は、ワークショップの参加者が参加する準備ができるように、事前にDIYの指示を添えて仮想ボードを送信してください。

次に、明確な期待を設定し、ワークショップの目的を繰り返します。

投票パラメータ

各参加者の投票数を制限してください。 これらの投票が仮想ドットであろうと実際のステッカーであろうと、ドットの数を緑5個と赤5個に制限して、合計10票にします。

投票数を制限すると、参加者は買い物をする際により慎重になり、会話と結果がより豊かになることがわかりました。 楽しいボーナスとして、私たちはそれらの感情的な買い物の瞬間のための絵文字のセットを提供します。 これは参加者から多くの愛を得る傾向があります!

超大型絵文字
ミロの絵文字。 (大プレビュー)

レディ、セット、ショップ!

クライアントがすべてのツールを手に入れたら、ショップショップショップに行きましょう! タイマーを15分に設定し、参加者を招待して、自分の前にあるデザインのお気に入りの側面と最も嫌いな側面に投票します。 彼らが投票している間、「何」と「なぜ」について鋭い質問をします。

このエクササイズを完了している間に立っていると、レンズがシフトし、参加者が平等な競技場に置かれることがわかりました。 このパンデミックの間、私たちはこの体験を仮想空間に追加するオプションを検討し、投票パネルに参加者のアバターを事前に入力すると、素晴らしい人間的要素が追加され、一緒に立つのとほぼ同じ方法でレンズがシフトすることがわかりました。 ゴーストカーソルは変ですよね?

会話を導く

タイマーが切れたら、チームの買い物の成功について話し合います。 ここで、プロジェクトの共有言語の中心にたどり着きます。 それぞれのアーティファクトを歩きながら、ネガティブとポジティブの両方で出現し始めるパターンについて話し合います。

買い物客をボランティアに招待します。 たとえば、「ここに緑色の点がたくさん表示されています。 理由について話しましょう。」

ウェブサイトの注釈のスクリーンショット
ステッカーの視覚的なフィードバックにより、会話の開始点が一目でわかります。 このスクリーンショットは、上記のMiroで注釈が付けられたライブノートとワークショップ後のノートの両方を示しています。 (大プレビュー)

参加者を選び出すのではなく、これは議論と評価の余地を開きます。 これは、DMVのような大規模で多様な利害関係者グループを扱う場合に特に重要です。 これはチームの努力であり、すべてのステップが協調的であると感じるはずです。

その意図は、「正解」のプレッシャーを取り除くことです。

クライアントのデザイン語彙を聞き、それに基づいて構築したいと考えています。 この評価を通じて、点を結び付け、チームを基本的な設計原則と、次の設計フェーズ全体で行う決定に導くことができます。

結果を伝える

全員が買い物を終えたら、運動の結果として見ているものをチームで検証します。

クライアントのフィードバックをキャプチャしたMiroボードのスクリーンショット
ワークショップ後にクライアントのフィードバックを内部で使用するために解析する1つの方法。 (大プレビュー)

コンセンサスが得られ、分岐するすべての領域の概要を説明し、次のステップがどのようになるかをメモします。

参加者からの即興のダンスの動きについては責任を負いません。

もう一度、気持ちで

デザインショッピングワークショップを実行するためのすべての主要な方法の概要を説明しましたが、これは1回限りの演習に限定されません。 デザインショッピングの最終ラウンドは、別の日に行われることがよくあります。

ここで、最初のワークショップで確立されたものを使用して作成します

プロトタイプ、ムードボード、スタイルタイル、デザイン原則の真っ只中に入ると、デザインの方向性を表現するための最良のプラットフォームと思われるものは何でも、独自のデザインソリューションを検証する方法としてデザインショッピングの演習を使用できます。 それでも問題が解決しない場合は、Design Spectrumの演習を行って、具体的に説明してください。

快適な関係がすでに構築されており、クライアントがワークショップに精通しているので、デザイン語彙を構築する最初の苦痛を乗り越えて、デザインの評価と議論に直接進むことができます。

結論

デザインショッピングワークフローを使用すると、意図的で意味のある方法で、共有されたデザイン用語と基本的なデザイン原則にすばやく移行できます。 これは、カリフォルニアを横断するロードトリップのようなものです。目的地を確認してから、目的地をどのように体験したいかを確認する必要があります。

業界として、私たちは常にクライアントを教育することについて話し合っていますが、痛みがないだけでなく楽しい方法でその教育を構築することはめったにありません。 DMVチームが受けていたプレッシャーの大きさを考えると、私たちのチームが最後にやりたかったのは、さらにストレスを加えることでした。

覚えておくべきことは、楽しみには目的があるということです。つまり、将来のコミュニケーションについて労働協約を獲得し、先制的に紛争を回避することになります。 このワークショップの視覚的な性質は、ライブセッションを見逃した可能性のある利害関係者にも付加価値をもたらします。 彼らが買い物の練習に戻って言及するとき、どの方向にダブルダウンするべきか、そして何を避けるべきかは明らかです。

結局のところ、デザインショッピングは、素敵なフォントや色を購入することではなく、思慮深いデザインのROI(投資収益率)を紹介することです。 それは、創造的な可能性をアクセシブルな方法でオープンに議論できるフォーラムを作成することです。

この演習を正しく行うと、デザインが実現した実際の例をクライアントに示したため、クライアントは実際の可能性を確認できます。 抽象が具体化されました! その基盤が整ったら、最も厳しい批評家であるクライアントからの創造的な革新と自信を期待できます。

特別な感謝

Lea Alcantara(10upのビジュアルデザインディレクター)へのすべての称賛、私のデザインオタクパートナー(これを含め、10upのクライアントのために役立つワークショップを作成するのを手伝ってくれます)、そして追加の記事の微調整と調査が行われました!