Customer Spotlight

13

分で読める

A Designer's Perspective on Prototyping—Going Beyond Artboards Being Snapshots

Meet Simone Menegaldo and discover his take on design workflows, prototyping, and why his team adopted the phrase "Just ProtoPie it!"

Adriana Diaz、 Social Media Manager

最近、私たちはシモーネ・メネガルドと会いました。彼は若いイタリア人のプロダクトデザイナーで、Pie Day Playoff の優勝者の一人になった人物です。

昨年3月、メネガルドは、完成度の高い映画アプリのプロトタイプを提出して、このコンペで注目を集めました。


Simone portrait

私たちは、彼の現在のフィンテック企業での仕事、プロダクトを作るうえでの課題、そしてMovie Appのプロトタイプのアイデアをどう思いついたのかについて話を聞きました。

ここまでのシモーネの歩みを、じっくり見ていきましょう。

こんにちは、シモーネ! 現在のお仕事について少し教えてください。

シモーネ: こんにちは! 私の経験を共有するために、このインタビューの機会をいただけてとても嬉しいです。私は現在、Kinesis Moneyというフィンテック企業でプロダクトデザイナーとして働いています。本当に刺激的な会社で、私たちは物理的な金や銀を、使える暗号通貨へとデジタル化しました。つまり今では、デビットカードを使って、金や銀でコーヒーの支払いができるんです。

プロダクトデザイナーとビジュアルデザイナーの両方として働く場合、ワークフローにはどんな違いがありますか?

シモーネ: ビジュアルデザイナーとプロダクトデザイナーは、どちらも同じ種類のデジタルプロダクトに取り組んでいます。主に、ネイティブ/Web のモバイルアプリ、ネイティブ/Web のデスクトップソフトウェア、そしてレスポンシブサイトです。


visual designer

ビジュアルデザイナーのワークフローは、UIデザイナーのそれとかなり似ています。UXチームが作成したワイヤーフレームから始まり、デザイン、画像、アイコン、アニメーションをすべて開発者に引き渡したら終わります。ビジュアルデザイナーは、さまざまなデジタルプラットフォームにおけるプロダクトの美的側面を全体的に捉え、ブランドアイデンティティの一貫性を保つ責任があります。


product designer

プロダクトデザイナーのワークフローはより包括的で、エンドツーエンドの学際的なデザイン職と考えられます。彼らは、戦略・アイデア・ビジョンが形になり始めるプロセスの最初の段階から関わります。マーケティングや開発など他部門をまたいで連携し、プロジェクトの締切、機能の優先順位付け、機能リリース、テストセッションなどの定義を手助けします。UX/UIデザイナーやビジュアルデザイナーと密接に連携し、そうした役割を自分たちで担うことも少なくありません。


Every designer

プロダクト、UX、UI、ビジュアル、グラフィックの各デザイナーの責任範囲は理論上は明確に定義されていますが、実際の職場環境に当てはめると、その境界はかなり曖昧です。これは、彼らが非常に密接に連携して働いている結果であり、全員がデザインプロセスのさまざまな段階について経験と知識を得ることで、異なるデザインロール間の貢献が自然に生まれるのです。

どうしてこの2つのデザイン職を選んだのですか?

シモーネ: ヴェネツィアで工業デザインとグラフィックデザインを学んで卒業した後、ロンドンへ移り、ビジュアルデザイナーとしてキャリアをスタートしました。年月を重ねるうちに、大学で学んだ工業デザインの知識と、プロダクトおよびUXデザインのプロセスとの間に、強い相関があることに気づきました。私はデザイナーとして自然に自分の役割を広げ、よりエンドツーエンドなアプローチでプロダクトに関わるようになりました。その結果、自分はプロダクトデザイナーだとより強く認識するようになり、発想力や課題解決力を、プロダクトの美的側面とともに活かせるようになったのです。

これまでの作品で、最も誇りに思っているものはどれですか? また、その理由は?

シモーネ: 私が誇りに思っているプロジェクトは2つあります。

