Logo of UI Challenges
Sign in
Wireframe example for Tag & Chip
An example interpretation of the prompt
Icon of target

Tag & Chip

Icon of book open

Design a mobile NFC tap flow for a tag/chip interaction. The screen should show the user’s digital tag or chip, the reader it is meant to touch, and the current access state. Keep the primary action centered on the tap itself: the user should understand where to tap, what will happen, and whether the action is complete without reading a paragraph of copy.

Build the core states for a real tap sequence: idle, detecting, approved, declined, and retry. Show the system response immediately after contact, with clear visual feedback tied to the outcome. If the flow includes ticket validation, transit entry, or secure access, surface only the relevant data: balance, pass validity, gate status, or authentication result.

After a successful tap, show a confirmation screen with the result, time, and location or destination. For errors, keep the entered tag context visible and give one next step, such as try again, re-authenticate, or use another pass. The interaction should feel fast, physical, and unambiguous on a small screen.

Icon of book open

Add an element of delight by designing subtle animations for the 'tap' interaction—like ripples or a 'glow' effect—to make the user's experience both intuitive and satisfying.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.