Yコンビネーターの華裔新CEO：製品開発プロセスにデザインを効果的に統合する方法とは？

2023.06.06

共有先

TechFlow厳選深潮セレクト

Yコンビネーターの華裔新CEO：製品開発プロセスにデザインを効果的に統合する方法とは？

本講義では、デザインの本質と重要性について共有し、製品デザイン、インタラクションデザイン、ビジュアルデザインという3つの概念を検討します。

2023.06.06 - 13:03:36

Web3業界の深掘り報道に専念し潮流を洞察

編集：TechFlow

注：本稿は「TechFlow YC起業講座中国語ノート」（毎日更新）の第8回目として掲載。YC華人新CEOガリー・タンが担当するオンライン講義『スタートアップにおけるデザイン第1部』を収録している。

シリコンバレーの著名なベンチャーキャピタリストである陳嘉兴（ガリー・タン）氏は、2023年1月にY Combinatorの新CEO兼社長に就任した。同氏は現在唯一の華人系社長でもある。

さらに、ガリー氏は『フォーブス』誌「ザ・マイダス・リスト（世界最高のベンチャーキャピタリストランキング）」に4年連続で選出されており、コインベースへの投資では6000倍以上のリターンを達成した実績を持つ。

本講義では、プロダクトデザイン、インタラクションデザイン、ビジュアルデザインという3つの概念を中心に、デザインの本質とその重要性について解説する。

デザインという複雑な分野には多くの用語と基本概念を理解する必要がある。スティーブ・ジョブズとデザインの関係はもはや陳腐な話題ともいえるが、それは最も重要なことの一つであり、起業の理由そのものでもある。デザインとは、他人が使えるように物を作り構築することであり、たった一つの言葉の削除さえもその効果に影響を与える可能性がある。

経歴

デザインの専門的背景がなくても、賢く、他者の立場に立って考えることができれば、自分でデザインを行うことができる。私は専門的なデザイン教育を受けたことはなく、独学と実践を通じてデザインを学んできた。コードエディタだけでなく、Photoshopの中でも、自分が望むものを想像し、構築しようと試みた。それをコードにする前から、人々がどのように感じるべきかを考え続け、自分がどのような人物であるべきかを理解しようとした。

Palantirの創業メンバー第10号として、私はプロジェクトマネージャーだった。2008年、YCは私の会社Posterousに資金提供を行った。Posterousは実際、私のいくつかの製品アイデアの例であり、それらのアイデアをニューヨークのスタートアップの将来発展にどう応用できるかを示している。

当初、私は住宅分野のデザイナーとして10年間働いていた。今では、私は1000人以上の創業者と共に同じ部屋で作業している。あなたと同じように、私はゼロから自分の最初のホームページを作り、初めての体験について考えていた。

デザインとは何か？なぜそれがこれほど重要なのか？

創造とは、さまざまな事物を結びつけることであり、学ぶほど、結びつけられる知識が多くなる。

デザインは単独で存在するのではなく、他のすべての部分とのインターフェースにも影響される。そのため、優れたデザインとエンジニアリングに加え、カスタマーサポートやプロダクトマネジメントも不可欠である。

特に起業段階では、制約に縛られず、製品の守護者としてあらゆることをこなす必要がある。デザインを偉大な製品を生み出す広範な図式の一部と見なすことが非常に重要だ。

「ほとんどの人が犯す間違いは、デザインとは見た目のことだと考えることだ。人々は外見のことだと思う——『箱』をデザイナーに渡して『これをよく見せてくれ！』と言う。しかし我々が考えるデザインとはそうではない。それは見た目や感じ方だけではない。デザインとは、それがどのように機能するかということだ。」――スティーブ・ジョブズ

私にとって、デザインとは、うまく機能し、ユーザーを喜ばせるための何かを作り出すことだ。

しかし、時々私たちは異なるデザインスタイルを目にする。私の見解では、世界で最もインスピレーションを与える企業の一つであるAppleのデザインは、実際にはその業務の中心にある。

明らかに、スティーブ・ジョブズとAppleに触れずにデザインについて語ることはできない。しかし、最も一般的な誤解の一つは、デザインとは見た目のことだと思ってしまうことだ。実際には、デザインは見た目以上に、その機能性が重要なのである。

