Customer Spotlight

8

分で読める

How ProtoPie Beefs Up the Design Workflow at OnePlus

Get to Know the Design Team at OnePlus

Fredo Tan、 Head of Growth
connect ai agents like claude, cursor and more to protopie via mcp

 記事は、ProtoPieのLeah Hanによって中国語で執筆され、彼女とOnePlusの許可のもとで翻訳されました。

中国のスマートフォン製造会社OnePlusのデザインチームは、謎めいた存在だと言われています。ウェブ上で見つかる情報はほとんどなく、デザインブログやその他の関連リソースもありません。しかしOnePlusは、その見事なスマートフォンで毎回グローバルな製造市場を驚かせています。


People go crazy for OnePlus


OnePlusに熱狂する人々

では、人々を熱狂させる素晴らしい製品を生み出すOnePlusのデザインチームとはどのようなチームなのでしょうか(上の画像を参照!)。ProtoPieがこのチームの謎を少し解き明かします。

私たちは、携帯電話のユーザーエクスペリエンスデザインチームの2人のデザイナー、Allison LiuLoganに話を聞きました。2人は主に携帯電話OSのインタラクティブデザインとユーザーリサーチを担当しています。このデザインチームは、リサーチと動的なアプローチを活用し、視覚的にもインタラクション面でも魅力的な、ユーザー中心のオペレーティングシステムを作る責任を担っています。


Allison Liu and Logan of the OnePlus Design team


Allison LiuとLogan、OnePlusのデザインチームの2人のメンバー。

デザインプロセス

大手の伝統的な企業では、デザインチームはいまだにウォーターフォールモデルをよく使います。しかし、AllisonとLoganによると、OnePlusでは代わりにリーンなデザインプロセスが強く好まれています。


Design workflow at OnePlus


OnePlusにおけるデザインワークフロー。

初期段階

提案やアイデアを思いつくのは、プロダクトマネージャーだけではありません。誰でもできます。つまり、社内の誰でも、自分のアイデアや提案、創造性のひらめき、渾身の発想などを実装し、製品に本当のインパクトを与えられるということです。チームが社内評価を終えると、あるアイデアを採用すべきかどうかについて、優先順位付けによって結論が導かれます。その後、必要な議論を伴う集団ブレインストーミングセッションが行われ、アイデアをさらに洗練させます。大きなものでも小さなものでも、どんなアイデアも、いくつもの層の審査とリサーチを通過しなければなりません。これは、ユーザーにとっての付加価値と実装可能性を確認するうえで不可欠です。

ビジュアルとインタラクションデザイン

初期段階の後には、ビジュアルおよびインタラクティブデザインに関する段階があります。デザイナーはProtoPieを使ってプロトタイプを作成し、ユーザーテストやユーザーからのフィードバック収集などの分析を行いながら、継続的に最適化します。高忠実度のインタラクションを扱うこの段階では、ユーザーにとって最もシンプルで理解しやすいインターフェースを確保することに重点が置かれるため、論理的思考が強く重視されます。ProtoPieは、実機でのテストに優れたサポートを提供し、プロトタイプをスマートデバイス上でオフライン保存できるため、便利なユーザーテストにとって有用であることから主に使われています。

ユーザーテスト

調査対象を選定する際には、対象ユーザー層にできるだけ近く、かつ背景特性の面では多様性のある人々のグループを選ぶことが重要です。ユーザーが自分の端末上でインタラクティブなプロトタイプを操作している間、担当チームがユーザー行動を観察し、記録します。さらに、ユーザーからのコメントやフィードバックも書き留めます。収集と分析の後、ユーザーからのすべての入力は、ニーズを満たす製品を届けるために必要な変更を行うために使われます。デザインプロセスを改善し、インタラクティブなプロトタイプを継続的に修正・テストして究極のユーザー体験を実現するには、ユーザーテストが実際の現実の状況に近いものであることが不可欠です。これは、開発コストの削減と効率の大幅な向上に役立ちます。

開発

継続的な反復を通じて、プロトタイプの忠実度は徐々に高まっていきます。デザイナーが高忠実度プロトタイプの作り方を示せるようになると、Loganは、デザイナーと開発者の協力関係が劇的に向上したと語りました。ProtoPieの直感性と明快さのおかげで、開発者は何を実装すべきかをデザイン面で簡単に把握できます。たとえば、ProtoPieには速度調整機能があります。ときには、インタラクションが速すぎて、開発者が細部をはっきり見づらいことがあります。プレビュー時にプロトタイプの速度を調整すると、インタラクションの細部がより見えやすくなり、開発者がデザイナーの視点を理解しやすくなります。最終的に、ProtoPieはデザイナーと開発者の間の溝を埋めます。


