UI/UX

 

Interaction

Design 

Course

About:

During the spring of 2019 I got the opportunity to take the course Interaction design at Berghs. The course was incredibly valuable and I learned a lot about designing good user experiences with interaction design.

 

Side project

Please contact me if you want to know more

 

Material 

Selection

playbook

About:

At consultant agency Knightec there is a specialist team working with Sustainable Plastic Design. I believe sustainable plastic is a very interesting subject and wanted to learn more. My question was, how can I add value to the team and also learn more in the process? I joined an internal project about making a material selection playbook, complementing their plastic expertise by helping to make the playbook user friendly.

Problem:

Making a complicated process easy to understand.

Design Process:

DEFINE

IDEATE

Early

TESTING

PROTOTYPING

TESTING

DEFINE:

Research:

To understand the flow of the material selection process I studied all the text material the plastic team had gathered. In order for me to understand the process correctly I presented the process how I interpreted it. Then they could interject where I had missunderstood and then explain. This way we could early detect unclear parts what was not communicated in the existing material.

 

Purpose:

The specialist team have extensive knowledge about plastic material selection. The purpose of the playbook is to share that knowledge with the rest of the consultant company.

TARGET GROUP: 

Knightec consultants who do not have a lot of experience working with plastic. A common factor is that they are all educated engineers.

Ideas:

Scan:

Visualization of process to help scanning the playbook.

Focus:

Reorganizing grouping of steps of the process in order to put focus on important steps.

Simplify headlines:

Reducing the thinking process and ease understanding.

Specification of properties

Scoring

Navigation:

Clear conventional structure and color coded sections.

Homepage:

Remove happy talk from homepage.

IDEATE:

Brainstorming:

The brainstorming session was centered around previously identified problems such as:

How can the process be structured in an understandable way?

How can we put emphasis on the critical steps? 

Sketching:

Sketching of process images, overall playbook structure and key elements were made generate a lot of ideas.

Early TESTING:

Wireframing:

Testing ideas early before having committing a lot of development hours steers the project in the right direction and makes it more efficient.

The wireframing included the front page and the overall navigation.

Think-aloud protocolS:

Making short tests with two persons in the target group gave a lot of valuable input on existing ideas. 

Development:

Simplifying process:

Prioritizing user understanding over visualising ​all detailed options.

Reducing sections:

For the user to get a better grasp of the process the division of sections were updated to be 4 or less.

Verbalizing Headlines:

Changing the headlines to verbs to make it clear what is to be done in each step. 

PROTOTYPING:

MOCK-UP:

Working in Adobe XD I put together a mock up to be to do initial user testing.

Development:

You are here indicators:

Add visualizations to indicate where on the site you are.

About:

Adding a clear About-page without fluff text.

TESTING:

MORE Think-aloud protocolS:

Making tests with three persons in the target group gave input on the prototype. 

Development:

Clarify texts:

Based in the user input some paragraphs needed updating.

Adjusting sections:

Some issues with the division of the sections were observed.

HELP-INFo:

Added easily found info on who to ask for help if the user gets stuck. The feedback from the help-info will also result in great feedback for future updates of the playbook.

A step-by-step guide designed to help 

the user.

Material 

Selection

playbook

 

Project: MAthem

User experience project.

 

Work in progress

Updates coming in the next weeks

 

Building

Website

In 2014 I was starting up my company Mönsteriet.  When creating the website and webshop I immersed myself into learning about usability and search engine optimization. Favorite books were Don´t make me think and Convert . It was here I really found the interest in interaction design.

This site was designed with the
.com
website builder. Create your website today.
Start Now