Leicaというブランドの真に興味深い点は、美しい外観と並外れたブランド価値を持ちながら、非常に実用的である点だ。また、より深い機能性の問題にも関わっている。つまり、「なぜこれまでの他のすべての製品よりも優れているのか？」という問いに答える必要がある。

事実、1929年のレビューアーは、当時のLeicaカメラが基本的に「魔法のような」ものであることを明確に指摘していた：重量は8分の1、価格は10分の1だった。

物理的製品に関して、多くの人と同様に、私が最も感銘を受けたデザイナーの一人がディーター・ラムスである。彼は非常にシンプルで美しく、かつ実用的な数多くの製品を生み出した。

私の考えでは、彼が私たちに示してくれた最も重要な点は、良いデザインとは可能な限り少ないデザインであることだ。

ミニマリズム

このプレゼンテーションでは、何度もミニマリズムに触れるだろう。しかし肝心なのは、余計な機能を必要としない製品をいかに作り出すかであり、本当に純粋でシンプルなものを作り、ユーザーが簡単に使い、市場の指針となるようにすることだ。

歴史は繰り返さないが、韻を踏む。デザイナーとして、あまりにも新しいことをしようと時間を費やすべきではない。なぜなら、新奇性と機能性は相反するものだからだ。

言い換えると、私たちは製品の実用性と機能に注力すべきであり、新奇性を過度に強調してはならない。こうすることで、市場のニーズに真正面から応える製品を真に創り出せるのだ。

フォームとファンクション

先ほどの議論では、フォーム（形）とファンクション（機能）という二つの対立する力について話し合い、合意に至った。製品を設計する際、私たちは常に見た目が美しく、使用感が良く、ユーザーエクスペリエンスが良好であることを目指す一方で、新しさや楽しさの体験にも注目する。

私たちは、その製品が人々の注意を引き、ユニークで面白いと感じさせ、ずっと使い続けたいと思わせるようなものにしたい。しかし、機能こそが製品の鍵であり、見た目は美しくても実用性がなければ、ユーザーは長く使い続けることはない。

しかし、現実には、しばしば形が機能を上回ることがある。最良の製品ですらこの問題を抱えることがある。

例えば、Appleの特定の製品は、機能よりも形が前面に出ている場合があり、「形が機能を上回る」典型例といえる。これはマーケティング戦略によく見られ、マーケターが製品の外観や新奇性を強調することで消費者の注意を引き、実際の実用価値を無視してしまう。

このような手法は、ユーザーエクスペリエンスを悪化させる可能性がある。まるでとても装飾されたレストランに行ったときのように、席はロマンチックで環境も整っているが、メニューを見ると文字が読めず、他の料理も注文できない。これが「形が機能を上回る」一例だ。レストランの内装は非常に美しいが、実用性が欠けているため、ユーザーエクスペリエンスは逆に悪くなってしまう。このような状況はあらゆる分野で起こるため、形と機能のバランスを適切に保つことが、人々を満足させる製品を生み出すために不可欠である。

ドン・ノーマンは著書『The Design of Everyday Things（日常品のデザイン）』でこの例を取り上げており、ドアの設計について一章を割いている。ドアは最も簡単で使いやすいものの一つのはずだが、形を重視しすぎて機能を軽視した結果、多くの人が使い方を知らない。したがって、設計においては形ではなく、機能が主導すべきである。

立場の共有（エマパシー）

創業者として、私は立場の共有の重要性を深く理解している。ポール・グラハムは「ユーザーの考え、感情、ニーズを理解せよ」という信じられないほど優れた助言を与えてくれた。自分自身が製品を使えるとしても、他の人の使用体験を考慮する必要がある。そのため、彼らとその視点を理解するために共感力が必要になる。

私は、起業家は他人の視点を読み取り、理解し、物事の裏にある真のニーズを見抜き、共感を持って接する必要があると考える。YCのスローガン「人々が欲しいものをつくれ」も、まさにこの思想を表している。

