New Ideas for Designing Mobile Web Applications

3:00 - 7:00PM, July 11, 2013

Cindy Lu, Ph.D., CHFPAlbridge Solutions, Inc.

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)

Goals

Each Participant:1. Take away at least one new tip or technique2. Generate at least one new idea

Group:• Create a list of issues and potential solutions

to share with the UX community

Agenda3:00 – 3:45 Introduction & Critical Issues3:45 – 4:00 Mobile web application examples4:00 – 4:30 Mobile web vs. native app4:30 – 5:00 Designs & best practices--------------------------------- Break (30 min) ----------------------------------------

5:30 – 6:00 Designs & best practices 6:00 – 6:30 New Ideas6:30 – 7:00 Group Presentations & Wrap-up

Critical Issues

Users1. 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?

Critical Issues

Design1. 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)

Critical Issues

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

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)

Critical Issues

Design7. 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)

Critical Issues

Design10. 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)

Mobile Web Application

Examples

Mobile Web vs.

Native App

Design and Best Practices

New Ideas

Wrap-Up

Share what we have learned

Thank You!

cindylu01@gmail.comcindylu@albridge.com