https://s3-us-west-2.amazonaws.com/secure.notion-static.com/88281828-63f0-460b-a2bd-d93727ea3466/week3.jpg

Now that we have spoken to users, created personas and scenarios based on user input. We can now look at creating sketches and from those sketches, we can develop a prototype.

Importance of Sketches and Prototype

• Sketches will allow us to iterate over many different design ideas and pick the one's that are most optimum for the user. Mainly focusing on the usability of the clinicians and ease of use for the users.

• The importance of this is that we constantly go back to the users and get their input is what we think is the optimum solution may not be what users truly need.


Sketches

Round 1

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7f4d6c30-66d5-4d23-9984-4e5a95ece44f/1.png

Set 1

This first set of sketches shows several variations of a similar design. They show all the features of the program in a single-window but does not support all of the functionality we need.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4d263f7c-a906-46c4-8f47-417c51703ca7/2.png

Set 2

Round 2

After the first round of sketches, we tried a couple of different design alternatives to the web extension - the first set features a menu bar with all necessary features, and the second is a more simplistic design aimed to be very easy to use and learn.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b35deb19-8a9e-46bf-9633-c456a5f4bce6/3.png

Set 3

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/aa31eec1-4bc3-4046-8ad4-17d2a7192ade/4.png

Set 4

Results of Sketches (User Feedback)

We presented our revised ideas to our users and their feedback suggested they much preferred design 4 over all of the others.

• They felt that it was very easy to learn and use, with the design being less cluttered and more ‘natural’ than the others.

• They liked the consistency of the design and the similar appearance to VoiceFlow itself, which made it feel more familiar for the user.

• The users did however state that they liked the bot control features in sketch 3, so we could pull elements from there when further developing the designs and prototypes.


Prototypes

Now that we have done some sketches of our solution as well as gained some feedback from the clinicians. We picked the one with the most positive user feedback and created a prototype based on them.

Clinician Upload Tool

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FKaz9zU4EmuOu9IpHPgVNvH%2FT28-prototype%3Fnode-id%3D18%3A2%26scaling%3Dscale-down

NHS Clinician browser extension prototype (click blue button in top right to open)

Patient SMS Conversation Flow