UI/UXデザイン | DMU – デジタルメディアアプリケーション

2 つの異なる分野、1 つの経験。

UX (ユーザーエクスペリエンス) デザインは、製品が誰のために存在し、どのような問題を解決し、どのような手順を経て解決に到達するかを決定します。研究、情報アーキテクチャ、ユーザーフロー、ユーザビリティテストがこの分野のツールです。 UI (ユーザーインターフェイス) デザインでは、色、タイポグラフィ、ボタンの状態、マイクロインタラクションなどの決定が目に見えて具体的になります。

この 2 つを分離することは教育には役立ちますが、実際の仕事では切り離すことはできません。完璧に見えてもユーザーが必要なものを見つけられないインターフェースは、UI としては成功ですが、UX としては失敗です。適切な流れがあるデザインでも信頼感がない場合は、その逆です。良い製品には、両方が同時に適切であることが必要です。

まず構造、次に画面。

UX プロセスは画面から始まりません。ユーザーがここで何をしようとしているのか、最初に必要な情報は何か、どのステップが不必要な摩擦を生むのか、といった質問から始まります。これらの質問に対する答えによって、情報アーキテクチャ、つまりどのコンテンツがどこに、どの階層に配置されるかを決定する骨格が構築されます。

情報アーキテクチャが明確になると、ユーザーフローと忠実度の低いワイヤーフレームが機能します。この段階ではまだ色やタイポグラフィはありません。唯一の問題は、流れが理にかなっているかどうかです。現時点では、テストは低コストです。完全に開発された画面を最初から再コーディングするよりも、ボックスを移動するコストがはるかに低くなります。

一貫性は個々の画面ではなくシステムによってもたらされます。

UI デザインは、ワイヤーフレームを視覚的な言語で装飾することではありません。それ自体がエンジニアリングの分野です。ボタンは 1 回だけデザインされるのではなく、通常、ホバー、押された、無効、および読み込み中の状態と合わせてデザインされます。これらの状態のいずれかが欠けていると、ユーザーはインターフェースと「会話」することができなくなります。

そのため、成熟した UI 作業では、再利用可能なカード、フォームフィールド、バッジ、間隔ルールなどの個別の画面ではなく、コンポーネントライブラリが生成されます。 DMU 独自のインターフェイスでの明/暗テーマのサポートも同様に、この体系的なアプローチの結果です。つまり、2 つの異なる照明条件下でも一貫性を保つ単一のコンポーネントセットです。

アクセシビリティは後から追加されるレイヤーではありません。

十分な色のコントラスト、読みやすい文字サイズ、タップしやすいタッチターゲット、スクリーンリーダーと互換性のあるラベル - これらすべてはデザインそのものであり、後から「アクセシビリティアップデート」として追加されたレイヤーではありません。弱視のユーザーにとって、不十分なコントラストは、運動能力が限られたユーザーにとっての小さなタップターゲットと同じくらい現実的な障壁です。

これらの原則は、すべての人にとってより良いエクスペリエンスも生み出します。ハイコントラストは日光の下でも読みやすく、タップターゲットが移動中でもユーザーを罰することはありません。アクセシビリティとは、一部のユーザーを対象とするのではなく、現実世界のあらゆる条件を対象に設計することを意味します。

プロセスは証拠であり、主張ではありません。

13 のビジネスドメインと 67 の機能を 1 つのモバイルアプリに統合することは、理論上の UX 演習ではありませんでした。これは、研究、情報アーキテクチャ、プロトタイピング、ユーザビリティテスト、および繰り返しの反復を必要とする現実的な問題でした。 dmu ONE はそのプロセスの出力であり、DMU の UI/UX アプローチを説明する最も誠実な方法は、それを直接示すことです。