Skip to content

JOURNAL / 100 ARTICLES

Ideas, process
and everything between.

Professional notes on design, technology and creative practice.

100 articles found

A prototype demonstrates a sequence from selection to confirmation.

UI/UX / 2026-10-17

Judging a prototype by what it can explain

A prototype with many screens is not automatically informative.

Read article ↗

A wireframe is developed into a colourful visual interface.

UI/UX / 2026-10-17

Separating structure from visual treatment

A wireframe helps explore content, order and interaction before the visual language becomes detailed.

Read article ↗

Audience, goals and constraints shape the opening question of a case study.

UI/UX / 2026-10-17

Beginning a case study with the right question

A case study becomes easier to follow when the problem is clear before the solution appears.

Read article ↗

Editorial pages compare typography, spacing and readable text blocks.

UI/UX / 2026-10-17

Maintaining a comfortable reading rhythm

A journal page needs a different rhythm from a project grid.

Read article ↗

A searchable content archive combines categories and pagination.

UI/UX / 2026-10-17

Combining search and category filters

Search and categories answer different kinds of questions.

Read article ↗

A desktop page is recomposed into a vertically organised mobile layout.

UI/UX / 2026-10-17

Treating mobile as a different composition

A mobile layout needs more than smaller type and narrower columns.

Read article ↗

Project cards retain essential actions across touch, keyboard and hover interaction.

UI/UX / 2026-10-17

Keeping essential information outside hover effects

Hover can add a useful layer of feedback, but it should not be the only way to discover important information.

Read article ↗

A keyboard Tab key connects focus states across an interface.

UI/UX / 2026-10-17

Including keyboard navigation from the start

Keyboard use reveals how clearly an interface is structured.

Read article ↗

Distinct action buttons connect to draft, request and published content states.

UI/UX / 2026-10-17

Saying what a button will do

A button label is a small promise about the next action.

Read article ↗

Form examples compare disappearing placeholders with persistent visible labels.

UI/UX / 2026-10-17

Keeping form labels visible

A placeholder can offer an example, but it disappears as soon as someone begins typing.

Read article ↗

A vague error state becomes a clearer form message with a next action.

UI/UX / 2026-10-17

Writing errors around the next useful action

An error message should help someone understand what prevented an action and how to proceed.

Read article ↗

Interface cards show empty content, search and loading states.

UI/UX / 2026-10-17

Designing an empty state as part of the experience

An empty state appears when there is nothing to show, but it still has a job to do.

Read article ↗