UI・UXデザイン
Figmaのデザイン業務を、同じ会社のエンジニアに引き渡します。インターフェースを構築する人が、デザインした人の隣にいるため、出荷される画面はデザインファイルと一致します。
提供内容
Figmaのデザインシステム
エンジニアが解析し直さなければならない画面の集まりではなく、コードに1対1で対応づけられるライブラリとして、トークン、コンポーネント、状態を用意します。
プロダクトのインターフェースデザイン
開発中の機能の画面とフローを設計します。デザイナーが省きがちな、空の状態、読み込み中、エラー、権限なしの状態も含みます。
プロトタイプ
コードを1行も書く前に、実際のユーザーでテストしたり、関係者に見せたりできる、クリック操作可能なフローです。
既存デザインのレビュー
現在の製品を書面でレビューします。ユーザーが迷う点、スマートフォンで崩れる点、アクセシビリティに不合格の点を、修正コストの順にまとめます。
実装後も崩れないデザイン
よくある失敗は、美しいFigmaファイルと、それに似ても似つかない出荷物です。当社は、エンジニアが守る制約と同じ制約のもとでデザインすることで、これを避けます。パターンごとに実装を1つにすること、その場限りの色ではなくトークンを使うこと、コードがとり得るすべての分岐の状態を用意すること、そしてフロントエンドのルールが求める375ピクセルで崩れないレイアウトです。
アクセシビリティは後付けではなく、デザインの一部
コントラスト、フォーカス順序、タッチターゲットのサイズ、キーボードでの操作経路は、デザインファイルの中で決めます。そのうえで、当社が構築するすべての共有コンポーネントは、継続的インテグレーションで自動のアクセシビリティチェックを実行します。そのため、退行はリリース後ではなく、レビューの前に見つかります。
当社ではなく、御社のエンジニアとの協働
すでに開発チームがある場合は、当社のデザイナーが直接そのチームと協働できます。Figmaライブラリ、御社のコードベースで利用できる形のトークン、そしてファイルを渡して姿を消すのではなく、構築された画面をレビューするデザイナーが得られます。
エンジニアリングを理解するデザイナーをお探しですか。
製品、現在のデザインファイル、あるいは課題だけでもお送りください。1営業日以内に、書面のアプローチと見積りをお届けします。