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.

1. New Ideas for Designing
Mobile Web Applications
3:00 - 7:00PM, July 11, 2013
Cindy Lu, Ph.D., CHFP
Albridge Solutions, Inc.

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. 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. 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. 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. 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. 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. 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. 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. 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. Mobile Web Application
Examples

12. Mobile Web
vs.
Native App

13. Design and Best Practices

14. New Ideas

15. Wrap-Up
Share what we have learned
Thank You!
cindylu01@gmail.com
cindylu@albridge.com