高度な技術製品を作る際、それを複雑な機械と見なすのではなく、まるでパーティーを開くように情熱を持ってユーザーを迎え入れ、彼らの本当の問題を解決すべきだ。これこそがデザイン思考の核心原則である。

実際、起業のプロセスは可能な限り最高のパーティーを開くことに似ている。あなたは丁寧で、情熱的で、思いやりを持ってユーザーに対応すべきであり、友人をパーティーに迎えるように導くべきだ。

問題の明確化と優先順位付け

デザイン思考の核心原則は、解決すべき問題を明確にすることである。そうでなければ、ユーザーのニーズに合わない製品を生み出す危険がある。したがって、起業スクールや新製品開発において、鍵となるのはユーザーの問題を明確に理解し、それに応じた解決策を提供することだ。

すべての製品は、ユーザーの核心的な問題にサービスするために設計されている。たとえば、ある製品を購入したが、その問題を解決できなかった場合を考えてみよう。このような状況を避けるためには、共感力を発揮し、ユーザーのニーズや周囲の関心に注目すべきであり、単に新奇性を追い求めたり、自分の趣味を満たしたりするべきではない。

最終的な目標は、自分の芸術作品を作ったり、ユーザーが必要だと自分自身が思うものを売り込んだりすることではなく、問題を解決することだ。

デザインの種類

デザインには多くの種類があり、その中でも最も顕著な例は、デザイン主導型の企業であり、これらは実際にはハードウェア企業である。

デザインの種類は、人間が求めるものの種類と同じくらい多様であり、これは決して誤りではない。建築は確かに一種のデザインであり、ブランドとアイデンティティ、コミュニケーションデザインの形式もそうだ。

さらに、家具デザイン、ランドスケープデザイン、パッケージデザイン、交通デザインなどもすべてデザインの範疇に入る。ビジュアルデザインは、デザインプロセスの最後の段階である。

スタートアップ企業においてプロダクトデザインは極めて重要であり、何の問題を解決するのか、誰のために、そしてどのようにインタラクションデザインを行うかを検討する必要がある。

チーム内の共同創業者がこれらの役割を担えることは非常に貴重である。

製品開発の全プロセスを通じて、プロダクトデザインからインタラクションデザイン、そして工学的実装に至るまで、ニーズの把握は不可欠である。したがって、共同創業者を探す際には、こうしたスキルを持つ人材は非常に価値がある。

プロダクトデザイン

プロダクトデザインにおいて、ビジネスケースと問題定義は非常に重要である。これらをよりよく検討するためには、プロダクトマネジメントとデザインプロセスを融合させる必要がある。各要素の優先順位、実行可能なソリューション、PRD（プロダクト要件文書）などは、具体的な成果物である。

プロダクトデザインを行う方法は一つではないが、ターゲットユーザーを理解するために「ペルソナ」を使うことができる。「後危険」のようなペルソナは、デザイナーやプロダクト担当者がターゲットユーザーを考察するためのツールであり、ユーザーの特性やニーズをより具体的に特定できる。

私たちのYCアプリケーションでは、オンラインでの発信能力の問題を解決しようとしたが、ブログプラットフォームはすでに古くなっていた。この目標を達成するために、メールがコンテンツ取得の汎用手段であると考えた。これは画期的なアイデアだった。

最終的に、ユーザーを3つの異なるタイプに分けた。これにより、彼らのニーズと特性をよりよく理解できた。

例えば、父親のデイヴィッドというペルソナ。これは、学校、家庭背景、電話、PCの種類などの情報をバックエンドに入力することで実現できる。また、彼らが使っているブラウザ（Internet ExplorerかChromeか）、メールの利用有無といった技術情報も把握しておく必要がある。これらの情報は、ユーザーのニーズをより深く理解し、意思決定を行い、重要なプロダクト機能を確定するのに役立つ。
もう一人のペルソナは、デイヴィッドの家族、特に祖母である。彼女はASUSのネットブックを使い、Hotmailのメールアカウントを持っているが、パソコンの使い方はよくわかっていない。技術に対する快適さを理解することは、ユーザーのニーズを把握し、意思決定を行う上で非常に重要である。過去5年間で、いくつかの最高のYC企業はグローバル物流の構築に着手しており、企業向けやB2B企業であっても、ターゲットユーザーを特定することは非常に価値のある練習である。異なるペルソナには異なるニーズと能力があり、意思決定者、管理者、現場スタッフなどが含まれる。
最後に、SNSの黎明期、いわゆる「ソーシャルネットワーキングのカンブリア爆発時代」には、十数の異なるSNSが存在していた。そのため、他の特殊なニーズを持つペルソナも考慮し、それに合ったプロダクトソリューションを策定する必要がある。

