Naintara Land Caroline Jarrett @cjforms
Bringing concepts to life through visualisation
Introducing ourselves and the roles that we’re going to play today:
Caroline is the Client
Tara is the Coach
2
A picture grabs the imagination
3
Image from Integrated Learning Solutions
Pictures allow us to communicate concepts
4
Humans use metaphors and visual language
5
Icons from the Noun Project
Images invite conversation
6
Image from: https://twitter.com/LeeFallin/status/1118194487916941317
A good visualisation becomes a meme
7
Image by Naintara Land, property of Atlassian
Today’s challenge is �to create a visualisation �that brings the question protocol to life
8
Old paper form + magic of digital = ????
9
Old paper form + magic of digital = ????
10
https://www.researchgate.net/publication/312012851_Electronic_Referrals_and_Digital_Imaging_Systems_in_Ophthalmology_A_Global_Perspective/figures?lo=1
https://upload.wikimedia.org/wikipedia/commons/thumb/6/66/Cartoon_Man_Approving_His_New_Computer.svg
We have three overlapping topic areas
11
Develop
Deliver
Write good�questions
Work out the answers
Discover
Define
Make the form
Create your question protocol
12
https://www.uxmatters.com/mt/archives/2010/06/the-question-protocol-how-to-make-sure-every-form-field-is-necessary.php
Caroline’s storyboard for question protocol
13
Get a list of all the data items – for example, from the database and existing forms For example:�Gather existing forms Read the policy / legislation | Find out exactly who within your organisation uses each data item Watch people work, be their ‘apprentice’ to get their hints and tips that let them do the work (don’t do this in a meeting) | Establish the data gap Find out if you already hold that information/answer within the organisation For example:�look at databases and data models |
Kill, postpone, explain, keep Reduce the list to the things that you absolutely need right at the start of the process to fill the data gap Prune and tune your list | Find out whether users can provide answers to fill the data gap For example:�watch users fill in the forms, discuss topics in the form with people who fill in the forms or help other people to do so | For every answer you explain or keep: �if the user provides the wrong answer or no answer, what happens? For example:�Find out the error routes Write your error messages (‘invalid input’ is not acceptable) |
Generating the metaphor
Pick one of the elements of the storyboard and
come up with a metaphor to bring it to life.
14
Coming up for a metaphor for viral growth
15
Image by Naintara Land
Challenge 1: generating the metaphor (5 mins)
Pick one of the elements of the storyboard and
come up with a metaphor to bring it to life.
Your choice:
16
Freehand drawing
Have a go at drawing your metaphor freehand.
17
Caroline draws people
18
Challenge 2: Freehand drawing (10 mins)
Have a go at drawing your metaphor freehand.
This could literally be stick figures
the focus is not on artistic skill.
19
Create your visualisation
Develop your metaphor further.
20
Caroline brings metaphor to life
21
Tara’s mixed media self-portrait
22
Caroline’s example of tracing
23
Tara works out how to draw actual people
24
Image from https://linneart.tumblr.com
Using collage as a form of mixed media
25
Image by Naintara Land,
property of Atlassian
Create your visualisation (10 mins)
Develop your metaphor further.
You can use:
26
Art gallery
Once you’ve finished your image,
please go and place it on the wall.
We have two sections:
27
Here’s how to contribute to the forms topics
28