ProtoPie bridges the gap between designers and developers


ProtoPieはデザイナーと開発者の間の溝を埋める。

このインタビューを通じて、OnePlusのリーンなデザインプロセスでは、デザインチームが反復的に、ユーザーにとって理解しやすく、論理的思考に基づいた改善版プロトタイプを作成していることがわかりました。


Interactive prototyping phase at OnePlus


OnePlusにおけるインタラクティブプロトタイピングの段階。

適切なプロトタイピングツールの選定

プロトタイピングツールに求められる要件

OnePlusのリーンなデザインプロセスでは、デザインチームはコミュニケーションとコラボレーションに関して厳しい要件があります。ユーザーに直感的で緻密なインタラクティブプロトタイプを届けるために、OnePlusのデザインチームは、選定するプロトタイピングツールに次の要件を求めています:

  • Sketchからインポートできること。

  • デザインの詳細とインタラクションの背後にあるロジックについて、開発者と容易にコミュニケーションできること。

  • 本当に「実際のもの」のように感じられる便利なユーザーテスト。たとえば、スマートフォンに展開可能なプロトタイプや、これらのプロトタイプをスマートフォンにローカル保存できるオプション。

  • 協力しやすさ:オンラインで共有でき、デスクトップおよびモバイルブラウザに展開可能なプロトタイプ。

  • 忠実度:1つのページでページフローとマルチフィンガージェスチャーの両方を扱えること。

OnePlusのデザインチームは、デザイナーが最高のユーザー体験を生み出すのを支援するプロトタイピングツールを探してきました。ProtoPieは、OnePlusが探していたツールです。

「ProtoPieは群を抜いて最高のプロトタイピングツールです」 — Logan、OnePlus

ProtoPieは何が優れているのか?

1. コンセプトモデル: ProtoPieの哲学、そして基盤は、インタラクションがどのように構築されるかだけに基づいています:
object + trigger + response = インタラクション


Object + Trigger + Response = Interaction


ProtoPieのコンセプトモデル

高忠実度プロトタイピングの哲学をシンプルに保つことで、デザイナーと開発者はより円滑にコミュニケーションできます。また、開発者はデザイナーのアイデアをより簡単かつ迅速に理解でき、その逆も同様です。さらに、ProtoPieはシンプルさを保つという考え方にそぐわないため、デザイナーにコーディングを求めません。OnePlusのデザインチームが製品デザインのアイデアを伝えるのに、コードは不要です。

2. すぐに始められる: ProtoPieがOnePlusに導入されたとき、その徐々に習得できる学習曲線、わかりやすいコンセプトモデル、直感的なUIのおかげで、デザイナーはすぐにこのツールを使い始めることができました。短期間でProtoPieは、OnePlusのデザインワークフローに欠かせない要素となりました。

3. センサーの活用: ProtoPieは、コードを一切使わずに、スマートデバイスのセンサーをプロトタイピングに利用することをサポートしています。ProtoPieがマイク、加速度計、圧力センサーなどに対応しているため、OnePlusのデザイナーはこれに大きな期待を寄せています。


A simple prototype using the tilt sensor by OnePlus


OnePlusによる、傾きセンサーを使ったシンプルなプロトタイプ。

そのためLoganは、技術的な制約のせいでアイデアを制限しないようデザイナーに勧めています。デザイナー自身がコードに深く踏み込むことなく、ProtoPieを使って本物さながらの現実的なプロトタイプを作れるからです。


Designers at OnePlus building hi-fi


ProtoPieを使って高忠実度プロトタイプを作成するOnePlusのデザイナーたち。

結論

OnePlusのデザインチームがリーンなデザインプロセス、論理的思考、そしてデザインとインタラクションの細部を重視し、世界中のユーザーのために最高の製品を作ろうとしていることがわかりました。OnePlusのデザインチームは常に最善の解決策を探しているため、効率を改善する方法を絶えず考えています。ProtoPieはその解決策を提供します。

OnePlusについてこちらで詳しくご覧ください。