At this event at the Hackney Community College, Danny Bluestone, Sofia Breg and Dylan Smith were helping bright kids learn the principles of user experience (UX) and how to prototype wireframes using pen and paper. The Cyber-Duck team also introduced the kids to the opportunities within digital.

1. HOW TO DESIGN FOR
THE WEB
Principles for awesome web and app design aimed at
pupils aged 16-18 @ London Digital Summer Trip 2014

2. About Danny Bluestone
A button loving duck obsessed gamer and
DJ with a passion for design and business

3. About Sofia Breg
A geography graduate that has a passion
for technology and a keen writer

4. About Dylan Smith
A music loving Canadian who following
his passion for digital technology

6. What did I do as a kid?
Image copyright: http://rapgenius.com/Knaan-more-beautiful-than-silence-lyrics#note-1149252

7. Starting to design things
like this for my GCSE’s
Image copyright: http://cargocollective.com/markogucunski/Deluxe-paint-1991

8. Fast forward to 1997

9. Image copyright: http://flashvideotrainingsource.com/featured_post/hints-and-tips/a-nostalgic-rummage-through-the-history-of-flash

10. what should you be
doing?

11. Image copyright to: https://si0.twimg.com/profile_images/3547533128/61eb0e1b506fc4ae4afa36ba79d62814.jpeg
...Everyone young person is going to be
inspired to be a maker from now on. Its
like how everyone used to want to become
a musician, actor or athlete but ‘maker’ is
what people are going to want to be.
“
Will.I.AM

12. opportunities

13. Image copyright to: http://vimeo.com/52014691
The power of being young
Nick D'Aloisio, sells his app for £19mil

14. So how do you learn
to design websites
and apps?

15. Lets pick a subject to
design for!
• The best way to learn web
design is through experience.
• Most successful designers
use a design process.
• In today’s workshop we will
design a homework web app.
Image copyright to: http://old-gils-gifs.tumblr.com/

16. Here is a simple process
for web (or app) design

17. Image copyright to: http://aboutus.lego.com/en-us/news-room/media-assets-library/images/

18. Image copyright to: http://aboutus.lego.com/en-us/news-room/media-assets-library/images/

19. Image copyright to: http://aboutus.lego.com/en-us/news-room/media-assets-library/images/

20. Image copyright to: http://aboutus.lego.com/en-us/news-room/media-assets-library/images/

21. Before we start
Please get into groups of 4.
Our home work tool will be a web
app, this means that it should work
on a PC and mobile phone.

22. Personas
A persona is a typical
‘person’ that uses a
website or app.
!
Please create one
persona each. It can be
you, a friend or sibling.

23. What’s out there?
Research allows you to
see what else is out there
and learn their strengths
and weaknesses.
!
Choose two or three
other methods of
how you deal with
homework.

24. Prototyping
The best way to start a
design is pen and paper!
!
Try and design one of
the important screens
for the web app.

25. Thank you, future designers!
Cyber-Duck welcomes interns of all
ages to come and learn with us.
All images were used for educational and training
purposes only. If you want an images remove please
contact info@cyber-duck
Please follow us on twitter
@cyberduck_uk
and email us info@cyber-duck.co.uk