Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Mobile App Design course (iOS & Android)

3.137 Aufrufe

Veröffentlicht am

Mobile design course 1 of 6

Veröffentlicht in: Mobil
  • Hey guys! Who wants to chat with me? More photos with me here 👉 http://www.bit.ly/katekoxx
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier

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

×