Industry Guide

7

分で読める

The Importance of Prototyping and Your Design Stack

Is prototyping really that important? Darren Bennett, UX Designer at Microsoft, answers this question and sheds light on building the right design stack for prototyping.

Fredo Tan、 Head of Growth

ProtoPieでは、デザイン業界を代表する人々が私たちの製品を使い(そして気に入って)くれていることを誇りに思っています。たとえば、Microsoftの元UXデザイナー、Darren Bennettのような人物です。

Darrenは約32年間デザイナーとして活動しており、インターネットが登場し——そして広く普及する——前は、グラフィックデザインとブランドデザインからキャリアをスタートしました。その後、Adobe Flashに挑戦し、FlashゲームやApache Flexのエンタープライズアプリケーションを制作していましたが、2007年にiPhoneが登場し、モバイルに注力するようになりました。

その後、マルチデバイスデザインへ移る前に、モバイル分野で約12年間働きました。現在はMicrosoftのWindows & Devicesチームで、Microsoft内のあらゆるものをデザインする複数のデザインチームと協働しています。

私たちはDarrenに話を聞き、なぜプロトタイピングがそれほど重要なのか、そしてデザイナーがどのように自分専用のプロトタイピングスタックを構築すべきかについて語ってもらいました。


design stack

なぜプロトタイピングはそれほど重要なのか?

デザイナーを含め、誰もが本質的に偏りを持っています。私たちは脳に支配されているので、自分自身の考え方に基づいてデザインしてしまうのです。しかし、自分の視点だけを考慮していては、大衆向けの製品を作ることはできません。そこでテストが重要になります。

年齢の異なる人々、異なる文化圏の人々、障害のある人々など、あらゆる人に対してデザインをテストする必要があります。こうしたさまざまな人々があなたのデザインをどう使うのかが見えてくると、何を改善・変更すべきかについて洞察を得られるようになります。

うまくいくと思っていたのに、実際にはそうならないことは常にあります。あるいは、見落としている重要な要素があるかもしれません。だからこそ、プロトタイプを使ってデザインをテストすることがとても重要なのです。自分がすべてを知っていると思い込まないでください。優れたデザイナーは、謙虚なデザイナーです。

また、静的なデザインツールに頼るだけではいけない、という点も重要です。そうしたツールは、単にグラフィックを作るためのものにすぎません。要するにPhotoshopの改良版のようなもので、ベクターやボタンなどを描くのには優れていても、適切なインタラクションデザインの代わりにはなりません。実物に十分近づけるための機能がないのです。

一部のツールには低精度プロトタイピング機能があります。低精度テストにも確かに利点はありますが、高精度テストも必ず行う必要があります。ワイヤーフレームからいきなり製品の構築に進んでしまうと、重要なデザインのユースケースをほぼ確実に見落としてしまいますし、あとから必要な調整を加えるとなると、さらにコストも時間もかかってしまいます。


different tools

世の中にこれほど多くのツールがある中で、デザイナーはすべてを学ぶ必要があるのでしょうか?

まず何よりも、いいえ——仕事をするために世の中のすべてのツールを学ぶ必要はまったくありません。私は少しオタク気質で、新しいツールを試すのが好きですが、それは私の情熱だからであって、日々の仕事に必要だからではありません。

結局のところ、すべてはニーズ次第です。仕事を正しくこなすために、どのツールが必要でしょうか? たくさんあればあるほど良い、という話ではありません。次から次へとツールを使い替えていては、1つのツールを十分に習熟して最大限の価値を引き出すことができないうえ、ライセンス費用として会社に多大なコストをかけることになります。

すべてを支配する万能ツールのような状況は、これからも起こらないと思います。たくさんの優れた機能を持つツールであっても、私の経験では、むしろ圧倒されすぎてしまうことがあります。3Dを学ぼうとしていた頃にAutodesk 3ds Maxを使っていたのを覚えていますが、ほとんどの3Dツールと同様に、実際には中に4つほどのアプリが入っているようなものでした。2Dパス作成用、ロフト用、モデリング用、シェーディング用がありました。

この1つのアプリに、学ばなければならないさまざまな要素がたくさん含まれていることに気づいたとき、少し圧倒されました。もしそれらが別々のアプリだったなら、1段階ずつ進めるほうがもっと簡単だったと思います。


why is prototyping important

デザインスタックの構築にはどのように取り組んでいますか?

デザイナーには、ワイヤーフレームの作成、UIデザイン、高精度プロトタイピングなど、デザインプロセスの各要素を支える補完的なデザインスタックが必要です。最初のステップは、デザインプロセスのあらゆる段階を洗い出し、アイデアを形にして具体的な製品や機能へと仕上げるまでの流れを整理することです。そうして初めて、各段階に最適なツールを見つけ始めることができます。

ツールを導入しても、何らかの理由でそれが常に邪魔になっていると感じるなら、おそらくあなたに合ったツールではありません。理想は、デザインプロセスからできるだけ多くの摩擦を取り除くことです。使うツールは、あなたのプロセスに合っているべきで、その逆ではありません。もしそう感じるなら、別の選択肢を探しましょう。Darrenからもっとヒントやコツを知りたいですか?

高精度プロトタイピングが初めての方や、自分のやり方をもっと改善したい方は、Darrenの素晴らしい教育コンテンツをぜひチェックしてください。彼のトレーニングでは、ProtoPieの使い方について知っておくべきことをすべて学べます。基本から始まり、上級のプロトタイピングの達人になるために必要なことまで、しっかり身につけられます。

以下をチェック:

その通りです。Microsoftの元UXデザイナーから、重要な洞察やヒント、コツを得られるのです。これ以上何を望むでしょう?

ProtoPieは初めてですか?

ProtoPieは、あらゆるデジタル製品向けの最も簡単なインタラクティブプロトタイピングツールです。デザイナーは、UI/UXデザインのアイデアを、モバイル、デスクトップ、Web、さらにはIoT向けの高精度プロトタイプへと変換できます。コードやエンジニアの助けを借りずに、非常にリアルで実製品に近いプロトタイプを作成しながら、デザインソリューションやアイデアを検討、検証、テストできます。

[ProtoPieを無料で試す]