UIデザインを整理する方法

設計を簡素化し、設計から「ノイズ」を除去しようとして、何回行き詰まりましたか? 強調表示が必要な新機能を人々が求め続けているため、あなたのページにはあまりにも多くのことが起こっています。あなたは、より重要なことを優先することで立ち往生しています。ユーザーは混乱しています。多くの場合、フィードバックは曖昧で、「これは奇妙に見える」といったものです。

ユーザー フローを最も単純なバージョンに改善するだけでなく、UI をきれいに保つことも重要です。

1. 不要な影の削除

2.不要な行を削除する

もう 1 つの煩雑な要素は、各タイルの線です。上記の色オプションは要素の作成に適していますが、常にそうとは限りません。

iPhone のメール アプリにはメールを一覧表示する行がありますが、各行をスワイプしてそのメールに対するクイック アクションを表示できることに注意してください。iOS 自体は、マテリアル デザインの初期バージョンのように影の使用を避けるため、UI に多くの線があります。

3. 同様の視覚的なウェイト アイコン

私たちは皆、ある時点でアプリで適切なアイコンを見つけるのに苦労しています。使用しているすべてのアイコンに同じ視覚的なウェイトを作成するために、アイコンを最初から作成する必要がある場合があります。

4. テキストのウェイトマッチ

また、テキストの太さがアイコンの線幅または視覚的な太さと一致していることを確認してください。以下の赤でマークされたコンポーネントを検討してください。アイコンとテキストの視覚的な重みは同じである必要があります。

5. 色調

colorhunt、canvaなど、優れたカラーパレットを選択するのに役立つさまざまなサイトがあります. アプリで色を管理できることについても以前に書きました。色を管理するときは、アクセシビリティを確認することもお勧めします。

6. 最後になりましたが、コピーを確認してください

コピーライティングはデザイナーの主な仕事ではないかもしれません。優れたユーザー エクスペリエンス デザイナーは、シンプルでユーザーが理解しやすいコピーに注意を払う必要があります。ユーザーにできるだけ多くのことを明確にするために、「こんにちは、受信トレイへようこそ」と言って、言葉を最小限に抑えることを検討してください。最高のデザインは目に見えないことを忘れないでください。

ハッピーデザイン！