• Home
  • My work
    • Cobalt: Introducing a new product
    • Cobalt: Improving peer feedback delivery
    • Vivy: Guiding users through a complicated signup flow
    • Wefox: Introducing dynamic in-app checkout
  • About me
EMMA L. SANDBERG
  • Home
  • My work
    • Cobalt: Introducing a new product
    • Cobalt: Improving peer feedback delivery
    • Vivy: Guiding users through a complicated signup flow
    • Wefox: Introducing dynamic in-app checkout
  • About me

wefox 
Risk prevention service

design sprint. As this project is in the making, I will show one of the alternative solutions. 
My role
Discovery research / Affinity mapping / Result analysis worksop
Timeline
Jul. 2020 - Sep. 2020 ​
Mockup psd created by graphictwister - www.freepik.comPicture
​Mockup psd created by graphictwister - www.freepik.com

Stage 1
Understand

My first step was to work out what problem I'm trying to solve and what has been done before to solve it. Here, I did this by analysing my competitors and by gathering feedback from potential users with interviews and surveys.

User interviews

Research goals
Interview potential users, with focus on their previous experiences with art tours and scavenger hunts, to understand what people would like to see in an art discovery app. 
I generally don't go on guided tours. I prefer just to roam around at my own pace.​  - Maria, 52
Key findings (F)
Potential solutions (S)

F: ​Not every user wants a challenge. Users enjoy just coming across new things while roaming around.  
S: ​​Let the user see what pieces are close by and notify them when there is something to discover.

F: ​Users enjoy making their discovering experiences personal and to make memories out of it.
S: ​Let users take photos and make notes around their experience during the quest. This could later be used for a shared album.

F: ​Users don't like playing or walking around alone and they appreciate an opportunity to discover new things together with friends. 
S: ​Make it possible to connect with friends and challenge them to quests or take ruites together. 

Stage 2  
Define

In this stage I analysed the findings from the user interviews using affinity mapping. I looked at who we are designing for and what their specific needs may be to be. 

​The ​problem

​People have an interest in art in public places, and there's lots of it, but most of us don't have the time or effort to commit to a commercial tour. ​​

Personas

Picture
Kathrin 65
Easy going
​​Kathrin recently retired and now has a lot of time on her hands.
Picture
Carl ​28
​Competitive
​Carl is the social city boy who always is on the way somewhere.
Picture
​Miles ​43
Art enthusiast
​Miles loves to travel and walk around cities, discovering art and architecture. 
See details

Stage 3
Ideate

Empathising with my personas, I envisioned likely scenarios they would find themselves in and what goal they would be trying to reach. From this, I then mapped out my user journeys and flows.

User Journeys

Picture
See details

User Flows

Picture
See details

Information Architecture

Site map and card sorting
With the user flows at hand, I mapped out the architecture of the app. Once the first version was done, I set up a card sorting session, using Optimal Sort, to test it. Below you can see the site map updated based on the results. 
Picture

Stage 4
Prototype

With the key user flows and architecture of the app set up I sketched out my ideas on paper. Once I had a good feeling I was heading in the right direction, I translated the rough sketches into mid and then high fidelity wireframes. 

Sketching out ideas

Picture

Wireframes

I used Adobe XD to translate my sketches into digital wireframes. As the designs develop I added more and more detail. Below you see three versions of the map/home page. 
Picture

Prototyping in Adobe XD 

Picture

Stage 5
Test

I performed usability and preference tests as well as reached out to colleagues for feedback throughout the design process to identify problems with the prototype. 

Usability test

Methodology
The moderated usability test were performed remotely, using Skype, with six participants.

Test Objectives
  • Is the app navigation proficient?
  • Can the user see the app benefits?
  • Can users perform the key functionalities with ease?

Analysing results

How do I start getting points? I want to win! - Lexie, 36
See full test report
Gathering comments and errors
Prioritising updates in a rainbow spreadsheet

Updating the designs

After determining and prioritising the changes I need to make, I go back to the designs and update it accordingly. 

The final look

Before signing off on the project I clean up the UI by making sure all items are is balanced, type and colour is consistent, the icons are clear, and that I'm using a real map. I do this by looking at similar apps and by applying basic design principles. 

UI updates

Picture
Map
Picture
Challenge
Picture
Collections

Style guide

Picture
Picture
Site powered by Weebly. Managed by Porkbun
  • Home
  • My work
    • Cobalt: Introducing a new product
    • Cobalt: Improving peer feedback delivery
    • Vivy: Guiding users through a complicated signup flow
    • Wefox: Introducing dynamic in-app checkout
  • About me