Your SlideShare is downloading. ×
New Ideas for Designing Mobile Web Applications
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

New Ideas for Designing Mobile Web Applications

602
views

Published on

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

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

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
602
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
12
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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

×