Movie App—Discover movies and plan the perfect movie night の成果にはとても満足しています。このサイドプロジェクトは友人たちと一緒に始まり、グループの中で私だけがデザイナーだったので、プロダクトのさまざまなデザイン面をすべて定義する機会がありました。発想、プロダクト機能、UX、UI、そして“ProtoPie-sation”までカバーしたこのプロジェクトは、私の考え方とスキルを最もよく示しているものです。


ProtoPie-sation

また、Kinesis Money desktop platform への貢献もとても満足しています。私が Kinesis Money に参加した時点でこのプロダクトはすでにデザインと開発の後半段階にありましたが、新しいセクションやアセットをデザインすることで、より豊かにすることに貢献しました。ユーザーにとって最も関連性の高いコンテンツを選び、ページのデザインを視覚的にバランスよく整え、JSON のループアニメーションに最適なタイミングを見つけることは、どれも私にとってとてもやりがいのある作業です。Kinesis Money のデザインチームの一員であることを誇りに思っています。


Kinesis Money desktop platform

Kinesis Money のような暗号通貨関連のデスクトップWebプラットフォームにおいて、プロトタイピングはどのような役割を果たしますか?

シモーネ: プロトタイピングは、暗号通貨の取引プラットフォームを作るときでも、買い物リストアプリを作るときでも、あらゆる業界で似た役割を果たしていると思います。

Sketch や Figma でデザインしたものは、ほとんど静的な状態です。アートボードは最終成果物のスナップショットにすぎません。プロトタイピングによって「時間」の要素が加わり、遷移が速すぎるのか遅すぎるのか、インタラクションがしっくりくるのかどうか、アニメーションがコンテンツの理解を助けるのか、それとも混乱を招くだけなのかを検証できます。私たちが作るプロトタイプは、テスト用途に役立つだけでなく、プロダクトがどのように動くべきかを開発者に伝える最良の方法でもあります。その結果、デザインチームと開発チームの間の引き継ぎプロセスが大幅にスピードアップします。

技術面とUX面の両方から見て、プロダクトをプロトタイプ化する際に最も難しい点は何ですか?

シモーネ: パンデミックが始まる前に私たちが持っていたチームとしての貢献感やコラボレーション感を保つことが、今の私にとって、技術面とUX面の両方からプロダクトをプロトタイプ化する際の最大の課題です。

2020年初頭以来、私たちの働き方は劇的に変わりました。全員が完全リモートへ移行し、それに伴うあらゆる課題に向き合わなければなりませんでした。数か月リモートで働いた今、予想以上にうまく機能していることに驚いています。その結果、オフィスでフルタイム勤務に戻ろうとは思わないほどです。まるで同僚の隣で働いているかのように感じさせてくれるリアルタイムコラボレーション対応のソフトウェアはたくさんありますが、まだ実生活ほどスムーズには機能しないデザインプロセスの特定の段階があるのです...


UX perspective

...それはUXの初期段階、つまり、昔ながらで時代を超えて使われるホワイトボード上のマーカーが活躍するフェーズのことです。私たちが描くワイヤーフレームと、それらをつなぐ矢印のジャングルは、UXの土台であり、プロトタイプの最も原始的な形です。

ホワイトボードの前でチームみんなでワイヤーフレームを描いているときに生まれるエネルギーと共感は、私の考えでは、まだコラボレーションツールでは再現できていません。大きなホワイトボードの前でマーカーを手にすると、子どもの頃に持っていたのに、いつの間にか年月とともに失ってしまった創造性や自由さがよみがえります。最も複雑なものから、最もくだらないものまで、UXの解決策を走り書きできるスピードは、今日どんなデジタル機器も太刀打ちできません。

今の仕事を始める前に、暗号通貨について深い知識はありましたか? もしあれば、詳しく教えてください。

シモーネ: いいえ、ありませんでした。でも今ではすっかり夢中です! この仕事を始める前、暗号通貨に関する知識といえば、今日なら何百万ドルもの価値があるはずのビットコインでいっぱいのハードドライブを失った人たちの話を聞いたことがある程度でした。暗号通貨をどう買い、売り、送り、受け取るのかまったく分からないまま、そうしたことができるプラットフォームをデザインする責任を負う立場に、突然放り込まれたのです。Kinesis Money での最初の数か月間、私は多くのリサーチを行い、取引についての知識を深め、主要な各通貨が何をできるのかを理解していきました。