次の2週間または来月のスプリント期間中、製品の実際の機能について考え、決定する必要がある。PRD文書は通常、構築内容の詳細を詳述するが、簡潔で明瞭な方法は一つもない。代わりに、意味のある一貫した機能にまとめるだけでよい。

この目的を達成するために、プレーンテキストのメールによるコミュニケーションを行うことができる。Posterousのサイトでは革新的な措置として、ホームページに登録プロセスを設けず、[email protected] にメールを送るだけで操作を完了できるようにした。

さらに、写真添付のサポート、複数の添付ファイルを扱えるようにしてWebギャラリー化、動画のサポートなど、他の機能も実装した。

初期のセキュリティ対策は非常に重要だった。ユーザーのプライバシーやデータ保護を確保したかったからだ。TechCrunchに掲載された後、マイケル・アーリントンから正式に認められ、彼自身もプラットフォームの利用を始めた。

ハッカー攻撃の検出やメールアドレスの検証など、複数のセキュリティ対策を講じたため、ユーザーのデータは非常に安全だった。最後に、前述したいくつかのステップは実際には完全なプロセスではなく、時には異なるアプローチで問題を解決する必要がある。

ユーザーリサーチ

製品開発において、ユーザーのニーズを理解し、彼らと共に時間を過ごすことは、顧客開発の基本部分である。これがユーザーリサーチの真の意味だ。起業プロセスでは、ユーザーリサーチを外部に委託せず、自ら行うべきである。

特定のペルソナを持つユーザー層に対して、彼らのニーズを明確に描写することは非常に重要である。

優先順位を明確に設定することで、現実的な目標を立てることができ、不要な要素を削減できる。

このプロセスにおいて、p0（最優先タスク）は明らかであり、p1（次に重要なステップ）は決定後に進める。

チームがバグデータベースを使用していない場合は、即座に導入すべきだ。これは優先順位の管理と割り当てのための重要な方法の一つである。

この方法により、チームが正しい方向で製品開発を進めていることを保証でき、チーム全体の運営も容易になる。p2やp3では細かい事柄が多数絡むため、優先順位の設定には慎重を期すべきだ。これにより、目標の妥当性と意思決定の正確性が保証される。

製品開発の過程で、仕様書に必ずしも記載されないが極めて重要なことがある。それはどのペルソナやユーザーがその機能を必要とし、望んでいるのか、そして彼らの相互作用はどうなるかを常に考えることである。

例えば、アカウントなしのメール投稿は、技術に不慣れなユーザーが新しい製品の登録を恐れるのを防ぐことができる。したがって、アカウント不要の機能は、技術に不慣れなユーザー層にとって大きな突破口となる。また、写真添付のサポートも有用な機能であり、最新で美しいiPhoneを持つスーパーユーザーにとっては特に重要だ。

p2やp3を特定のスプリントの一部とするのは価値がある。こうすることで、重要な要素とそうでない要素を明確に区別できる。

また、異なるスプリントで製品を考えることも非常に有益である。ニーズの優先順位を決め、その価値を明確に理解することで、製品が正しい方向に進んでいることを確認でき、チームの効率を高め、時間と労力を浪費しないようにできる。

優先順位を決める際は、範囲、品質、時間の3つを考慮すべき。範囲を狭めれば時間が短縮できるが、品質への配慮が必要だ。ある機能の品質が低ければ、ユーザーは多数のバグに直面し、その製品は失敗となる。

また、ペルソナがプロダクトデザインに与える影響にも注意を払うべきだ。ユーザーはそれぞれ異なるニーズとセキュリティリスクを持つ。これらすべてはプロダクトデザインにとって非常に重要であり、賢明な意思決定を行い、製品の成功を確実にする助けとなる。

