UIUXクイズ

UI/UXデザインは、ユーザビリティを向上させ、ユーザーエクスペリエンスを最適化するための重要な要素です。UI/UXデザイナーとして、あなたのスキルをテストし、新しい知識を得るために、このUI/UXデザインのクイズに挑戦してみましょう。以下のリンクからUIUXデザインクイズに答えて、自分の知識を評価しましょう!

矢野 将平
2023
10
23

※解説は下部に記述しています。

UI/UXデザインは、ユーザビリティを向上させ、ユーザーエクスペリエンスを最適化するための重要な要素です。UI/UXデザイナーとして、あなたのスキルをテストし、新しい知識を得るために、このUI/UXデザインのクイズに挑戦してみましょう。以下のリンクからUIUXデザインクイズに答えて、自分の知識を評価しましょう!

あなたは何問正解できましたか?
間違えた問題は、以下の解説をみてください!

メッセージUI

チャットUIではテキストのカラーはシンプルなものにしましょう。また、図形の角も統一しましょう。

フリー素材サイトのデザイン

複雑なカラーの使用、多くのコンテンツを表示しすぎるのはデザインではありません。シンプルで整頓されたデザインが、ユーザーにとって使いやすいデザインです。

電話画面のUI

赤は一般的に「停止」や「終了」を表す色として広く認識されています。電話を切るアイコンに赤を使用することで、その操作が通話を終了することを視覚的に表しています。

フレンドのアクセスステート

緑色はアクティブな印象を持つカラーです。現在そのユーザーがロフインしていることが想像できますね。

料金表のみやすさ

値段に背景色がないと、画像と被り読みにくくなりますね。はっきりと見せるために必ず背景色を付けましょう。

プライマリーボタンとセカンダリーボタン

ボタンにはポジティヴなイメージになるプライマリーと、そうではないセカンダリーがあります。INVITE FRIENDSボタンは押して欲しい、SKIPはそうでない場合に押して欲しいので、ボタンのデザインは別にしましょう。

送金成功と失敗メッセージ

緑色は一般的に成功、合格などの肯定的な意味を持ち、赤色はエラー、失敗、警告などの否定的な意味を持つ色として認識されています。このカラーを一貫して使用することで、ユーザーは情報を視覚的に理解しやすくなります。

inputフィールドのテキスト明瞭

テキストが薄すぎて読みづらいですね。程よい濃さのテキストカラーが最適です。

アイコンの統一

アイコンが統一されていません。アウトラインか塗りつぶしか、どちらかに統一しましょう。

お問合せフォームレイアウト

フォームのインプットフィールドに統一性を持たせましょう。そして最低限の項目のみを設置することで、ユーザーの負担を軽減します。

さいごに

みなさんは何問正解できましたか?

ただオシャレなだけのデザインではなく、ユーザーにとって使いやすいデザインあることも非常に重要です。

このクイズを通じて、UI/UXデザインの面白さを感じてもらえたら嬉しいです。

デザインは魔法のようなもので、私たちの日常生活に深く浸透しています。

ユーザーの視点に立ち、素晴らしいエクスペリエンスを創造してください。次回のクイズでまたお会いしましょう!

この記事をシェア

関連情報

該当記事がありません
メールマガジン

フォーム送信はプライバシーポリシーへの同意とみなされます。

ご登録ありがとうございました!
エラーが発生しました。

Accelerate your growth on web

We build websites which empower your team to grow rapidly. Submit your project request and we will be in touch shortly to discuss how we can help.

Our customers
株式会社リコー凸版印刷株式会社株式会社NTTドコモフォースタートアップス株式会社株式会社ニジボックス株式会社E-Housing株式会社ファンディオBooko株式会社unique onTerackathon株式会社ココウリE-Three

あなたもNoCodeのプロに

充実したサポートであなたも、最短3ヶ月間でノーコードWeb制作のプロになれます。

  • 300以上のノーコード動画教材

  • チャットサポート

  • 個別ビデオ通話相談