Usability/UX Test – Prototype

The Problem

All websites should prioritise usability and user experience (UX). Unfortunately many websites do not. This is a design and development experiment that starts and ends with those priorities.

This is an attempt to structure content/data – that could easily become unwieldy and confusing – in a way that the user (website visitor) always finds easy to navigate and access, where ever on the site they happen to be.

The design will be limited to these concerns :- a ‘wireframe’ prototype that can be evaluated before any branding and aesthetic elements are considered.

The Content/Data

A fictional organisation produces three main types of ‘content’ output for its website – Projects, Publications and News. These could be classified as ‘output categories’, ‘content types’ or ‘post types’.

In addition, this organisation covers a core set of subjects, across all its output categories. Again, these might be labelled ‘Topics’ or ‘Themes’. We’re opting for ‘Topics‘.

Lastly, there is further ‘meta’ data that could be included – for example: date, keywords and author.

Content Type Listing
Topics (Content Type/All)
Topic by Content Type
Single Article
Related & Latest (on Single)
Author Listing

The Result

Without going into details of the process, it is hoped the decisions and choices made in structuring the content/data on this website, make it easy and pleasing to use.

If you find any issues or can think of any way it might be improved, send us your feedback

Structure Outline

  1. Main Content Types – made independent entities : Article Listings, Archives, Authors, Dates. Sharing ‘Topic’ listings and filters. Accessible via ‘Menu’ and all pages.
  2. Topics – Article Listings by Date and Content Cat (ex: latest), Archives, Related Content. Accessible via ‘Menu’ drop-down and all pages.
  3. Author – Post Date Archive. Accessible all pages.
  4. Other Meta – Date, Keywords – available but not used.

What Might Really Appear on the Home Page

Latest News :

  • News Article 8

    | Author·

    Topic :

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque placerat porta tristique. Nam auctor volutpat erat, eget vulputate dolor tincidunt…

    Read More →

  • News Article 7

    | Author·

    Topic :

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque placerat porta tristique. Nam auctor volutpat erat, eget vulputate dolor tincidunt…

    Read More →

  • News Article 6

    | Author·

    Topic :

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque placerat porta tristique. Nam auctor volutpat erat, eget vulputate dolor tincidunt…

    Read More →

Latest Publications:

  • Pub Article 8

    | Author·

    Topic :

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque placerat porta tristique. Nam auctor volutpat erat, eget vulputate dolor tincidunt…

    Read More →

  • Pub Article 7

    | Author·

    Topic :

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque placerat porta tristique. Nam auctor volutpat erat, eget vulputate dolor tincidunt…

    Read More →

  • Pub Article 6

    | Author·

    Topic :

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque placerat porta tristique. Nam auctor volutpat erat, eget vulputate dolor tincidunt…

    Read More →