インタラクションデザイン

インタラクションデザインでは、ユーザーが誰か、問題の本質は何かを明確にし、それを操作可能な実体に変換する必要がある。

問題に対しては、ユーザーの行動と目標を理解し、それに応じたソリューションを実現する必要がある。インタラクションデザインのプロセスでは、プロトタイプやワイヤーフレームの作成が求められる。これらを作成するにはOmnigraffleのようなツールが使えるが、色や外観、フォントなどの詳細は気にせず、動作と画面フローに集中すべきだ。レイアウトも重要であり、設計時に考慮すべきである。

インタラクションデザインで最も面白く、重要な側面は、人々がコンピュータとどう関わるかということだ。スタンフォード大学のクリフ・ナス教授は、人々がコンピュータに対して人間のように振る舞うという理念に基づき、キャリアを築いた。コンピュータがあなたに礼儀正しく接すれば、あなたもそれに応じて礼儀正しくなる。逆も然りである。

インタラクションデザインは、人々に何をすべきかを伝えるものであり、人々は実は非常に暗示されやすい。インタラクションデザイナーは、ボタンの位置やレイアウト、フローの専門家であるだけでなく、作家でもあるべきだ。直接的な命令文を使って人々に影響を与える必要がある。したがって、創業者として、この罠に陥らないよう注意すべきだ。

命令文とは、人々に何をすべきかを伝えるものであり、人々は実際にそれに従う。多くの人がウェブサイト設計で受動態を使うという間違いを犯すが、代わりに直接的で個人的な言語を使うべきだ。これにより、アクションをより直接的に呼びかけることができる。大企業はこの原則に厳密に従う必要がないかもしれない。規模とリソースがあれば、受動態の説明でも許容できるからだ。しかし、スタートアップ企業はユーザーを惹きつけるために、より明確で直接的な表現が求められる。

命令文を使うことでユーザーの行動を促進でき、コール・トゥ・アクションは明確で直接的であるべきだ。ユーザーに何をすべきかを知らせることでユーザーエクスペリエンスが向上し、コントラストを使うことでサイトの魅力も増す。

ユーザーに行動を促すには？

インタラクションデザインのもう一つの重要な部分は、ユーザーに実際に行動を起こさせることだ。直接的な命令文を使うことに加え、この問題を解決するための2つの考え方がある。

1つ目は、操作を削除し、複雑なプロセスを簡素化すること。例えば、パスワード確認の廃止は認知負荷を減らし、登録変換率を向上させる。
もう1つは、アクションを分割すること。ウィザードや他のパターンを使ってプロセスを簡素化できる。

インタラクションデザインの段階では、全く新しいことを試みるべきではない。代わりに、プルダウンリフレッシュや左から右へのスワイプなど、既存の慣習やパターンを利用するべきだ。これらのパターンはユーザー間に信頼と親しみを築いており、ユーザーが正しい場所に素早く到達できるように助ける。

誤ったページネーションの使用はよくある問題であり、特に注意が必要だ。

ウェブデザインでは、小さなドットやスワイプナビゲーションで位置を示すことが、実際には意味を持たないことが多い。特にタッチパッドを使うユーザーにとってはそうだ。したがって、これらの要素をデザインパターンに組み合わせる際には非常に注意が必要であり、ユーザーが何をしようとしているか、そのパターンに意味があるかを常に考えるべきだ。

ビジュアルデザイン

ビジュアルデザインとインタラクションデザインは異なる概念だが、密接に関連している。

ビジュアルデザインは、画像、色彩などの要素を通じてユーザーに情報を伝え、操作を誘導する；
一方、インタラクションデザインはユーザーエクスペリエンスに重点を置き、ユーザーと製品との相互作用プロセスを重視する。

ビジュアルデザインでは、ビジュアル要素を使って製品の中で最も重要な情報を強調表示する方法を検討する必要がある。この目的を達成するためには、ユーザーが製品から何の情報を得たいか、どのような感情体験を望んでいるかを考える必要がある。これらは、PhotoshopやHTML/CSSなどのビジュアルデザインで使うツールや技法に影響を与える。

