Rojakcoder

Tech and Biz Ramblings

Projects & Experimentations

A collection of UI design snippets for inspiration.

Access control library for Java, JavaScript and Go.

Library for working with Google App Engine and Datastore.
Deprecated.

A simple Web app to help simplify the calculation of pro-rated salaries.

Plugin for swiping elements on touch screen devices.

UI 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, even 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.