National Hack the Government 2014 #NHTG14 presentation

My deck for the intro to the Leeds event, hosted by Leeds Data Mill.

A top line intro to using data within design. Only got five minutes! (In reality I used something nearer ten.)

I hacked it together in a couple of hours, so apols for any dodgy slides and lack of copyright on the pics.

Further details:
http://rewiredstate.org/hacks/nhtg14
http://www.leedsdatamill.org/blog/come-join-us-for-our-first-public-event

Transcript

1. ! ! Hi!
2. ! ! Si Wilson Interactive experience director at a place called Home, based here in Leeds.
3. ! ! Designer.
4. ! ! Someone who makes things look… pretty?
5. A designer crafts. ! Ideas. Story telling. Interactions. Experiences. Distractions. Disruption. Objects. Skills. People. Teams. Cake.
6. A designer embraces. ! Research & analysis to find information. ! A belief in creativity, holistic design and ideas. ! Technology as an appropriate platform deliver the ideas. ! Collaboration.
7. Designing. ! Is about people. (And what they aren’t.) ! What are they looking for? What will they respond to? How will they find it? Where will they expect it? (And not expect it and still engage?) What else may they be doing? Heck, who are these people?! ! Understanding leads to the creation of a relevant experience.
8. 4&&
   5)*/(4
   05)&3 1&01-&
   %0
   /05
9. How do we work out what may need making? ! Data helps us as designers discover missing things, solutions that are needed, problems that need solving. ! Data also helps other people see missing things, solutions that are needed, problems that need solving.
10. $0/4*%&3
    5)&
    &7*%&/$&
11. There’s a crime to solve. ! Look around. Examine the situation. Write things down. Take pictures. Record statements. Take samples. ! Collect evidence.
12. What is data? ! Data is evidence. Data is information. ! (Of various levels of quality.)
13. Numbers. Letters. Words. Pictures. Sounds.
14. Data shows us. ! Analysis of data can show us: ! facts (truths) non-facts (fibs even) what we don’t know what we don’t have how reliable the data is ! Analysis gives us direction.
 It shows us what we should and shouldn’t be doing.
15. Understanding. Emotions.
16. (6*%&% #: %"5"
17. A data driven design. ! Every week a website receives
 100,000 visits. ! 60,000 of those visits are on a computer. 20,000 of those visits are on a tablet device. 20,000 of those visits are on a mobile phone. ! (We record this data.)
18. A data deduced problem. ! Home page drop offs: ! 60,000 computer visits 15,000 (leaving 45,000) 25% ! 20,000 tablet device visits 7,000 (leaving 13,000) 35% ! 20,000 mobile phone visits 13,000 (leaving 7,000) 65%
19. ! On a computer a quarter of people drop off. ! On a mobile device two-thirds of people drop off. ! As a designer you want to know this. ! You want to find out why. ! You want to do something about it.
20. Context. ! We know that those two-thirds of people are using a mobile device. ! Why does using this website on a mobile device put people off? ! We don’t have that answer. ! The data has given us an answer, which has led us to another problem.
21. Further research. ! The button was grey: people didn’t see it on a smaller screen. ! The button was too close to lots of copy (words): it got lost next to the copy, people didn’t see it. ! People couldn’t be bothered pinching and zooming on their phones to see a ‘desktop website’.
22. A possible design action. ! Move the button away from the copy and change the color to one people will see more. ! ! ! ! But is that the most relevant thing to do?
23. *'
    :06
    8"/5
    1&01-&
    50
    64&
    :063
    8&#4*5&
    0/
    "
    .0#*-&
    1)0/&
    .",&
    463&
    :06
    %&4*(/
    *5
    40
    5)&:
    $"/
24. $0/5&95
25. What is the actual problem? ! The solution wasn’t designed for the context. ! Nobody considered when the website was made that it would need to be used by an audience on a mobile phone.
26. There are perspectives. ! The website owner spends hundreds of thousands of pounds annually on advertising (on TV, on radio, in magazines) to attract site users. ! The website is their business. They need people to buy from their website for their business to continue to exist. ! 7,000 out of 20,000 mobile visitors?
 A lot of lost money.
27. 50
    5)&
    3&"-
    803-% 8&-$0.&
28. A world stored digitally. ! Data doesn’t just guide design direction. ! Data can also provide us with content to create with. ! Remember: words, pictures, sounds. All can be stored as data. ! All can be used and presented in a way that gets attention.
29. "55&/5*0/
    4&&,&3
30. The world is complex. ! We have so much that vies for our attention. ! Make things that are as simple as possible for the audience: to find, to use, to digest. ! Understand what that person was just doing - and what they will do next. Where will your thing sit?
31. (00%
    %&4*(/
    "--
    306/%
32. What is a designer? ! Design involves everything. ! A designer embraces all to recognize what is relevant, what is essential - and what is irrelevant. ! A designer: thinker, creative, do-er. ! (If they’re not they need folk around who are. Collaborate. You can’t do everything yourself.)
33. 5)&
    %&4*(/&3
    *4
    :06
34. ! ! Si Wilson Web: bit.ly/idlesi Twitter: @IdleSi