Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The fly-in app menu for designers and developers

Cyril Mottier
October 26, 2012

The fly-in app menu for designers and developers

On using the fly-in app menu/side navigation in your Android applications. Presented at DroidconUK 2012 in London, England.

If you didn't [hear|see] the talk, these slides probably won't make sense.

Software: Keynote, Illustrator, Photoshop
Font: Exo (http://www.fontsquirrel.com/fonts/exo) & Panefresco (http://www.fontsquirrel.com/fonts/panefresco)
Colors: #edefe6, #666666, #f91b22, #597313 & #81a735, #3699bd & #3fc8ec.

Cyril Mottier

October 26, 2012
Tweet

More Decks by Cyril Mottier

Other Decks in Design

Transcript

  1. WHICH PRETTY MUCH LOOKED LIKE THIS COMPANY Feature 1 Feature

    2 Feature 3 Feature 4 Feature 6 Feature 5
  2. Two winters later... The overall app layout doesn’t fit our

    needs anymore. Let’s think about something new! „ „
  3. ? ? ? Two winters later... The overall app layout

    doesn’t fit our needs anymore. Let’s think about something new! „ „
  4. They COMP Feature 1 Feature 2 Feature 3 Feature 4

    Feature 5 Feature 6 Feature 7 Feature 8 COMPLETELY redesigned the app
  5. Fly-in app menu Slide-out menu hidden side menu ribbon menu

    side navigation navigation drawer slide menu
  6. A panel that “slides out” from underneath the left of

    the main content area, revealing a vertically independent scroll view VISUALLY SPEAKING:
  7. I use the fly-in app menu in my application because

    it’s the navigation pattern à la mode „ „
  8. 1 tabs 2 dashboard 3 side menu SIMPLE extremely quick

    learning curve EASY ACCESS a feature is one click away UP TO 4 FEATURES made for apps with a simple hierarchy
  9. 1 tabs 2 dashboard 3 side menu VISUALLY APPEALING landing

    page of your app UP TO 6-9 ITEMS great features playground
  10. 1 tabs 2 dashboard 3 side menu NOT EASY TO

    USE average joe doesn’t understand it at first glance DYNAMIC content can increase seamlessly RESPONSIVE scales up greatly to fit all supports
  11. 2 3 1APP FEATURES main features of an app USER

    STATUS location, login state, etc. NOTIFICATIONS profile notifications
  12. VS The sliding ActionBar debate fixed Sliding ActionBar is a

    part of the UI users need to identify to GOOGLE’S POINT OF VIEW
  13. ActionBar is attached to an app screen not to the

    app itself MY POINT OF VIEW VS The sliding ActionBar debate fixed Sliding
  14. SOLUTION Clear the stack when a root Activity is traversed

    using FLAG_ACTIVITY_CLEAR_TASK API 11 and above only
  15. SOLUTION Get rid of the system back stack & manage

    everything on your own at the Fragment level
  16. SOLUTION Get rid of the system back stack & manage

    everything on your own at the Fragment level Good luck !!!