FOLLOW A TOPIC
Visual hierarchy, typography, layout, interaction states and the relationship between appearance and use.
6 connections
These are editorial connections by subject, not claims of collaboration, endorsement or equal evidence quality. This first topic collection covers the new AI, robotics, security, interface design and preparation resources; it is not a complete index of the reading room.
Peer-reviewed journal article · 2000 · background · Publisher-indexed abstract reviewed; full text not reviewed
Tractinsky, Katz and Ikar examine relationships between perceptions of an interface’s aesthetics and usability. A starting point for asking how visual presentation influences judgement.
Peer-reviewed journal article · 2012 · background · Publisher-indexed abstract excerpt reviewed; full text not reviewed
Examines the relationship between aesthetics, usability and affect under experimental manipulations. The abstract challenges a simple, one-direction account of beauty determining perceived usability.
Official design-system guidance and examples · Open web resource · overview reviewed
Examples of layout, typography, colour, components and task patterns developed for government services. Useful for examining consistency and documented component behaviour.
Official accessibility tutorial · Open web guidance · overview reviewed
Guidance on page regions, labels and structure. Connect the visual hierarchy to meaningful document structure and navigation.
Official accessibility tutorial · Open web guidance · page summary reviewed
Guidance on identifying form controls with associated labels. Useful when reviewing whether people can understand and operate a form.
Editorial guide with research and official guidance
Review visual hierarchy, responsive layouts and interaction states.