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デザインの面白さを感じてもらえたら嬉しいです。

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

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

この記事をシェア

関連情報

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

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

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

あなたの事業に成長を

集客に特化したWebflowサイトで自社マーケティングをより柔軟に、より効果的にします。制作依頼を送信したら、無料打ち合わせであなたのニーズをヒアリングして、最適なソリューションを提案します。

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

あなたもNoCodeのプロに

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

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

  • チャットサポート

  • 個別ビデオ通話相談