数万種類の貨幣、むき出しの技術。デジタル時代の財布のデザイン

当時、CoinCheckの流出事件などがあり「安心・安全」は機能面だけでなくデザインにも求められている最重要課題でした。また、最新のテクノロジーである仮想通貨市場は技術がむき出しになったようなプロダクトが溢れていました。

オブジェクト指向の設計手法はソフトウェア開発で一般的ですが、UIの設計プロセスでも使われだしています。GUI（Graphical User Interface）とオブジェクト思考言語は70年代にパーソナルコンピューターの父、アラン・ケイらにより同時に考案されました。生まれた時からGUIとオブジェクト思考は表裏一体の関係にありました。近年ではその傾向がまた強まりGoogleのMaterial DesignとMaterial Components widgetsの関係のようにデザイン・開発の両面から表裏一体のものとして構造と機構を設計された秀逸なものが誕生しています。wildcardではUIデザイナーだけでなくソフトウェア開発に加えUIの知見もあるテクニカルディレクターがUI設計から関わります。オブジェクト思考のクラス図を拡張したものを用い、DDD（ドメイン駆動設計）のデザイン版のような設計プロセスをしています。

Structureフェーズで作成したプロジェクト用のコンポーネントとOS純正のコンポーネントを組み合わせ画面を設計します。サイトマップからアプリ全体のフローを設計していきます。サイトマップやユーザーフローを作り俯瞰から見た鳥の目でユーザーの行動の流れを、ワイヤーフレームのプロトタイプを実際に触りながら虫の目でフローを確認します。鳥の目と虫の目を行き来しながらフロー設計をブラッシュアップしていきます。

デザインリサーチで見えてきた軸を元にトーン＆マナーを決めていきました。仮想通貨は投機的に盛り上がりましたが、テクノロジーに対する哲学、硬派な設計思想、アイディンティティを持つものが実は多くあります。イーサリアムは「価値のプラットフォームやOSである」という哲学を持っています。その設計思想に従い、貨幣イーサリアムのトーンは入れつつも、プラットフォーム上にある多種多様な他のトークン（通貨のようなもの）の特色も全面にでるようにしました。

数万種類のトークンを手作業で追加更新し続けるのは現実的ではありません。この問題に対応するために、動的なカラーシステムを構築しました。簡易プロトタイプを開発し技術的なフィジビリティも検証しています。このプロジェクトのように現在の多くのアプリケーションは静的な要素は少なく動的要素から成り立っています。これはアプリがプログラミング的機構を強く持つことを意味します。これが01.STRUCTUREのUIモデリングの段階で、開発の現場に近いクラス図を使い設計をする理由です。デザイン的な視点からの設計、プログラミング的な視点からの設計、両輪で考えることで開発に無理がなく、運用でも破綻しないデザインシステムができあがります。