1.
Collaborative sketching
Research through design
Neil Allison
UX Manager
Website & Communications
@usabilityed
IS Learning, Teaching & Web awayday
7 July 2016

2.
About this session
• We’re going to solve a design “problem” together
• We’re all going to participate
• Sketching, sharing, collaborating
• Don’t worry about your design skills
• This is about ideas and communication
• It’s not about beautifully formed interfaces
Source: Adaptive Path

3.
• http://bit.ly/UoE-collaborative-sketch

4.
Today’s challenge
Design a ‘Page not found’ (404-error) page for the University

5.
What to think about
• Who would encounter this?
• What might they be doing when this happens?
• How would they feel?
• How could we help?
• Consider:
• Appearance: design elements that reflect the University’s reputation
• Functionality: what would help the website visitor?
• Words: what we say and how we say it has a big impact on what happens next

6.
Step 1 – sketching on your own
• Sketch as many ideas for ‘Page not found’ 404 error pages as you can
• Use the 6 screen template
• You have only 5 minutes!
Source: Adaptive Path

7.
5 minutes left

8.
4 minutes left

9.
3 minutes left

10.
2 minutes left

11.
1 minute left

12.
Time up!

13.
Step 2 - share your sketches
• Take turns to share your ideas with your group
• 1 minute each

14.
6 minutes left

15.
5 minutes left

16.
4 minutes left

17.
3 minutes left

18.
2 minutes left

19.
1 minute left

20.
Time up!

21.
Step 3 – sketching with others’ ideas
• Refine your sketch ideas
• You must use at least one idea
from someone else
• Use the 6 screen template
• You have only 5 minutes!
Source: Adaptive Path

22.
5 minutes left

23.
4 minutes left

24.
3 minutes left

25.
2 minutes left

26.
1 minute left

27.
Time up!

28.
Step 4 - share your sketches again
• Take turns to share your ideas with your group
• 1 minute each

29.
6 minutes left

30.
5 minutes left

31.
4 minutes left

32.
3 minutes left

33.
2 minutes left

34.
1 minute left

35.
Time up!

36.
Step 5 – paired sketching
• Work with a partner to produce one refined sketch
• You must use at least one idea
from someone else again
• Use the single screen template
• Use a Sharpie
• You have only 5 minutes!
Source: Adaptive Path

37.
5 minutes left

38.
4 minutes left

39.
3 minutes left

40.
2 minutes left

41.
1 minute left

42.
Time up!
Put your design on the wall
+ Names
+ Table number

43.
What just happened here?
• We collaborated & shared
• We explored a problem & got inside other people’s experiences
• We sketched & listened more than we talked
• We generated ideas - around 300 in under an hour

44.
Further reading & resources
• Adaptive Path
• Sketchboards: Discover Better + Faster UX Solutions
http://adaptivepath.org/ideas/sketchboards-discover-better-faster-ux-solutions/
• UIE (User Interface Engineering)
• Design Studio Workshop: Adding Up the Benefits
https://articles.uie.com/design_studio_workshop/
• LTW Website & Communications
• Rapid collaborative prototyping enhances mobile search results
http://bit.ly/UoE-collaborative-sketch

45.
Thank you
Neil Allison (@usabilityed)
UX Manager, Website & Communications
Join the UX Mailing list: ux@mlist.is.ed.ac.uk