← All projectsDESIGN IN DETAIL / P097

Fish and turtle quiz interface.

Choose with one action. Confirm with another.

Explore the story
Discipline
Design & UI
Perspective
Spatial / visual study
In this study
03 project views
Dark blue marine quiz interface with three answer cards, fish selection controls and a turtle confirmation button.
Existing interface export with matching HTML interaction code. The original export includes a wide blank area on the right.
01 / THE IDEA

A closer
look.

Distinguish answer selection from confirmation in a physical-control quiz concept.

02 / DESIGN APPROACH

From intention
to experience.

Three answer cards sit beneath the tutorial. Fish controls highlight a choice while the turtle confirms it, with both actions repeated in the lower control area.

01

Three answer cards

The tutorial instructs the visitor to use the fish to highlight an answer and the turtle to confirm it; three answer cards sit below.

02

Fish selection controls

The first answer is visibly highlighted, and the bottom control area repeats the selection and confirmation actions.

03 / THE VISUAL STORY

The work,
in full.

Explore the complete compositions and interface states. Select any image for a closer look.

03 / PROJECT IMAGES

Select a view to explore.

Thumbnail: Dark blue marine quiz interface with three answer cards, fish selection controls and a turtle confirmation button.01 Thumbnail: An aquatic quiz screen highlights option B and shows separate fish-select and turtle-confirm controls.02 Thumbnail: A confirmation dialog with a turtle icon and a Continue Expedition button.03
VIEW 01 / 03

Learn the controls

The complete saved interface export introduces the fish-select and turtle-confirm interaction. Its original wide blank margin is retained.

Dark blue marine quiz interface with three answer cards, fish selection controls and a turtle confirmation button.
Existing interface export with matching HTML interaction code. The original export includes a wide blank area on the right.
VIEW 02 / 03

Select an answer

Selection state: highlighting an option remains separate from confirming it. Quiz copy is retained source content.

An aquatic quiz screen highlights option B and shows separate fish-select and turtle-confirm controls.
Selection state: highlighting an option remains separate from confirming it. Quiz copy is retained source content.
VIEW 03 / 03

Confirm the choice

Confirmation state: the selected answer is repeated before the visitor continues. This is an existing interface capture.

A confirmation dialog with a turtle icon and a Continue Expedition button.
Confirmation state: the selected answer is repeated before the visitor continues. This is an existing interface capture.
04 / THE DETAILS

What brings
it together.

Structure, interaction and visual decisions that give the work its character.

Design decisions

  • Three answer cards
  • Fish selection controls
  • Turtle confirmation control

Project components

  • Documented production workflow
  • Screen-state artwork
Production notes & credits

RoleContribution awaiting confirmation

AssetsPrivate evidence draft. Individual contribution and public use are unverified. File presence does not establish personal authorship or original modeling; supplied, licensed and AI-assisted components must be credited separately.

StatusPrivate evidence draft; final delivery and contribution unverified

Image notes

  • Existing interface export with matching HTML interaction code. The original export includes a wide blank area on the right.
  • Selection state: highlighting an option remains separate from confirming it. Quiz copy is retained source content.
  • Confirmation state: the selected answer is repeated before the visitor continues. This is an existing interface capture.
  • Private evidence draft. Individual contribution and public use are unverified. File presence does not establish personal authorship or original modeling; supplied, licensed and AI-assisted components must be credited separately.
HAVE SOMETHING IN MIND?Let’s make it
an experience.