UX-UI/subjects/ui/ui-3/ui-3-2

UI III - Ex 2 CK - Multi state

Context:

Welcome to the 3rd quest of UI.

In this series of exercises, you’ll be asked to open your eyes and collect graphic elements from various websites. You’ll see grids across screens, multi state buttons, how to make a design accessible for all, breadcrumbs, toggle buttons, radio buttons, calendar, time picker with 2 main goals:

• Enrich your graphic general knowledge
• Detect consistency, that helps users understand a digital product at the first glance.

Instructions:

Go to Nintendo.com and observe the buttons and call to actions. When you hover or click on them, they change!

Make screenshots of the different states of buttons, menu titles, filters etc. Then, gather and organize them.

Find at least five combinations of multi state elements.

Deliverables:

• A PDF document extracted from a Figma file with 5 combinations of multi state elements

Resources:

• Video tutorial on Figma
• Beginning graphic design
• Gareth graphic studio