Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Mobile App Design course (iOS & Android)

3 140 vues

Publié le

Mobile design course 1 of 6

Publié dans : Mobile
  • Hey guys! Who wants to chat with me? More photos with me here 👉 http://www.bit.ly/katekoxx
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici

Mobile App Design course (iOS & Android)

  1. 1. Designing a Mobile App From start to finish in 6 weeks! 💃
  2. 2. I’m Dan Lead Design ————— 
 @dandgough 👱
  3. 3. Established 2009
  4. 4. Apps in 6 out of 7 continents Apps in 26 languages We’ve been #1 in every country we’ve launched 13 million downloads and counting Award winning!
  5. 5. Junior Designers 🙌
  6. 6. • Drive & passion (you love design) • Existing online portfolio • Existing experience with digital design (web, mobile) • Highly proficient with Sketch or the Adobe Creative Suite • Ability to design with pixels and vectors • Full details on wall.3sidedcube.com
  7. 7. Who has designed before? 🙋
  8. 8. Suggested sites daringfireball.net/ https://news.layervault.com/ theverge.com https://medium.com/channel/design Twitter! ☝️
  9. 9. By the end of the course 👌 • Be able to use Sketch (if they want!) • Everyone will have a process for designing an app • Everyone will have a different app • Everyone will have a different icon • Everyone will be confident enough to try designing a new app. • Then there are build courses (iOS, Android) • keisha@3sidedcube.com
  10. 10. What is different? iOS Android
  11. 11. iOS Android
  12. 12. Teaching concepts ☁️
  13. 13. Ask questions! ✋
  14. 14. What OS are you? 📱
  15. 15. Today + Structuring an app navigation
  16. 16. Tab Bar
  17. 17. Navigation Drawer
  18. 18. Tab Bar (Android)
  19. 19. Deciding what goes in navigation 💭
  20. 20. • What are the main features? • What will the user want to access when opening the app? + 📝
  21. 21. • What are the main features? • What will the user want to access when opening the app? + • Take a photo, receive photo, see friend stories, add friends • Take a photo, receive photo
  22. 22. Taking photos Receiving photos See friend stories Add friends
  23. 23. Take Receive See Stories Add
  24. 24. “Navigation gives a user a top-level understanding of your app.” 🚨
  25. 25. “A navigation item contains content or features that can be grouped together under one primary section.” 🚨
  26. 26. You should be able to easily write out what an item does/contains. 🚨
  27. 27. On iOS, you can have a maximum of 5 tabs. 🚨
  28. 28. 1. Taking photos 1. Receiving photos 2. See friend stories 3. Add friends Prioritise
  29. 29. 1. Photo Feed 2. Stories Prioritise
  30. 30. Your turn! 👊
  31. 31. 1. Download the BBC News app 2. Look at the BBC News website
  32. 32. You should be able to easily write out what a navigation item does/ contains. 🚨
  33. 33. 1. Ask questions 2. Split out the main features 3. Prioritise the features 4. Group & simplify the features
  34. 34. 1. Use your gut feel 2. Write it down or sketch it
  35. 35. 10 min 🕒 Top level navigation dan@3sidedcube.com
  36. 36. What did you get? 🙋
  37. 37. Top stories Categories Search In Pictures (?) My tabs
  38. 38. Let’s make this! An intro to Sketch.
  39. 39. Suggested resources Apple Human Interface Guidelines Google Material Design Guidelines pttrns.com androidniceties.tumblr.com icons8.com thenounproject.com ☝️
  40. 40. 20 mins 🕒 Rough, wired, navigation dan@3sidedcube.com

×