Sabine Osberg Nilsen

LearnUu

Accessibility App

— ROLE

UI/ UX Designer,

Researcher


— DURATION

3 Weeks


— TOOLS

Figma, Miro, Figjam


Intro:

LearnUU is an innovative app for learning about universal design. It provides an engaging and structured way to explore the principles, guidelines, and success criteria of universal design. This app offers simple and practical tools to help create inclusive digital experiences.


Problem:

Frustration with outdated and hard-to-access information on universal design, especially on the W3C website. There is a need for a simpler, more engaging solution that increases motivation, improves understanding, and makes important knowledge more accessible.



Goal

The goal is to create an app that enhances motivation, improves understanding, and provides easier access to valuable knowledge about universal design.

Design Process

I started by reviewing the entire design process and identifying the steps I wanted to focus on next.


Insights

I gathered insights about the client (Digdir), relevant organizations, standards, and requirements. I also familiarized myself with the content to be presented on my website, including guidelines, success criteria, and principles.


Through the research process, I gained a better understanding of how to define the target audience.

To gain more insight into the target audience, I conducted a survey using a Google Form, which I sent to students at Kristiania to assess their prior knowledge of the topic.

Personas

After creating personas, I developed a more detailed description of the target audience.

Define

Problem statement:

Brainstorming

Once I had my problem statement, I started brainstorming ideas.

Crazy Eights

In my design process, I used the ‘Crazy Eight’ method to quickly generate a variety of ideas and sketches. It helped me think without limitations and explore different design options in a short amount of time.

Home screen- wireframes

By taking the time to create multiple drafts of each screen on paper, I ensured that the elements transferred to the digital wireframes were well-suited to address user challenges. For the homepage, I prioritized a simple and organized experience for users. Stars were used to highlight the elements in each sketch that would be included in the initial digital wireframe drafts.

Low-Fidelity

Prototype

User test

After conducting a user survey with Kristiania students, I made necessary changes based on their needs and preferences. I prioritized the most prominent points and focused on addressing them.

Colors

My primary colors are based on a color wheel that symbolizes the significance of different colors.

Next project->