top of page

UI/UX

Interaction design course

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

Valtech

– UX Research, konceptutveckling och interaktionsdesign för en ny taxi-tjänst

Please contact me if you want to know more

Material selection

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.

solutions_business_units_additives_waxes

Problem:

Making a complicated process easy to understand.

Design Process:

define2_button.jpg
ideate_button.jpg
test_button.jpg
prototype_button.jpg
test_button.jpg

DEFINE

IDEATE

Early

TESTING

PROTOTYPING

TESTING

define2_button.jpg

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.

alla_ritare_s2.jpg

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.

ideate_button.jpg

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.

Skärmavbild 2019-03-03 kl. 18.27.30.png
Skärmavbild 2019-03-03 kl. 18.32.39.png

Simplify headlines:

Reducing the thinking process and ease understanding.

Specification of properties

Scoring

Navigation:

Clear conventional structure and color coded sections.

navigation.jpeg

Homepage:

Remove happy talk from homepage.

test_button.jpg
EF9ADECE-D469-488C-9DE6-54864C83945A_edi

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. 

prototype_button.jpg

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.

test_button.jpg

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.

ECE12974-EBC2-4117-B7E2-FABF04A493A5.JPG
macbook2.jpg
solutions_business_units_additives_waxes

A step-by-step guide designed to help 

the user.

Material 

Selection

playbook

Mathem

Project: MAthem

User experience project.

 

Work in progress

Updates coming in the next weeks

Building website
Poster_JohannaLinger_2.jpg

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.

grid2.jpg
portfolio3_edited.jpg

ON MY MIND

RIGHT NOW:

sci-fi book the Windup Girl

bottom of page