How do we design clear experiences for small screens?
Limited space encourages us to choose what users really need and arrange it in a way that helps them reach their goals.
Start with the core task
Before drawing the interface, identify what the user wants to accomplish at this moment.
Read moreRead less
A small screen does not need a miniature version of everything shown on a desktop. It needs a layout that puts the most important task first.
Make the decision clear
Give the primary action enough space, and use a label that describes its outcome.
Read moreRead less
Instead of a generic label such as Continue, Confirm booking or Save changes may be clearer, depending on the context.
Leave room for interaction
Space between elements improves readability and reduces accidental taps.
Read moreRead less
Try using the interface with one hand, and check that important buttons can be reached without extra effort.
Test before adding more
Show the prototype to someone who has not seen it before, and ask them to complete a specific task.
Read moreRead less
Notice where they pause and which words they expect to see. Improve those points instead of adding more elements.