Wireframe

A low-fidelity representation of a user interface design.

More terms you might want to know

Margin

The space that an item has around it.

Load More Scrolling

A design technique employed on websites and mobile apps that encourages users to scroll to view additional content.

Class

A selector that can be applied to any HTML element. Classes should be used when designing for multiple instances. For example, if you want all <h1> tags in the website to look blue, then you could use the class="blue-text" attribute.

Crop

A portion of an image where the remainder is discarded.

Affordance

Affordances describe a relationship between the environment and an animate object, classified as either positive or negative.

Items, such as a car that leads to movement, have a positive affordance. Things like stairs that lead upwards have a negative affordance because they will not allow for any other form of movement other than up or down if used accordingly.

Leading

All available space (line-height) between two consecutive lines of text; this measurement should be adjusted for either ascenders or descenders. In hand typesetting, leading referred to thin strips of lead inserted by hand between lines of type in the composing stick to increase vertical distance.

Eye-Tracking

A tool that allows user experience designers, or people who design products and websites with consumers in mind, to track where users look on the screen. Eye-tracking can measure users’ attention and the duration of time they spend on different areas of a website. With this information, websites can create user experience solutions such as buttons with varying colours designed to catch the eye.

Typesetting

The process of arranging type to make written material readable. The arrangement of type involves decisions about individual letters and words (e.g. line spacing, letter spacing, and word spacing) and more significant page layout decisions (e.g., margins, headline position on the page).

Pagination

A technique used to sequentially present items in a list or other data set that are too long to display at one time.

RAW Image

A digital image captured by a digital camera or scanner that has not been processed in any way by the camera software.

Problem?

Got a suggestion or found an issue with the glossary?
Let me know!