私はダニング=クルーガー効果を経験したのだと思います。最初は、すべてが理解できるように思え、短期間で多くのことを学び、その विषयについて十分理解した気になります。ところが、学びが深まるほど、それがどれだけ複雑か、そして自分が実際にはどれだけ知らないかに気づくのです! 幸いなことに、Kinesis ではこの分野の専門家に囲まれており、そのおかげで今も毎日、この魅力的な世界についてもっともっと学ぶことができています。


Simone's flow

ProtoPie はあなたのワークフローにどのように関わっていますか?

シモーネ: 私たちはWebプラットフォームやWebサイトのために、本当にクリエイティブなソリューションやインタラクションを考え出すことがよくあります(ちなみに、今まさにサイト全体を上から下までリデザインしているところです。お楽しみに!)。頭の中で思い描いていることを伝えるのに、簡単なスケッチだけでは足りないことがあります。そんなときに私たちはこう言うんです。「ProtoPie でやってみよう!」と。私たちはみんな ProtoPie が好きです。そのシンプルさのおかげで、数分で素早くプロトタイプを作れます。あるアイデアが思っていたほど良くないとすぐに理解するのにも、本当にすごい解決策を思いついたと気づくのにも役立ちます。しかも、コーディングなしで全部できるんです!

Movie App のプロトタイプのアイデアはどう思いついたのですか? また、それを形にするまでのプロセスは?

シモーネ: 2017年に始まりました。私は日本食レストランで、8人の友人と一緒に寿司を食べていました。そのうちの一人が「みんな、アイデアがある!」と言ったんです。私たち9人は、デザイン、マーケティング、ソフトウェアエンジニアリング、データサイエンスなど、それぞれ異なるバックグラウンドを持っていました。そこで、やってみようということになり、私たちは “Strike 9” というチームを結成しました。ときどき集まって一緒に作業しましたが、残念ながら、私たちの夢はサイドプロジェクトとしてはあまりにも野心的で、MVP もまだエンドツーエンドで開発するには複雑すぎて時間がかかりすぎると気づきました。悲しいことに、私たちはそれ以上進めるのをやめ、アイデアを一旦保留にしました。

数年後、私は ProtoPie を使い始め、モバイルプロトタイプがどれほどインタラクティブになれるかを知りました。そのとき、昔の映画アプリのスケッチを掘り起こして、もう一度命を吹き込もうと決めたんです! コアとなるユーザー体験を磨き上げ、ビジュアルアイデンティティを洗練させ、プロトタイプを作るのに5週間費やしました。ProtoPie を学ぶのにとても楽しい方法でしたし、どういう形であれ、自分の頭に浮かんだあらゆるインタラクションを、いつもプロトタイプ化できていたことが本当に嬉しかったです。


Movie app sketch

私はそのプロトタイプを友人たちに見せました。すると、このプロジェクトに対する当初の高揚感が再びよみがえり、今ではもう一度チャンスを与えて、元のアイデアを、誰もがスマホで持てる完成形のプロダクトに変えられないか、再挑戦を検討しているところです!


Movie app

あなた自身で Simone の Movie App プロトタイプを試すことができます。

[今すぐ試す]

ProtoPie を始めたばかりの人に、どんなアドバイスをしますか?

シモーネ: 自分のアイデアをプロトタイプ化する努力を決してあきらめないことを勧めます。私たちにはみんな、デザイン上の課題に対する創造的な解決策がありますし、それをプロトタイプ化して、思い描いたのとまったく同じように機能させるのは難しいこともあります。でも、ProtoPie が提供する幅広いツールを使えば、これまでで最高のプロトタイプを作るのに最適な場所にいると断言できます!

...

Simone のようにプロトタイプを作り始めてみませんか? ProtoPie で思い描いたあらゆるインタラクションを作成しましょう。

[ProtoPie を無料で試す]