Digital Summer Trip 2014 for kids - how to design for the web

459 views

Published on

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.

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
459
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Digital Summer Trip 2014 for kids - how to design for the web

  1. 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. 2. About Danny Bluestone A button loving duck obsessed gamer and DJ with a passion for design and business
  3. 3. About Sofia Breg A geography graduate that has a passion for technology and a keen writer
  4. 4. About Dylan Smith A music loving Canadian who following his passion for digital technology
  5. 5. What did I do as a kid? Image copyright: http://rapgenius.com/Knaan-more-beautiful-than-silence-lyrics#note-1149252
  6. 6. Starting to design things like this for my GCSE’s Image copyright: http://cargocollective.com/markogucunski/Deluxe-paint-1991
  7. 7. Fast forward to 1997
  8. 8. Image copyright: http://flashvideotrainingsource.com/featured_post/hints-and-tips/a-nostalgic-rummage-through-the-history-of-flash
  9. 9. what should you be doing?
  10. 10. 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
  11. 11. opportunities
  12. 12. Image copyright to: http://vimeo.com/52014691 The power of being young Nick D'Aloisio, sells his app for £19mil
  13. 13. So how do you learn to design websites and apps?
  14. 14. 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/
  15. 15. Here is a simple process for web (or app) design
  16. 16. Image copyright to: http://aboutus.lego.com/en-us/news-room/media-assets-library/images/
  17. 17. Image copyright to: http://aboutus.lego.com/en-us/news-room/media-assets-library/images/
  18. 18. Image copyright to: http://aboutus.lego.com/en-us/news-room/media-assets-library/images/
  19. 19. Image copyright to: http://aboutus.lego.com/en-us/news-room/media-assets-library/images/
  20. 20. 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.
  21. 21. 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.
  22. 22. 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.
  23. 23. Prototyping The best way to start a design is pen and paper! ! Try and design one of the important screens for the web app.
  24. 24. 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

×