Mobile design course 1 of 6

1. Designing a Mobile App
From start to finish in 6 weeks!
💃

2. I’m Dan
Lead Design —————
@dandgough
👱

4. Established 2009

5. 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!

8. Junior Designers
🙌

9. • 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

10. Who has designed before?
🙋

11. Suggested sites
daringfireball.net/
https://news.layervault.com/
theverge.com
https://medium.com/channel/design
Twitter!
☝️

12. 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

14. What is different?
iOS Android

15. iOS Android

16. Teaching concepts
☁️

17. Ask questions!
✋

18. What OS are you?
📱

19. Today
+
Structuring an app navigation

20. Tab Bar

21. Navigation Drawer

22. Tab Bar (Android)

23. Deciding what goes in navigation
💭

24. • What are the main features?
• What will the user want to access when
opening the app?
+
📝

25. • 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

26. Taking photos
Receiving photos
See friend stories
Add friends

27. Take Receive See Stories Add

28. “Navigation gives a user a top-level
understanding of your app.”
🚨

29. “A navigation item contains content
or features that can be grouped
together under one primary section.”
🚨

30. You should be able to easily write
out what an item does/contains.
🚨

31. On iOS, you can have a maximum
of 5 tabs.
🚨

32. 1. Taking photos
1. Receiving photos
2. See friend stories
3. Add friends
Prioritise

33. 1. Photo Feed
2. Stories
Prioritise

34. Your turn!
👊

35. 1. Download the BBC News app
2. Look at the BBC News website

36. You should be able to easily write
out what a navigation item does/
contains.
🚨

37. 1. Ask questions
2. Split out the main features
3. Prioritise the features
4. Group & simplify the features

38. 1. Use your gut feel
2. Write it down or sketch it

39. 10 min
🕒
Top level navigation
dan@3sidedcube.com

40. What did you get?
🙋

41. Top stories
Categories
Search
In Pictures (?)
My tabs

42. Let’s make this!
An intro to Sketch.

43. Suggested resources
Apple Human Interface Guidelines
Google Material Design Guidelines
pttrns.com
androidniceties.tumblr.com
icons8.com
thenounproject.com
☝️

44. 20 mins
🕒
Rough, wired, navigation
dan@3sidedcube.com