🐙

【翻訳】Do’s and Don’t for UI Design【Part 1】

2023/05/24に公開

ユーザーインターフェースとは、
ユーザーが製品、アプリケーション、プラットフォームと対話する際に
目にするものです。

魅力的なユーザー体験は、
確かなインターフェースデザインの土台の上に築かれています。

初心者である私たちは、さまざまなウェブサイトのデザインに魅了され、
どうすればあのようなデザインを自分の手で作れるのだろうと考えます。

幅広いユーザーに対して、クリーンで効率的なインターフェースを
構築するための基本的なデザインコンセプトとして、
考慮すべきことがいくつかあります。

では、どのようにすれば素晴らしく、クリーンでプロフェッショナルな
インターフェイスを作ることができるのかを理解することから始めましょう!

1.人間らしい言葉

共感できる言葉を使うことで、ユーザーを惹きつけ、
デザインを通じて良いユーザー体験を与えることができます。

2.水平方向のアライメント:

アライメントをマークに合わせることで、
コンテンツの可読性を高めることができます。

画面上で良好なアライメントが保たれることで、
目によるスキャンが容易になります。

3.アイコンとラベルの表現:

アイコンやアニメーションをラベルと一緒に使うことで、
コンテンツとの結びつきをより簡単にすることができます。
合理的でリッチなインターフェイスを実現し、瞬時に目を引くことができます。

4.コンテンツを分断する:

長い文章や段落の使用は、読みにくさを招きます。

良いUXとUIを実現するためには、
箇条書きを使って重要なポイントだけを強調したり、
コンテンツをより小さな塊に分割したりすることに注力すべきです。

特に、「利用規約」や宣言文を記載する場合は、
箇条書きにすることで、内容を簡単に読み取ることができます。
情報が消費されずに残ってしまう可能性が低くなります。

5.プロセスバー:

プロセスバーは、フローを追跡するのに役立ち、
また、前後に移動することを容易にします。

オンラインショッピング、フォーム入力、KYC申請などのシーンで、
この形式を使用すると、プロセスの追跡が容易になります。

6.エラーを導く:

アクションを開始するために、
無効な状態やエラー状態を明確に記載する必要があります。

画面上で何が間違っているのかがわからないと、
ユーザーは失望し、フローを諦めてしまうかもしれません。

インターフェイスの設計では、
曖昧さを避けるために、正しいことを正しい場所に示すことが非常に重要です。

7.CTAへの到達しやすさ:

フィットの法則によると、
ターゲットエリアの距離と見た目は、取られるアクションに比例します。

そのため、アクションに集中させるために、
CTAは正確に配置する必要があります。

また、ボタンをクリックしやすいサイズにすることで、
ターゲットに到達するまでの間に不便を感じさせないようにします。

以上、デジタル製品のエクスペリエンスデザインを行う際に守るべき
7つの基本的な「やるべきこと」と「やってはいけないこと」を紹介しました。

UIデザインの基本を理解するのに役立つことを願っています!

《参考記事》 Do’s and Don’t for UI Design

https://bootcamp.uxdesign.cc/dos-and-don-t-for-ui-design-7e5c86c71cac

Discussion