製品開発ビジュアルエイド：デザイン

これは、物理的な製品の開発に関する4つの記事シリーズの第2部です。 パート1を逃した場合：アイデアを形作るには、必ず読んでください。 すぐに、パート3：設計およびパート4：検証に進むことができます。 投稿者：ベン・アインシュタイン。 元の翻訳は、fablab FABINKAとHANDプロジェクトのチームによって作成されました。



パート2：デザイン



設計段階の各ステップ-顧客調査、ワイヤーフレーム（ワイヤーフレーム、 ロシア語 ）、ビジュアルプロトタイプ-は、製品の外観とユーザーの操作方法に関する仮説をテストするために必要です。





図2.1製品設計手順



顧客開発（顧客開発）およびフィードバック



顧客のフィードバックに焦点を当てた企業は、ワークショップに延々と座って開発作業を行う企業よりもはるかに成功します。 これは、多くの場合、有形の製品を生産する企業の影響を受けます。 また、クライアントとの通信が常に役立つ場合、開発の初期段階でこれは非常に重要です。





図2.2。 顧客開発（顧客開発）およびフィードバック



DipJarにとって、クライアントに関する仮説をテストおよび確認することは常に非常に重要でした。 プロトタイプの概念実証（ PoC ）を作成した後、銀行は現実の世界にリリースしました。





図2.3。 初期テスト段階で撮影された実際の顧客の写真



私のメンターの一人がかつて言った：「あなたの製品のデザインがどれほど悪いかを理解する方法を知っていますか？ 人々の使用方法をご覧ください。」 DipJarチームは常に同じ問題（写真の赤い矢印）を観察しました。ユーザーはカードを間違って挿入しようとしました。 これが主な建設的制限であることが明らかになりました。



この段階でのクライアントとの通信に関する推奨事項（問題の調査段階ではありません）：

• 詳細な会話スクリプトを準備し、それに固執します。
• 書面またはレコーダーで聞いた内容を詳細に記録します。
• 可能であれば、消費者ロイヤルティインデックスを追跡します（ NPS 、多くの企業はこれを後で行うことを好みます。これは正常です）。
• 事前の説明やカスタマイズなしで、ユーザーが製品を（準備ができたら）遊ばせる
• 製品で何が変わるかを顧客に尋ねないでください。代わりに、どのように使用するかを見てください。
• 色やサイズは好みの問題であるなど、細部にあまり注意を払ってはいけません。

ワイヤフレームモデリング



コンセプトチェックのプロトタイプに関する詳細なフィードバックの後、製品設計の反復を行うときが来ました。





図2.4。 ワイヤフレームモデリングフェーズ



ワイヤーフレームプロセスは、製品の使用経験を完全に説明する高レベルのスケッチの作成から始まります。 このプロセスをストーリーボードと呼びます。





図2.5。 絵コンテ



ストーリーボードは、会社の創設者が製品の全経路を検討するのに役立ちます。 その助けを借りて説明されています：

• 包装：どのように見えますか？ パッケージ（平均パッケージサイズ）で9語以下で製品を説明する方法は？ 箱の大きさは？ 彼女は店内/棚のどこに立つのですか？
• 販売：製品はどこで販売され、購入前にどのように人々とやり取りしますか？ インタラクティブディスプレイは役立ちますか？ 顧客は製品について多くを知っているべきですか、それとも衝動的な購入でしょうか？
• 開梱：開梱の経験はどうなりますか？ シンプルでわかりやすく、最小限の労力で済みます。
• カスタマイズ：製品を最初に使用する準備が整う前に、顧客はどのようなアクションを取る必要がありますか？ キットの付属品以外に何が必要ですか？ 製品が機能しない場合（wifi接続がないか、アプリケーションがスマートフォンにインストールされない場合）はどうなりますか？
• 初めての使用経験：ユーザーがすぐに使用を開始できるように、製品をどのように設計する必要がありますか？ ユーザーが前向きな感情で戻ってくるように、製品をどのように設計する必要がありますか？
• 特別な場合に再利用または使用する：ユーザーに製品を常に使用させて楽しむ方法 接続/サービスの喪失、ファームウェアのアップグレード、アクセサリの不足など、特別なユースケースの間に何が起こりますか？
• ユーザーサポート：問題が発生した場合、ユーザーは何をしますか？ 代替製品が送られた場合、どのようになりますか？
• 耐用年数：ほとんどの製品は18か月または24か月後に失効します。 これらの統計はクライアントの経路とどのように関連していますか？ ユーザーが別の製品を購入することを期待していますか？ ある製品から次の製品にどのように移行しますか？

図2.6。 アプリケーションまたはWebインターフェースの将来のユーザーと連携する



ワイヤフレームモデリングは、製品にデジタルインターフェイス（組み込みインターフェイス、Webインターフェイス、スマートフォン上のアプリケーション）がある場合にも役立ちます。 通常、これらは単純な白黒の図面ですが、デジタルツールを使用することもできます。 上の写真（2.6）には、会社の創設者が表示されています（右側）。 見込み客（左側）にインタビューし、スマートフォンの紙の「画面」でアプリケーションを使用しながらメモを取ります。 そして、このようなデジタルワークフローのテストは非常に原始的と思われるかもしれませんが、非常に効果的です。



ワイヤーフレームの終了までに、ユーザーが製品の各部分とどのようにやり取りするかを詳細に理解する必要があります。



視覚的なプロトタイプ。



ビジュアルプロトタイプは、最終的な、しかし機能していない製品を表すモデルです。 他の段階と同様に、このようなモデル（およびそのフレームワーク）の作成には、ユーザーとの反復的な対話が含まれます。





