Workshop held at Halmstad university about the importance of sketching out your ideas.

1. Sketching

2. What is it?

3. It’s everything that is not
yet in the hands of the
end-user

10. Why should we do it?

11. http://blogs.scientificamerican.com/thoughtful-animal/once-upon-a-time-the-catholic-church-decided-that-beavers-were-fish/
Think
See
Rethink

12. http://blog.brinkofchaos.com/2011/12/thoughts/good-design-requires-many-unseen-iterations/
Document

13. Experiment
http://blog.brinkofchaos.com/2011/12/thoughts/good-design-requires-many-unseen-iterations/

14. http://blogs.scientificamerican.com/thoughtful-animal/once-upon-a-time-the-catholic-church-decided-that-beavers-were-fish/
Finding a
common ground

15. http://blogs.scientificamerican.com/thoughtful-animal/once-upon-a-time-the-catholic-church-decided-that-beavers-were-fish/
Fail cheap

16. http://www.mediamatic.nl/49341/en/usability-testers-manual
Get it right

17. When should we do it?

18. Define Ideate Build Analyze
http://zurb.com/word/design-process
Strategy Interactiondesign Visual Design & Code Analytics
Pivot

19. Ideate
Idea
Sketch
Prototype
Iterate
Build

20. IdeateSketch
Explore Elaborate
Divergence Convergence

21. Product Backlog Sprint Backlog Sprint
24h
2-4 weeks
Release

22. Let’s get to work

23. What to do?
• Divide into groups of 2 or 3 and pick one idea to iterate on.
• Find 1-3 use cases for each App and sketch each step of
the flow. Then connect them up using the POP app.
• Show your progress to another group and get feedback
when your done. Iterate.
• Remember that a flow can also include stages performed
on the iPhone, with an iBeacon or any other physical
object and/or position. If so, try to sketch that too.
• Have an open mind, at this stage everything is possible.

24. Remember that a sketch is…
• …about understanding
• …the shortest way to the
next iteration
• …fast!
• …not a visual.
Things to consider
How can you sketch the…
• …flow, not the details.
• …user journey/situation
• …user feature/interface
• …interaction with others

25. Create an Apple
Watch app for
the Husqvarna
automover
Create a mobile
app for groups
that exercise
together
Create a B2B
version of swish
on a screen of
your choice
http://j.mp/hh_stencils

26. Example use cases for the
Automover
• As a user I want to start/stop/restart/park the
automover
• As a user I want to get notified if someone tries to
steal it
• As a user I want to see where it is
• As a user I want to see the status of the battery

27. Example use cases for the
exercise app
• As a member of the group I want to see who’s coming
• As a group we’d like to cancel this weeks training if there isn’t
enough users showing up
• As a member of a group I want to contact another team member
• As a member of a group I’d like to post pics or other media from a
training activity
• As a member I’d like to get motivation on why to join this weeks
exercise
• As a group we’d like suggestions on new things to do during
training

28. Example use cases for B2B
Swish
• As a company I want too see a daily profit report
• As a company I want to see if I have any returning
customers
• As a company I want to see how much people are
spending
• As a company I want to get demographics data
• As a company I want to print receipts
• As a company I want to offer refunds, discounts etc.