Segue16: Mobile Navigation Patterns – Bram Stege

Navigation structures can make or break an app. What are the best (emerging) patterns, and what are pitfalls?

Video: https://medium.com/segue16/mobile-navigation-concepts-38c810c717d9

Transcript

1. MOBILE NAVIGATION CONCEPTS Tips from Bram for Segue16
2. “MATTER NOT, THE QUALITY OF YOU APP, IF NOT FINDING THEIR WAY AROUND, YOUR USERS CAN.” - YODA
3. WHERE AM I? WHERE CAN I FIND STUFF?
4. WHERE AM I? WHERE CAN I FIND STUFF?
7. PROBLEM UNCLEAR NAVIGATION LEADS TO UNWANTED SITUATIONS IN YOUR PROJECT
8. SO, WHAT’S CLEAR NAVIGATION THEN?
9. APP
10. NAVIGATION
11. FLOW
12. STATES
13. UI ELEMENTS
15. AND UNCLEAR NAVIGATION?
20. THOU SHALl HAVETH CLEAR NAVIGATION ONE FLOW SHALL HAVETH ONE FUNCTION THy FLOW SHALL STAYETH WITHIN ITS BOUNDARIES thy STAte SHALL HAVETH ONE FUNCTION THy STATES SHALL BE CLEARLY SEPARATED THou SHALL CHOOSE THE RIGHT CONTROL FOR THE CHORE
21. Wow. This app has the most boring navigation I have ever seen…
22. “BUT WHERE CAN I ADD MY CREATIVE VALUE?”
23. GET CREATIVE WITHIN THE UI ELEMENTS
24. GO WILD ON ORNAMENTS
25. BECOME A CONTENT DESIGNER
26. WHEN TO DIVERGE
28. SUM UP THE CORE FLOWS. 
 THOSE ARE YOUR TABS DESCRIBE FOR EVERY CORE FLOW IT’S FUNCTION AND STICK TO IT DESCRIBE FOR EVERY FLOW IT’S STATES DESCRIBE FOR EVERY STATE IT’S PURPOSE THINK WHICH UI ELEMENTS BEST FIT THAT PURPOSE
29. THANK YOU bram@q42.nl