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.
Please contact me if you want to know more
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.
Making a complicated process easy to understand.
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.
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.
Knightec consultants who do not have a lot of experience working with plastic. A common factor is that they are all educated engineers.
Visualization of process to help scanning the playbook.
Reorganizing grouping of steps of the process in order to put focus on important steps.
Reducing the thinking process and ease understanding.
Specification of properties
Clear conventional structure and color coded sections.
Remove happy talk from homepage.
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 of process images, overall playbook structure and key elements were made generate a lot of ideas.
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.
Making short tests with two persons in the target group gave a lot of valuable input on existing ideas.
Prioritizing user understanding over visualising all detailed options.
For the user to get a better grasp of the process the division of sections were updated to be 4 or less.
Changing the headlines to verbs to make it clear what is to be done in each step.
Working in Adobe XD I put together a mock up to be to do initial user testing.
You are here indicators:
Add visualizations to indicate where on the site you are.
Adding a clear About-page without fluff text.
MORE Think-aloud protocolS:
Making tests with three persons in the target group gave input on the prototype.
Based in the user input some paragraphs needed updating.
Some issues with the division of the sections were observed.
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
User experience project.
Work in progress
Updates coming in the next weeks
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.