New Ideas for Designing Mobile Web Applications


Published on

UXPA 2013 Annual Conference July 11, 2013 3:00 - 7:00pm ET by Cindy Lu

There has been a long debate about HTML 5 vs Native app. Native apps provide rich interactive experience and performance while Mobile Web can be designed once to run in multiple devices across various platforms. Industry experts predict that through 2014, there will be a long shift to HTML 5 from native apps as HTML 5 becomes more capable. A challenge to designers is to design a better interactive experience while the technology is still evolving. This workshop will bring together UX practitioners to discuss new ideas about designing mobile web applications.

Published in: Technology, Design
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

New Ideas for Designing Mobile Web Applications

  1. 1. New Ideas for Designing Mobile Web Applications 3:00 - 7:00PM, July 11, 2013 Cindy Lu, Ph.D., CHFP Albridge Solutions, Inc.
  2. 2. About the Workshop 1. Share tips and techniques in designing successful Mobile Web Applications 2. Discuss new ideas to design a better user experience for Mobile Web Applications Critical Issues Ideas (Solutions)
  3. 3. Goals Each Participant: 1. Take away at least one new tip or technique 2. Generate at least one new idea Group: • Create a list of issues and potential solutions to share with the UX community
  4. 4. Agenda 3:00 – 3:45 Introduction & Critical Issues 3:45 – 4:00 Mobile web application examples 4:00 – 4:30 Mobile web vs. native app 4:30 – 5:00 Designs & best practices --------------------------------- Break (30 min) ---------------------------------------- 5:30 – 6:00 Designs & best practices 6:00 – 6:30 New Ideas 6:30 – 7:00 Group Presentations & Wrap-up
  5. 5. Critical Issues Users 1. User’s expectations on Mobile Web (Cindy Lu) 2. Discuss findings from existing research about how users interact with mobile devices (Avram Baskin) 3. Mobile Web Use and Demographics (James Frank) – What factors influence mobile use? Should mobile pages be designed to suit particular demographic audiences because of their increased mobile use?
  6. 6. Critical Issues Design 1. Advantages and disadvantages of the different options available for deploying applications on mobile devices (Avram Baskin) 2. The mobile web should take advantage of features native to mobile platforms (Azilah Baker) 3. Successful web apps are action-oriented. Users can quickly do what they came to the site to do. (Azilah Baker) 4. Have a working knowledge of the back end optimizations that are required to facilitate the types of designs (Avram Baskin)
  7. 7. Critical Issues Design 5. Responsiveness and adaptiveness (Avram Baskin, James Frank, Jared Miniman) 6. Page Size and Speed (James Frank) As home and office internet connections become faster and faster users are more used to rapid, nearly instantaneous response times. I would like to discuss the implications this has for mobile interfaces and what ways speed (or the appearance of speed) can be improved.
  8. 8. Where is responsive today? (Jared Miniman) • Progressive JPGs and better handling of retina images • Content arrangement through CSS3 flexbox and grid layouts; viewport-relative units • New input types to trigger platform controls (e.g. date picker). Autocomplete on its way • Touch – event specification is on its way • Still significantly behind with offline storage (AppCache)
  9. 9. Critical Issues Design 7. Design patterns (Kristen Davis, Cindy Lu) 8. How appearance of Web Application affects User Experience (Darja) 9. How do we take advantage of mobile web possibilities for a better more streamlined design and UX while avoiding not-yet-ready for mobile vendor design integration issues? (Stan Coplan)
  10. 10. Critical Issues Design 10. What have we learned, and what are we learning, about mobile web strategy and design for complex situations? (Stan Coplan) 11. How do we ensure a congruence of mental model and interactions from desktop web to mobile web for users who choose to use both? (Stan Coplan) 12. Because many web sites are not mobile web enabled/specific visitors see default behaviors (i.e. drop down lists) which differ across devices. Should we allow default behavior or override it to provide a more common interface between devices? (Stan Coplan)
  11. 11. Mobile Web Application Examples
  12. 12. Mobile Web vs. Native App
  13. 13. Design and Best Practices
  14. 14. New Ideas
  15. 15. Wrap-Up Share what we have learned Thank You!