Mobile Web Development - Best Practices and Common Mistakes

22
Mobile Website Development: Best Practices and Common Mistakes Jeanne Gosselin Senior Consultant Paskill Stapleton & Lord

Transcript of Mobile Web Development - Best Practices and Common Mistakes

Page 1: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

Mobile Website Development:

Best Practices and Common Mistakes

Jeanne Gosselin Senior Consultant

Paskill Stapleton & Lord

Page 2: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

the situation

• 300 million smartphones and counting • Information anywhere and anytime • Meeting user expectations

Page 3: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

who is mobile

• All prospective student demographics • Parents • Alumni and friends • Sports enthusiasts

Page 4: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

Wall Street Journal 2010 • 83% of teens use phone for “advanced data” • 51% of adults use phone for same reasons

Pew internet American Life Project 2011 • 87% of smartphone users are accessing the internet on phone

• 68% go online every day using smartphone

mobile data

Page 5: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

mobile colleges

81% not mobile yet • more than 1/2 plan to in the next year

• 15% have no plans to go mobile

Page 6: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

mobile audiences

•  29% Prospective students •  35% Current students, faculty and sports enthusiasts •  13% Alumni donors and friends

Page 7: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

mobile people

Current and prospective students:

If the college had a mobile site, would use use it more than once a day?

Page 8: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

mobile use: the prospect

• Admissions visits

• Admissions requirements

• Request information

• Programs and majors

• Locations and delivery methods

• Parking & directions

Page 9: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

mobile use: current students

• facility use; dates and times • course & scheduling information • directories • video

• severe weather information

Page 10: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

• 30 - 40 pages depending on size of institution • drill down, not across • touch technology

mobile size

Page 11: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

mobile architecture

• content specific user paths • based on research not desktop site

Page 12: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

Page 13: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

Page 14: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

Page 15: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

mobile content

•  readable •  allow for drill down selections •  scalable (growth)

Page 16: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

mobile design

• brand specific • lead with audiences • keep it simple • minimal use of copy and images

Page 17: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

Page 18: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

Page 19: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

Page 20: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

Page 21: Mobile Web Development - Best Practices and Common Mistakes

University of Michigan

website Mobile Website Development

mobile marketing

• what your users want on the go •  limited engagement •  utilize QR codes • brand the experience

Page 22: Mobile Web Development - Best Practices and Common Mistakes

THANK YOU Jeanne Gosselin Senior Consultant [email protected] 413.739.5289

Janet Sieff Business Development [email protected] 412.904.3133