図2.7。 ビジュアルプロトタイプステージ



幅広いアイデアから始めて、あなたの基準に最適ないくつかのコンセプトを選択する作業を始めます。





図2.8スケッチ



ビジュアルプロトタイプの設計は、ほとんどの場合、製品自体の高レベルのスケッチから始まります（製品の使用経験を説明するストーリーボードとは対照的です）。 ほとんどの工業デザイナーは、最初に関連するフォームと製品の予備検索を行います。 デザイナーDipJarは他の多くの製品を研究し、それらの形状に基づいてスケッチを作成しました。





図2.9 形状選択



いくつかの大まかなコンセプトを選択したらすぐに、実際の世界でどのように見えるかを確認する必要があります。 写真では、フォームベースとチューブからのDipJarのドラフトフォームを見ることができます。 それぞれを作成するには数分かかります。その結果、フォームが実際の世界でどのように認識されるかを理解できます。 これらのモデルは、粘土やレゴからポリスチレンやつまようじなど、あらゆるものから作成しました。 1つの重要なルールがあります。モデルを迅速かつ安価に作成します。





図2.10 サイズ選択



メインの形状を選択したら、モデルのサイズと個々のパーツのスケールを操作する必要があります。 通常、製品の「正しい感触」に重要な2つまたは3つのパラメーターがあります。 DipJarの場合、それは缶自体の高さ、前部の直径、フィンガースロットの形状でした。 これを行うために、パラメータのわずかな違いを使用して、より正確なモデルが作成されます（段ボールと発泡体から）。





図2.11 ユーザーエクスペリエンスについて



フォームの開発と並行して、ユーザー行動（UX）の一部の機能を明確にする必要があることが明らかになります。 DipJarチームは、キューの前にチップが残っていると、寛大さを示す可能性が高まることを発見しました。 音と光の信号は、並んでいる人を引き付けるための非常に効果的な方法であり、それによってチップの頻度とサイズが増加することがわかりました。 その結果、LEDの最適な配置を選択し、光を使用して通信を設計するために多くのことを行いました。





図2.12。 設計言語



各製品には「デザイン言語」があり、それを介してユーザーと視覚的または経験的なコミュニケーションが行われます。 DipJarの場合、カードの挿入方法をユーザーにすばやく伝えることが重要でした。 チームは、ユーザーがカードを正しく挿入する方法を明確に理解できるように、マップロゴ（左の写真）の最適化に多くの時間を費やしました。



DipJarチームは、LEDバックライトパターンの最適化にも取り組んできました。 赤い矢印は、フロントパーツの端に沿ったLEDを指しており、遊び心のある寛大な行為の兆候を示しています。 青い矢印は、チームの長い議論の結果-銀行の所有者が収集した金額を変更する能力を示しています。 カスタムのデジタルLEDディスプレイにより、DipJar所有者はチップサイズを簡単に変更できます。





図2.13。 色、素材、仕上げ



製品の最終的な外観をすばやく決定するために、デザイナーは色、素材、仕上げ（CMF）を選択します。 多くの場合、これはデジタル形式で行われ（上記を参照）、物理的なサンプルとモデルに変換されます。 DipJarは、さまざまなスタイルの金属ケース、つや出し、プラスチックカラーをテストしました。





図2.14。 最終レンダリング



最初のCMF選択により、高品質のデジタル製品モデルが作成されます。 通常、前の手順のすべての要素（形状、サイズ、指定、ユーザーエクスペリエンス（UX）、バックライト（LED）、色、テクスチャ、素材）が含まれます。 このような高品質のレンダリング、レンダリングは、ほぼすべてのマーケティング資料の基礎でもあります（Appleのマーケティングの神でさえ、すべてにレンダリングを使用しています）。





図2.15。 Webアプリケーションの設計



製品にデジタルインターフェースがある場合、より正確なレイアウトを作成することは、製品の使用経験を判断するのに非常に役立ちます。 DipJarの主なデジタル資産は、店舗の所有者と慈善団体向けのWebベースのコントロールパネルです。 また、従業員と情報提供者向けのモバイルアプリケーションもリリースする予定です。





図2.16。 パッケージ構成の選択



設計段階で簡単に忘れられる重要な段階は、パッケージングです。 DipJarのような比較的単純な製品でさえ、パッケージングを開発する際に反復を経ました。 左側の写真では、パッケージの最初のバージョンを見ることができます。 右の写真には、第二世代のより効果的でエレガントなパッケージがあります。 デザインの最適化は、ポジティブなユーザーエクスペリエンスと素材の仕様を作成する上で重要な部分です。





図2.17。 繰り返しを忘れないでください！



高精度の視覚プロトタイプが作成された後、それらは再び顧客に戻って、開発中に作成された多くの仮説をテストします。 優れた視覚的プロトタイプを得るには、2〜3回の反復で十分です。





図2.18。 製品に視覚的に近い最終プロトタイプ



設計プロセスが完了すると、設計意図を示す美しいモデルが得られますが、これまでのところ機能はありません。 顧客と投資家は、このモデルと対話することにより、製品をすばやく理解できるはずです。 しかし、製品を機能させることの重要性を忘れないでください。 これを行うには、パート3：デザインに没頭してください。



物理的な製品の開発に関する一連の4つの記事の第2部を読みます。 必ず「 パート1 ：アイデアを形作る」を読んでください。 すぐに、パート3：設計およびパート4：検証に進むことができます。 投稿者：ベン・アインシュタイン。 元の翻訳は、fablab FABINKAとHANDプロジェクトのチームによって作成されました。