しかし、ビジュアルデザインでは、過剰な装飾を避けなければならない。良いデザインとは美しい外観だけではなく、問題を解決するためのツールであるべきだ。したがって、実用性に注目し、不要な要素をできるだけ減らすべきである。

いくつかのデザイン思想家も同様の見解を提唱している。エドワード・タフトは著書『The Visual Display of Quantitative Information（定量化情報の視覚的表示）』で、過剰な「チャートゴミ」はユーザーの情報取得を妨げると指摘している。したがって、ビジュアルデザインを行う際は、可能な限り簡潔で明瞭にし、実際のニーズに合ったデザインにすべきである。

デザインプロセスでは、不要な装飾要素を減らすための基本原則を適用できる。例えば、要素を削除する際には、ユーザー体験に影響するかどうかを考える。新しい要素を追加する際には、「本当に必要か？」と自問する。最終的には、最小限で実用的なデザインを目指すべきであり、ユーザーが迅速に情報を得て問題を解決できるようにすべきだ。

ビジュアルデザインの原則

ビジュアルデザインには3つのシンプルな原則があり、その中で最も重要なのはコントラストである。

コントラストの種類には、太字、色、サイズを使って重要性を示す方法がある。ビジュアルデザイナーとして、重要な要素とそうでない要素を理解する必要がある。デザインでは過剰な装飾を避け、最小限で実用的なデザインを目指すべきだ。
もう一つの重要な原則は近接性であり、関連する要素をまとめ、実際に関連しているように見せることだ。ログインページを設計する際は、この原則に注意し、混乱やユーザーの困惑を避けるべきだ。
ビジュアル階層は、コントラストと近接性という2つのシンプルな概念を組み合わせて作られる。グリッドは非常に便利なツールであり、良好なビジュアル階層を持つデザインを作成するのに役立つ。グリッドを設計する際は、要素を揃え、最も高いコントラストを持つ位置に配置することで、ユーザーが迅速に必要な情報を発見できるようにすべきだ。

ユーザーがウェブページやアプリを閲覧する際、彼らは最も高いコントラストを持つ要素を探して、目的の情報を見つけたかどうかを判断する。したがって、見出しはビジュアル階層構造において非常に重要な要素である。ビジュアル階層構造は基本的なガイドラインを提供し、ユーザーが迅速に必要な情報を発見できるように支援する。

しかし、デザインプロセスで過剰に線やボックスを使うと、ページが混乱する可能性がある。これを避けるためには、まず何の要素を配置するかを決め、その後、パディングやマージンを使って基本的なレイアウトを実現すべきだ。必要であれば、線を使ってデザインを補完できる。

最後に、適切な場所に高コントラストのボックスを追加するが、ページを過剰に装飾しないよう注意すべきだ。さもなければ、ユーザーは混乱してしまう。

以上のように、ビジュアルデザインの鍵は、シンプルな原則を使って明確で実用的なデザインを作ることにある。ビジュアル階層、グリッド、コントラストなどのツールを活用することで、ユーザーが迅速に必要な情報を発見できるようになり、ユーザーエクスペリエンスが向上する。

ビジュアルデザインにおいて、空白（ホワイトスペース）も非常に有効である。適切な空白はユーザーの注目を重要な要素に集中させ、ユーザーエクスペリエンスを向上させる。

コントラスト、グリッド、色は、ビジュアルデザインで最もシンプルだが最も効果的なツールの一つである。これらの技術はスイスデザインに起源を持ち、Helveticaフォントなどが代表的である。非常にシンプルだが、使い方次第で非常に優れたデザインを生み出すことができる。

創造的な部分に加え、デザインには可用性テストとフィードバックも含まれる。「案内標識」が空港内で不適切に配置されると、人々は迷子になってしまう。したがって、デザインプロセスではユーザーの必要や困惑を想定し、可用性テストを通じて設計の有効性を確認すべきである。

可用性テストはワイヤーフレームやプロトタイプを使って行うことができ、ユーザーとのインタラクションを通じて設計の可用性と使いやすさを確認し、後からの修正コストを削減できる。デザインは芸術創作ではなく、ユーザーのニーズと行動に基づいた実践であるべきだ。