Furthermore
a fresh perspective
shmapped-mobile-app-furthermore-design-uxdesign.jpg

Shmapped - A mobile chatbot

  

Shmapped

A mobile chatbot that helps you appreciate the good things in your sorroundings. 


Responsibilities: Brand identity development, Digital strategy, User experience design, Mobile design for both Android & iOS, Mobile build, Workshop facilitation.

Project: Mobile App (Android & iOS)

Client: University of Sheffield, University of Derby & IWUN

Category: Health & Wellness


The challenge:

The University of Sheffield and the University of Derby joined forces to work on the amazing iWUN project.  The research is set to reveal the types of natural and built spaces urban residents encounter and what type of spaces benefit their wellbeing most through the app as it prompts people to notice good things about their surroundings.

Having a keen interest in health, wellbeing and nature (see Go Jauntly), when we saw the brief from the University of Derby and the iWUN team we jumped at the chance to pitch. After successfully beating off stiff competition we started by taking a trip up north to Derby. We ran a workshop with the iWUN team at the University of Derby focusing around the journey a user would have to take in order to complete the requirements set out in the research brief.

Our approach:

We run all our projects collaboratively with our clients and Shmapped was no exception. One of our first workshops looked at the target user types and each stage of their journey through the study. It became clear from our analysis of the needs, goals and pain points that four of our biggest challenges would be:

  1. Getting users on-boarded, signed up, completing the 10-15 minute questionnaire, turning on notifications and giving us access to their location - all key to being accepted as a research participant.
  2. Providing just the right level of encouragement for people to enter their data at least every other day, without becoming a nuisance.
  3. Creating a motivating experience to finish the study, which could span over 2 months. 
  4. Putting people's mind at rest regarding data protection.
Customer-journey-workshop-postits-uxdesign-furthermore
Customer-journey-workshop-postits-uxdesign-furthermore

Due to the uniqueness of the challenge and the duration of the study, we felt it would be best if users felt at ease when taking part. To help with this, we explored a reduction in the traditional user interface (UI) elements such as content modules, calls to action and lengthy forms. Instead we wanted the interface to not even feel like an interface at all, but more like a conversation.

We felt this would be a good approach for the following reasons:

  1. Every user wants to feel like they are having a unique experience.
  2. Users will feel compelled to express themselves creatively (not just box ticking).
  3. Users will be more likely to complete a lengthy study period.
  4. Users may develop an affinity with the bot and keep re-visiting.

So, we introduced the 'Shmap Bot', a character who guides you through the study in it's own special way.

With normal interface design we would will be thinking about buttons, navigation structures and page hierarchies at this point. With conversational UI we think more about the art of conversation, conversational etiquette and how people take turns to speak based on subtle signals that we pass back and forth without even thinking about it. Without these subtleties, people would start to talk over each other and conversations would become out of sync and hard to follow.

We also thought about the thread of each conversation the bot had. In this blog post by Google, it describes how all elements of a conversation are woven together in a coherent thread that includes context and the evolution of the conversation. With Shmap Bot we had to ensure we emulated a realistic 'thread' throughout the conversation between the user and the bot, this meant introducing non-essential comments and replies to make the flow appear more realistic. The thread of each conversation was specified by us using 'tree diagrams', there is a great blog post here by Anna Kulawik about how these are used. 

Chat-bot-workshop-tree-diagram-uxdesign-furthermore

There was of course some UI that needed to be sketched out. Armed with paper and a pencil we discussed our initial thinking and experimented with the user journey. We regularly shared our latest thinking with the iWUN team.

wireframes-chatbot-sketches-uxdesign-furthermore

Next we created a prototype using Sketch and Invision. Using iWUN's brand guidelines and colour palette, we combined the chat bot with the questionnaire to create a coherent experience for participants. This allowed user testing to take place on location in Sheffield. 

We had some really interesting feedback from the trials around data privacy concerns, wording, general usability feedback. One surprising piece of feedback was around the early design of our original Shmap Bot. We had designed it to look like an Owl. For those who don't know (don't worry we didn't) one of Sheffield's main football teams - Sheffield Wednesday has an an Owl as their mascot. The concern came from people feeling alienated as the other big team Sheffield United seemingly hates Owls as a result of this!

The app checks the user's location and when they travel through green space it sends them a notification. The green-spaces were mapped across Sheffield and then converted into geo-fences. This allowed the research team to prompt the user to upload the things they notice at appropriate times on their journey around the city.

greenspace-sheffield

The results:

The app is now available for all to download from the App Store and the Google Play. It is collecting data for the iWUN project and is currently being promoted across Sheffield.

The free app is available on Android and iOS. For more information on the study and to download the app, visit IWUN's website.