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

UI/UX Quiz

This article offers an interactive quiz designed to test your knowledge of UI/UX design principles.

Shohei Yano

Note: Explanations are provided at the bottom.

UI/UX design is a crucial discipline for improving usability and optimizing the user experience. As a UI/UX designer, challenge yourself with this quiz to test your skills and learn something new. Use the link below to take the UI/UX Design Quiz and evaluate your knowledge.

How many questions did you get right?

If you missed any, check the explanations below!

Message UI

Message UI

In chat UIs, keep text colors simple. Also make sure corner radii are consistent across elements.

Free Asset Site Design

Free stock site design

Complex color schemes and overcrowding the page with content do not make for good design. A simple, well‑organized layout is easier for users to understand and use.

Phone Screen UI

Phone UI

Red is widely recognized as indicating “stop” or “end.” Using red for the end‑call icon communicates that the action will terminate the call.

Friend Online Status

Friend online status

Green conveys an active state. It suggests the user is currently logged in.

Pricing Table Legibility

Pricing table legibility

When prices are displayed directly over imagery without a background, they can be hard to read. Add a background shape or color block to ensure clarity.

Primary vs. Secondary Buttons

Primary vs secondary buttons

Buttons typically fall into primary (positive, encouraged action) and secondary (de‑emphasized, optional) roles. Since “INVITE FRIENDS” is the desired action and “SKIP” is not, differentiate their styles accordingly.

Transfer Success and Failure Messages

Success vs error messages

Green generally signals success or confirmation; red indicates errors, failure, or warnings. Using these colors consistently helps users parse information at a glance.

Input Field Text Clarity

Input text clarity

Overly light text is hard to read. Choose a text color with sufficient contrast for comfortable readability.

Icon Consistency

Icon consistency

The icon styles are inconsistent. Use either outline or filled icons and stick with one style throughout.

Contact Form Layout

Contact form layout

Standardize your input fields and limit the form to the minimum necessary fields to reduce user friction.

Closing

How many did you answer correctly?

Great UI is not just about looking stylish—it must also be easy to use. I hope this quiz helped you appreciate the fun and depth of UI/UX design.

Design, in many ways, feels like magic—and it permeates our everyday lives. Keep designing from the user’s point of view and crafting excellent experiences. See you in the next quiz!

Newsletter

Subscribe to updates

Signup for practical tips on growing your business online, useful updates and event info.

We respect your privacy and never send spam messages. You can unsubscribe anytime.

By sending this form you agree to Privacy Policy

送信しました。ありがとうございます。
送信中にエラーが発生しました。
Our customers

We help you grow on web

We are a web company based in Tokyo, Japan.

Our international team of web experts will help you solve any of your challenges.