このページを日本語で閲覧するには「続ける」を押してください。
Press "Continue" to see this page in English.
2023
10
23

UIUXクイズ

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

Shohei Yano

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

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

あなたは何問正解できましたか?

間違えた問題は、以下の解説をみてください!

メッセージUI

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

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

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

電話画面のUI

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

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

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

料金表のみやすさ

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

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

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

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

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

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

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

アイコンの統一

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

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

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

さいごに

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

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

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

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

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

メールマガジン

最新アップデートに登録

メール登録することと、ビジネス成長を支える技術的なノウハウと有益なアップデート情報が届きます。

あなたのプライバシーを大切にし、迷惑メールの送信のためにメールアドレスを使用しません。配信停止はいつでも可能です。

送信することでプライバシーポリシーに同意したとみなされます。

You successfully subscribed!
Error happened while sending your form.
支援先企業

あなたのWeb課題を解決

我々は東京・原宿を拠点にしたウェブ会社です。

スーパーサイトのクリエイティブな国際チームがあなたの抱えているチャレンジにソリューションを提供します。