A warm optical impression disappears beneath a dense region within a polished lilac field.

Design

Why a Good-Looking Website Can Be Hard to Use

Test whether people can finish the tasks behind the attractive pages.

MT BYTES7 min read
Read the perspective

A first impression is only the beginning

A service website can be carefully composed and still leave a prospective customer unsure which service to choose. The typography may be excellent, the imagery restrained and the animation well judged. None of that tells the customer whether the business handles their particular problem, what information an enquiry requires or what will happen after submission.

Those questions expose a limitation of reviewing interfaces as a collection of screens. A screen can look complete while the task passing through it remains unresolved. The difficulty might sit between pages, in an unfamiliar label, in a form error or in a confirmation that says too little.

For a small business, the consequence is practical. An owner approving a new design needs evidence that the intended customer can use it. A favourable reaction to the visual treatment is useful feedback, but it answers only part of that question.

Usability is best examined through a specific task, a specific user and a recognisable outcome. Start with something the website is meant to support: finding a suitable service, comparing two products, booking a visit or sending an enquiry with enough context for a useful reply. The quality of the interface becomes easier to judge when the team can observe what happens along that journey.

Usability is best examined through a specific task, a specific user and a recognisable outcome.

Separate visual appeal from observed usability

Visual appeal can influence how people judge an interface. Nielsen Norman Group's discussion of the aesthetic-usability effect describes how favourable visual impressions can coexist with minor usability problems and complicate the interpretation of user feedback.

That should not become the claim that attractive design reliably hides poor functionality. A 2012 experimental study described by Google Research used different versions of an online clothing shop. In that setting, visual beauty did not change participants' perceptions of usability, while poor usability reduced their subsequent ratings of beauty.

The studies and guidance concern different settings and measures. Together, they support a more careful evaluation: appearance, perceived ease and observed performance should not be treated as interchangeable. They do not supply a universal formula for how much visual polish will compensate for friction.

A customer might like the interface and struggle to complete a task. They might also revise a favourable first impression after using it. Either outcome is more informative than a general satisfaction score considered alone.

Keep separate records of what a participant did and what they said. “Liked the layout” and “could not locate the booking option” can both be true. The second observation still needs attention, even if the first is encouraging.

Follow the task through uncertain moments

Consider an illustrative enquiry journey for a maintenance company. A property manager wants to know whether the company services a particular type of equipment before requesting a quotation. The website's main service categories are clear to employees but unfamiliar to an occasional buyer.

The first difficulty appears before the contact form. The visitor cannot confidently choose a category. If the review starts at the form, the team may spend its budget removing fields while leaving the earlier uncertainty intact.

After choosing a service, the visitor needs to establish suitability. Does the page answer the relevant question, or merely describe the company? A prominent enquiry button is of limited help if contacting the business still feels premature.

The form then introduces a different kind of work. A compulsory technical field may require information the property manager does not have. A vague error can leave them unsure whether the information is incorrect or simply formatted differently. An unexplained attachment requirement may force them to stop and find a document.

Finally, completion needs to be recognisable. A submitted form should make clear that the request was received and explain the next step the business can actually fulfil. A visual tick without useful context may leave the customer wondering whether to call as well.

None of these difficulties requires an unattractive screen. They concern the decisions and uncertainties the design leaves with the user. Following the whole task makes those omissions visible.

Let the interface succeed or fail unaided

Choose a realistic starting point and ask someone representative of the intended audience to attempt the task. Give them the situation and desired outcome, without naming the menu item or button you expect them to use. “Find out whether this company can maintain your equipment” is more revealing than “open Services, then choose Maintenance”.

Let the person work without immediately explaining the design. An employee's helpful interruption can conceal exactly the misunderstanding the review needs to uncover. If assistance becomes necessary, record where it happened and what the person needed to know.

Capture observable events: repeated navigation, an abandoned field, a wrong assumption, an unsuccessful attempt and recovery from an error. Record uncertainty as uncertainty. A pause does not automatically mean confusion, and a quick click does not prove understanding.

Ask neutral follow-up questions about the difficult moments. What did the person expect that label to contain? What information were they looking for? Avoid asking them to endorse the team's preferred fix. The participant can explain the difficulty without being responsible for designing the solution.

A few sessions can identify problems worth investigating, but they cannot establish a reliable success rate for the whole customer population. Combine qualitative observations with whatever relevant operational evidence is available, such as incomplete enquiries or recurring support questions. Keep personal information protected when collecting that evidence.

The review should leave the team with specific failures to address, rather than a long list of opinions about colours and spacing.

Check who the polished version leaves out

A task that works on the designer's laptop may still require a different review on a narrow screen, with a keyboard or under slower network conditions. These are distinct conditions of use, not cosmetic variations of the same screenshot.

Take the form journey again. Does a mobile keyboard obscure the explanation for a field? Can someone move through the controls in a sensible order without a mouse? Is the error identified in words, or only through a change of colour? Does the page preserve useful information after a failed submission?

The W3C overview of WCAG explains that web accessibility guidelines include testable success criteria. Use an appropriate accessibility assessment alongside task observation. A visually convincing review does not demonstrate that those criteria have been met.

For businesses operating across markets, test the content as well as the controls. Names, telephone numbers and addresses do not share one universal format. Translation can change the length and meaning of a label. An interface should not silently reject a legitimate customer because the form assumes a different locality.

Prioritisation still matters. An SME cannot investigate every possible context at once. Start with the audiences and tasks the service is intended to support, include accessibility needs in that scope and document the conditions that remain untested. That is a more useful statement of confidence than declaring the website easy to use without qualification.

Fix the decision and review the design

Once the problem is clear, choose the intervention that addresses it. A service label may need rewriting. A page may need evidence of suitability. A field may need to become optional or explain where the answer can be found. A failed submission may need a clearer recovery path.

These changes should still be designed well. Visual hierarchy, spacing and interaction states help communicate the revised information. The objective is an interface whose appearance supports the work people came to do.

Prioritise by the importance of the task, the consequence of failure and the strength of the evidence. A confusing detail on an infrequently used page may deserve attention after a barrier that prevents a customer from completing an essential enquiry. Do not manufacture precision by assigning arbitrary scores to uncertain observations.

Then repeat the relevant task with the revised interface. Check whether the original difficulty has been reduced and whether the change introduced a new one elsewhere. If a label has become clearer but the page still cannot answer the buyer's question, the task remains unfinished.

A useful design brief can now name the user, the task, the observed difficulty and the evidence needed to judge the change. That gives visual craft a clear purpose and gives the business a stronger basis for approval than the appearance of the screen alone.

MT
MT BYTES

Perspectives on technology and business.

Explore perspectives

Put the customer task at the centre of the brief

If your website looks convincing but important tasks remain difficult, discuss the journey, the evidence and the design work needed with MT BYTES.

Discuss your project