kleindesigned logo
[recent work.]
[recent work.]

An information architecture revamp to deliver updated content and a revised information architecture to enhance the user experience.

[ information architecture. ]

The Challenge

How can we create a smooth and informative user experience that caters to each of our user groups?

The Actions

Research

Please note: Although there are limited images or data shown due to confidentiality, my design process, the way I think and how I work is seen throughout the project.

The discovery stage looked at understanding user needs and the website's existing structure. To gather insights, I conducted user interviews, surveys, and usability testing sessions. With a focus on information architecture (IA), I conducted tree testing to evaluate how easily users could find desired information. This exposed potential flaws in the navigation structure. I also competed a comprehensive content audit and analysed existing website content.

Tasks
  • User research: Conducted interviews, surveys, or usability testing to understand user pain points and behaviours.
  • User journey mapping: Mapped out the steps users take to complete tasks on the website.
  • Content audit: Analysed existing website content.
  • Card sorting: Organised website content based on user logic to inform IA development.
  • Tree testing: Evaluated the ease of users finding information within the website's IA structure.

Content tree listing all navigation options and paths
Content tree listing all navigation options and paths

Analysis

The content audit analysis involved evaluating existing content for relevance and accuracy. User research insights, from interviews, surveys, and usability testing, was then analysed to identify themes and user pain points. I used affinity mapping, a technique that groups related findings together. This process helped identify patterns and focus on key user needs, which will inform the development of a revised information architecture and updated content strategy.

Tasks
  • User research analysis: Synthesised findings from interviews, surveys, and usability testing to identify user needs and pain points.
  • Content audit analysis: Evaluated existing website content.
  • Affinity mapping: Organised user research findings into groups to identify patterns and user needs.
  • Information architecture (IA) development: Defined the structure and organisation of information on the website.
  • Content strategy development:  Planned the creation, editing, and organisation of website content.

Design

I created initial wireframes to outline basic page layouts and information hierarchy. To cater to the needs of three distinct user groups, I created multiple low-fidelity design variations. These variations were then presented in design feedback sessions with various teams. These sessions resulted in valuable discussions and user input allowing for continuous refinement of the low-fidelity prototypes. This back-and-forth process ensured the designs were well-developed and ready for user testing, a crucial step in validating the effectiveness of the revised information architecture and content strategy.

Tasks
  • Wireframing: Created low-fidelity sketches to explore different layout options.
  • User flow development: Defined the steps users take to complete tasks on the website.
  • Prototyping: Created interactive mockups to simulate the website's functionality.
  • Design iteration: Refined designs based on user feedback and testing.
  • Visual design: Established the website's visual style, including colours, typography, and imagery.
  • Usability testing: Conducted user testing sessions to evaluate the usability of the prototypes.

Low-Fidelity mock-ups of each age
Low-Fidelity mock-ups of each age

Delivery, Report & Presentation

I compiled a comprehensive report outlining the key findings and insights learned from the research. This report was then presented to key stakeholders, ensuring all decision-makers were aware of the project's valuable takeaways.

Tasks
  • Prepared a report on the findings and insights
  • Presented to key stakeholders
  • Delivered the design to the Website team

Low-Fidelity mock-ups the retirement path
Low-Fidelity mock-ups the retirement path

Learning and challenges

Learning how Optimal Workshop (a tool for tree testing that helps you evaluate the findability and hierarchy of content on your website) functioned was a big learning curve as I hadn't used the software before. It's very intuitive and easy to use and resulted in some great insights after running tests with users.

The Result

While the project  didn't progress to development due to a company-wide shift in priorities, the UX process delivered valuable insights. By prioritising user needs throughout the design process, we were able to identify key pain points and develop a revised information architecture and content strategy that catered to three distinct user groups. This user-centric approach was well-received by the Design, Web, and Product teams, who appreciated the comprehensive research and clear direction provided by the project. Though the final product won't be implemented for now, the groundwork laid through the UX process ensures the website improvements can be revisited and implemented when priorities realign.

Another kleindesiged. experience

[More Recent work.]

Check out some more of my latest projects for a glimpse into my ongoing pursuit of exceptional user experiences.

[ux research.]

Mobile app

Form a clear understanding of what user needs and behaviours are for a mobile app to provide input into the scope of any future mobile app development. This project provided enough insights to help the business decide on whether to progress with the development of an app or hold off until there is a greater need for one.

Deliverables

  • Research & Analysis
  • Wireframes
  • Prototypes
  • Usability Testing
  • User Stories
Lean UX canvas with sticky notes indicating what stakeholders needed from the projectWireframe images of the initial design tested with participants with feedback on sticky notes
[ux design.]

Responsive web application

Responsive web application that enables anyone to instantly chat with an expert in any field.

Deliverables

  • Research & Analysis
  • Sketches
  • Personas
  • Prototypes
  • Logo Design