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

Mobile optimizing your legacy applications

bpollak
August 06, 2013

Mobile optimizing your legacy applications

bpollak

August 06, 2013
Tweet

More Decks by bpollak

Other Decks in Technology

Transcript

  1. applying mobile technology to legacy applications
    Brett Pollak
    Kian Colestock

    View full-size slide

  2. @brettcpollak
    Ain’t she a beauty?

    View full-size slide

  3. Mobile is for everybody

    View full-size slide

  4. The best device to use is the one within reach

    View full-size slide

  5. @brettcpollak

    View full-size slide

  6. 97% of the people
    in the US ages 18-24
    have a mobile phone

    View full-size slide

  7. 78% of them use
    apps or websites
    on their phone

    View full-size slide

  8. 2011
    2012
    2013 (projected)
    Page views from mobile

    View full-size slide

  9. 2011
    2012
    2013 (projected)
    Percent views from mobile

    View full-size slide

  10. In 3 years
    50% of website views
    will come from mobile

    View full-size slide

  11. Time?
    Costs?
    Technology?
    Stakeholder Support?

    View full-size slide

  12. Methods for Determining Legacy
    Application Viability
    1. Longevity of legacy system and/or data 5 years+?
    2. Look at the transactional “heat map” across your system for
    potential mobile benefits.
    3. Start tracking end user behavior (Google Analytics).
    4. Mobile vs. non-mobile preferences of target users.
    5. Listen to your customers.
    6. Complexity of business use case being performed.
    7. Target bottlenecks in the business workflow for mobile.

    View full-size slide

  13. What are our options to
    support mobile devices?

    View full-size slide

  14. m.ucsd.edu
    Responsive
    Web Design

    View full-size slide

  15. There are steps you can
    take to help you decide on
    the best technical approach

    View full-size slide

  16. Identify Personas

    View full-size slide

  17. @brettcpollak

    View full-size slide

  18. @brettcpollak

    View full-size slide

  19. Create application
    flows & screen flows

    View full-size slide

  20. @brettcpollak

    View full-size slide

  21. Determine what flows
    make sense for mobile

    View full-size slide

  22. Separate mobile site
    or responsive design?

    View full-size slide

  23. Responsive Design for a
    more simplistic layout

    View full-size slide

  24. Can the features of
    the phone enhance
    the experience?

    View full-size slide

  25. Wireframe screen layouts
    based on workflow

    View full-size slide

  26. Develop both
    mobile & desktop
    views in parallel

    View full-size slide

  27. Having a person in charge
    of user experience can help
    you design great interfaces

    View full-size slide

  28. @brettcpollak
    Make a standard set of UI frameworks available for developers

    View full-size slide

  29. Thank You
    Questions?
    Brett Pollak
    Kian Colestock

    View full-size slide