UX, wireframes and user testing
From sketch to tested solution — how you design for real people, not just your own taste
A website or app can look great and still fail completely if the user cannot figure out how to navigate. UX—user experience—is the discipline that ensures a digital solution is understandable and easy to use. In digital media, design and behavioral psychology meet, and good UX decisions are built on observing real users, not on your own gut feeling.
§From idea to wireframe
Before something looks good it must be clear. A wireframe is a simplified sketch of a page or screen — boxes, lines, and simple text, without colors or final design. The purpose is to fix the structure: where is the menu, what is the most important action on the page, in what order does the user encounter the content. Because a wireframe is quick to make and just as quick to change, you can test several structures before spending time on the visual expression.
§Lo-fi and hi-fi prototypes
- 01Lo-fi prototype — rough, often in grayscale, focuses exclusively on structure and flow. Cheap to change.
- 02Hi-fi prototype — with real colors, fonts and images, clickable as the finished solution. Used to test the near final expression.
- 03Clickable prototype — multiple screens linked together so a test person can 'use' the solution before a single line of code is written.
§User testing — why guessing is not enough
Regardless of how old or new a wood-burning stove is, it is part of your job to assess whether the installation is functioning as it should and to advise the customer on correct operation so the installation lives up to its potential — both in terms of safety and burning as cleanly as possible.
§Methods for identifying problems
| Method | What it shows |
|---|---|
| Moderated user test | A facilitator observes a user solve tasks live and asks questions along the way |
| Unmoderated remote testing. | The user solves tasks alone via a testing tool, often recorded on screen |
| A/B-test | Two variants of page shown to different users to see which performs best |
| Card sorting | Users group content themselves and show how they expect a menu item to be named and located |
| Heuristic walkthrough | An experienced UX designer assesses the solution based on known principles of usability without a test subject |
§Accessibility is part of UX
Good UX cannot be separated from accessibility. A solution that only works with a mouse excludes users who navigate with a keyboard. A solution without alternative text for images excludes users of screen readers. Think accessibility into user experience from the first wireframe, not as something that is patched on at the end.
§From test to iteration
A user test is only worthwhile if the results are used. Gather the observations, prioritize the problems most users encounter, and adjust the design before testing again. UX work is a circle, not a straight line: design, test, adjust, test again. It is that circle that transforms a theoretically good idea into a solution that actually works for the people it is made for.
“You are not your user. What seems obvious to you can be opaque to someone seeing the solution for the first time.”
— Professional view on user testing in UX work.