DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

68
DESIGNING FOR MOBILE NIKHIL J DESHPANDE

Transcript of DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Page 1: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

DESIGNING FOR

MOBILE

NIKHIL J DESHPANDE

Page 2: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Nikhil DeshpandeDigital Strategy Director, GeorgiaGov

www.synerzip.com

Page 3: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

MOBILE IS NOT THE FUTURE

NIKHIL J DESHPANDE

www.synerzip.com

Page 4: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

“It was clear mobile use was going to take over; designing for mobile pushed you to better and simpler designs because of constraints like small screens and slow networks; and last but not least, mobile devices had capabilities like multi-touch and location detection that allowed you to create new kinds of experiences”

Luke Wroblewski Founder of Mobile First, Former Yahoo VP, co-founder of BagCheck

www.synerzip.com

Page 5: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

THE MOBILE LANDSCAPE

Source: Morgan Stanley Research / Luke W - http://www.lukew.com/ff/www.synerzip.com

Page 6: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

THE MOBILE LANDSCAPE

371K babies born every day

Source: Luke Wroblewski - http://www.lukew.com/ff/

378K iPhones sold every day

562K iOS devices

900K Activations

www.synerzip.com

Page 7: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

THE MOBILE LANDSCAPE

52% of US laptop owners own a smart phone

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 8: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

THE MOBILE LANDSCAPE

31% of US smart phone owners own a tablet

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 9: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

THE MOBILE LANDSCAPE

13% of Americans own laptop, tablet and

smartphoneSource: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 10: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

THE MOBILE LANDSCAPE

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 11: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

THE MOBILE LANDSCAPE

Source: Nielsen

Average time spent on Facebook is 6.42

hours/daywww.synerzip.com

Page 12: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

THE MOBILE LANDSCAPE

Source: Nielsen

75%

www.synerzip.com

Page 13: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

THE MOBILE LANDSCAPE

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 14: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

MOBILE IS HERENIKHIL J DESHPANDE

www.synerzip.com

Page 15: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 16: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 17: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 18: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 19: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 20: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 21: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 22: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 23: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 24: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 25: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 26: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 27: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 28: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 29: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 30: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 31: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 32: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 33: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 34: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 35: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 36: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 37: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 38: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 39: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 40: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

MOBILE WEBSITES

m.yourcompany.com

www.synerzip.com

Page 41: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

MOBILE WEBSITES

“When people access sites using mobile devices, their measured

usability is much higher for mobile sites than for full sites.”

- Jacob Neilson

www.synerzip.com

Page 42: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

RESPONSIVE DESIGN

Source: Ethan Marcotte- http://www.ethanmarcotte.com

A friend once insisted to me that the plural of “moron” is “focus group.” – Ethan Marcotte

Ethan MarcotteWeb Designer/Developer, Speaker, Author

www.synerzip.com

Page 43: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

RESPONSIVE DESIGN

www.synerzip.com

Page 44: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

FLEXIBLE LAYOUTS

www.synerzip.com

Page 45: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

FLEXIBLE LAYOUTS

Source: Smashing Magazine http://www.smashingmagazine.com www.synerzip.com

Page 46: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

FLEXIBLE LAYOUTS

Source: A List Apart- http://www.alistapart.com www.synerzip.com

Page 47: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

BREAKPOINTS

Source: A List Apart- http://www.alistapart.com www.synerzip.com

Page 48: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

FLEXIBLE LAYOUTS

Source: Smashing Magazine http://www.smashingmagazine.com www.synerzip.com

Page 49: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

MEDIA QUERIES

Source: Smashing Magazine http://www.smashingmagazine.com www.synerzip.com

Page 50: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

RESPONSIVE DESIGN

www.synerzip.com

Page 51: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

MOBILE APPLICATIONS

www.synerzip.com

Page 52: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

MOBILE APPLICATIONS

www.synerzip.com

Page 53: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

THE DECISION POINT

Native App vs. Mobile Web

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 54: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

10 QUESTIONS CHECKLIST

Source: Luke Wroblewski - http://www.lukew.com/ff/ www.synerzip.com

Page 55: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

1. SMART PHONE FUNCTIONALITY

www.synerzip.com

Page 56: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

2. PERSONALIZATION

www.synerzip.com

Page 57: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

3. COMPLEXITY

www.synerzip.com

Page 58: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

4. BUDGET

www.synerzip.com

Page 59: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

5. MONETIZING

www.synerzip.com

Page 60: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

6. SEO

www.synerzip.com

Page 61: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

7. APP STORE APPROVAL

www.synerzip.com

Page 62: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

8. DATA TRANSFER

www.synerzip.com

Page 63: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

9. UPDATE FREQUENCY

www.synerzip.com

Page 64: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

10. ACCESSIBILITY

www.synerzip.com

Page 65: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

6565

www.synerzip.com

Hemant Elhence [email protected]

469.322.0349

Questions?

Page 66: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

Software product development partner for small/mid-sized technology companies

• Exclusive focus on small/mid-sized technology companies, typically venture-backed companies in growth phase

• By definition, all Synerzip work is the IP of its respective clients• Deep experience in full SDLC – design, dev, QA/testing, deployment

Dedicated team of high caliber software professionals for each client

• Seamlessly extends client’s local team, offering full transparency• Stable teams with very low turn-over• NOT just “staff augmentation”, but provide full mgmt support

Actually reduces risk of development/delivery

• Experienced team - uses appropriate level of engineering discipline• Practices Agile development – responsive, yet disciplined

Reduces cost – dual-shore team, 50% cost advantage

Offers long term flexibility – allows (facilitates) taking offshore team captive – aka “BOT” option

Synerzip in a Nut-shell

www.synerzip.com

Page 68: DESIGNING FOR MOBILE NIKHIL J DESHPANDE. Nikhil Deshpande Digital Strategy Director, GeorgiaGov .

6868

Call Us for a Free Consultation!

www.synerzip.com

Hemant Elhence [email protected]

469.322.0349

Thanks!