デザイン・開発
ユーザーリサーチ・分析
まずはプロダクトを使う人から始めます。インタビュー、現在のアクセス解析やサポート問い合わせの確認、競合ツールの調査を行います。その成果として、ユーザーの目的と課題を簡潔なリストにまとめ、以降のすべてのデザイン判断をそれに照らして確認します。
デザイン・開発
UI/UXデザイン サービス
CouSyncのUI/UXデザインサービスは、複雑なプロダクトを、初めて使う人でも迷わないインターフェースに変えます。ユーザーの働き方を調査し、重要なフローをプロトタイプにし、開発チームが推測なしで実装できるデザインシステムを引き渡します。
提供内容
UI/UXデザインサービスの提供内容
優れたUI/UXデザインは、最後に付け足す装飾ではありません。プロダクトが最初に何をし、何を隠し、新しいユーザーがどれだけ早く「このプロダクトは役に立つ」と実感できるかを決めるものです。私たちのデザイナーはエンジニアと隣り合って働いているため、描く画面はすべて、実装方法まで見えているものです。
私たちのUI/UXデザインは、SaaSのダッシュボード、業務ツール、マーケティングサイト、モバイルアプリまでカバーしています。Inbixioでは、マーケティングサイトとWebアプリの両方でUXリサーチ、インターフェースデザイン、アニメーションを担当し、Smart Trackではブランドガイドラインとビジュアルアイデンティティを作成し、車両管理ダッシュボードをデザインしました。新しいアイデアの検証でも、ユーザーにわかりにくいと言われるプロダクトの改善でも、ユーザーが使い続けるかどうかを左右する少数の重要な導線に集中します。
ワイヤーフレーム・プロトタイピング
色の議論に入る前に、ローファイのワイヤーフレームで構造とナビゲーションを固めます。そのうえで主要な導線をクリックできるプロトタイプにし、開発が始まるずっと前から、リアルなフローを関係者やユーザーに見せられるようにします。
ビジュアルデザイン
レイアウト、タイポグラフィ、配色、モーションを設計し、情報を一目で把握でき、次の操作が迷わずわかる画面にします。完璧なスクリーンショットだけでなく、空の状態、エラー、長い名前など、実際のコンテンツとデータを前提にデザインします。
ユーザビリティテスト
プロトタイプや実装済みの画面を代表的なユーザーにテストしてもらい、どこで迷うかを観察し、その原因を解消します。早い段階で小さなテストを重ねるほうが、リリース後の機能を作り直すよりもコストを抑えられます。
ブランドアイデンティティデザイン
プロダクトに「顔」が必要なときは、ロゴからアプリの画面、Webサイト、マーケティング素材まで一貫するブランドガイドラインとビジュアルアイデンティティを作成します。Smart TrackやEggrollでも手がけました。
デザインシステム構築
デザインシステムは、プロダクトの唯一の拠りどころになります。デザイントークン、コンポーネント、状態、使い方のルールを定めます。R&R Event ManagementやSmart Defenceでもデザインシステムを構築し、プロダクトが成長しても新しい画面の一貫性が保たれるようにしました。
プロセス
私たちの 進め方
-
把握
ビジネスの目標、ユーザー、制約を理解し、現状を確認したうえで、何をもって成功とするかを合意します。
-
定義
ユーザージャーニーと情報設計を整理し、最初にデザインすべきフローを合意します。
-
デザイン・プロトタイプ
ワイヤーフレームを高精度な画面とクリックできるプロトタイプに仕上げ、各段階でお客様と一緒にレビューします。
-
テスト・改善
ユーザーテストでつまずく箇所を修正し、さまざまな画面サイズやアクセシビリティの要件でデザインが機能することを確認します。
-
引き渡し・サポート
デザインシステム、仕様、素材を開発チームに引き渡し、開発中もデザイナーが引き続き対応します。
ツールと対応領域
使用する 技術
- クリックできるプロトタイプ
- デザインシステム・コンポーネントライブラリ
- デスクトップ・タブレット・モバイル対応のレスポンシブレイアウト
- アクセシビリティチェック
- ユーザビリティテストの実施
- 開発にそのまま使える仕様と素材
業界標準のデザイン・プロトタイピングツールを使用しており、お客様のチームがすでに使っているツールに合わせて作業します。
CouSyncが選ばれる理由
なぜ CouSyncなのか
エンジニアと並んで働くデザイナー
デザイナーと開発者が同じプロジェクトに携わるため、実装可能なデザインになり、引き渡しで何も抜け落ちません。
データ量の多いプロダクトでの経験
ダッシュボード、車両追跡、監視、金融ツールといった実績を通じて、情報量の多い画面を読みやすくする方法を身につけてきました。
ブランドからプロダクトまでワンチームで
ブランドガイドライン、Webサイトデザイン、アプリUIを1つのチームで手がけられるため、あらゆる場面でプロダクトの見た目と使い心地が統一されます。
アクセシビリティを標準に
キーボード操作、コントラスト、読みやすい文字を最初から考慮してデザインします。Smart Trackとmoksa.AIでも、アクセシビリティを作業範囲に明記して取り組みました。
FAQ
よくある ご質問
UI/UXデザインサービスには何が含まれますか？
ご要望に応じて、ユーザーリサーチ、情報設計、ワイヤーフレーム、クリックできるプロトタイプ、ビジュアルデザイン、ユーザビリティテスト、ブランドアイデンティティ、デザインシステムを提供します。正確な範囲は、最初の打ち合わせのあとにお客様と合意します。
既存のプロダクトを一から作り直さずにリデザインできますか？
はい。現在のプロダクトとその分析データを確認し、うまく機能している部分は残しつつ、最も使いにくさを生んでいるフローから優先的にリデザインします。改善は段階的にリリースできます。
デザインしたものの開発もお願いできますか？
はい。CouSyncはWeb・モバイル・デスクトップアプリケーションのデザインと開発を行っているため、同じチームがデザインからリリースまで担当できます。私たちのデザインを貴社の開発者に引き渡すことも可能です。
デザインが実際のユーザーに合っていることをどう確かめますか？
開発前に代表的なユーザーでプロトタイプをテストし、完成したプロダクトでも改めて確認します。各ラウンドでは、ビジネスにとって最も重要なタスクに焦点を当てます。
デザインファイルは自社のものになりますか？
デザインファイル、デザインシステム、およびプロジェクトのために作成したアセットの所有権は契約書で定めており、作業開始前にお客様と合意します。
どのように始めればよいですか？
オンライン相談をご予約いただくか、お問い合わせフォームからメッセージをお送りください。プロダクト、ユーザー、スケジュールについてお伺いしたうえで、範囲と計画をご提案します。
