※解説は下部に記述しています。
UI/UXデザインは、ユーザビリティを向上させ、ユーザーエクスペリエンスを最適化するための重要な要素です。UI/UXデザイナーとして、あなたのスキルをテストし、新しい知識を得るために、このUI/UXデザインのクイズに挑戦してみましょう。以下のリンクからUIUXデザインクイズに答えて、自分の知識を評価しましょう!
あなたは何問正解できましたか?
間違えた問題は、以下の解説をみてください!
メッセージUI
チャットUIではテキストのカラーはシンプルなものにしましょう。また、図形の角も統一しましょう。
フリー素材サイトのデザイン
複雑なカラーの使用、多くのコンテンツを表示しすぎるのはデザインではありません。シンプルで整頓されたデザインが、ユーザーにとって使いやすいデザインです。
電話画面のUI
赤は一般的に「停止」や「終了」を表す色として広く認識されています。電話を切るアイコンに赤を使用することで、その操作が通話を終了することを視覚的に表しています。
フレンドのアクセスステート
緑色はアクティブな印象を持つカラーです。現在そのユーザーがロフインしていることが想像できますね。
料金表のみやすさ
値段に背景色がないと、画像と被り読みにくくなりますね。はっきりと見せるために必ず背景色を付けましょう。
プライマリーボタンとセカンダリーボタン
ボタンにはポジティヴなイメージになるプライマリーと、そうではないセカンダリーがあります。INVITE FRIENDSボタンは押して欲しい、SKIPはそうでない場合に押して欲しいので、ボタンのデザインは別にしましょう。
送金成功と失敗メッセージ
緑色は一般的に成功、合格などの肯定的な意味を持ち、赤色はエラー、失敗、警告などの否定的な意味を持つ色として認識されています。このカラーを一貫して使用することで、ユーザーは情報を視覚的に理解しやすくなります。
inputフィールドのテキスト明瞭
テキストが薄すぎて読みづらいですね。程よい濃さのテキストカラーが最適です。
アイコンの統一
アイコンが統一されていません。アウトラインか塗りつぶしか、どちらかに統一しましょう。
お問合せフォームレイアウト
フォームのインプットフィールドに統一性を持たせましょう。そして最低限の項目のみを設置することで、ユーザーの負担を軽減します。
さいごに
みなさんは何問正解できましたか?
ただオシャレなだけのデザインではなく、ユーザーにとって使いやすいデザインあることも非常に重要です。
このクイズを通じて、UI/UXデザインの面白さを感じてもらえたら嬉しいです。
デザインは魔法のようなもので、私たちの日常生活に深く浸透しています。
ユーザーの視点に立ち、素晴らしいエクスペリエンスを創造してください。次回のクイズでまたお会いしましょう!