Skip to main content

Case Study 6

full image

This mockup has several UI components worth noting.

extract of one screen
A numbered "pill"

Numbers​

To make numbered lists more interesting, consider wrapping the number inside a "pill".

CTA​

A call-to-action (CTA) button needs to draw the user's attention so it is fine, perhaps necessary, to be more fanciful.

CTA button
CTA button
links

This rendering of a series of links is good for use as either navigation or tabs.

links

Having the copy of the selected item of a stronger contrast, with the touch of a dot, is a good way of emphasizing the selection without being overly flashy.