ready to go mobile? today's mobile landscape: responsive, adaptive, hybrid, and native
DESCRIPTION
There are a number of options when going mobile, and it's not slowing down. Why choose one over the other? What are the strengths and pitfalls? What's right for your customers and users? We'll go over each option, with examples of how you can come to the right strategy around your mobile offerings.TRANSCRIPT
![Page 1: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/1.jpg)
Ready to go Mobile?Jeremy Johnson Director of User Experience @
![Page 2: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/2.jpg)
@jeremyjohnson
(yes, we’re hiring)
![Page 3: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/3.jpg)
http://www.slideshare.net/jeremy/presentations
![Page 4: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/4.jpg)
WORKED FOR
![Page 5: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/5.jpg)
WORKED WITH
![Page 6: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/6.jpg)
![Page 7: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/7.jpg)
Uncover user needs, Design great solutions,
and build out solutions to launch.
![Page 8: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/8.jpg)
![Page 9: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/9.jpg)
https://twitter.com/designoutloud/statuses/480785095331037184
![Page 10: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/10.jpg)
*
![Page 11: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/11.jpg)
http://www.cultofmac.com/145083/what-phones-looked-like-before-and-after-the-iphone-transformed-the-industry-image/
![Page 12: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/12.jpg)
![Page 13: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/13.jpg)
email web browsing
video
music
messaging
camera
![Page 14: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/14.jpg)
![Page 15: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/15.jpg)
![Page 16: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/16.jpg)
![Page 17: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/17.jpg)
![Page 18: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/18.jpg)
![Page 19: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/19.jpg)
![Page 20: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/20.jpg)
![Page 21: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/21.jpg)
http://www.picsean.com/device-and-screen-size-proliferation-a-challenge-to-magazine-publishers/
![Page 22: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/22.jpg)
http://www.techetron.com/13443/iphone-6-know/
![Page 23: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/23.jpg)
“What would you like to do on your mobile devices?”
![Page 24: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/24.jpg)
![Page 25: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/25.jpg)
“Or why Responsive Design is a magic bullet”
![Page 26: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/26.jpg)
3 Tips for going Mobile /
Responsive
![Page 27: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/27.jpg)
“Mobile First”
![Page 28: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/28.jpg)
![Page 29: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/29.jpg)
Limiting feature set (MVP) Simplifying experiences
Mobile not an “after-thought”
![Page 30: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/30.jpg)
“MVP”Most Viable Product
vs. Most Valuable Product
![Page 31: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/31.jpg)
3 Tips for going Mobile /
Responsive
![Page 32: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/32.jpg)
#1 CONTEXT
![Page 33: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/33.jpg)
CONTEXTI’m at home I’m on the road I’m at work
When you’re at home your usage could be different from when you’re on the road, or at work. Or as research shows - in some cases, like shopping - you could be browsing anywhere and expect the same experience.
![Page 34: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/34.jpg)
![Page 35: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/35.jpg)
![Page 36: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/36.jpg)
![Page 37: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/37.jpg)
![Page 38: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/38.jpg)
*COUCHING
A number of people are reaching for their phone instead of going to their desks, or using their laptops (or even tablets!) when at home on the couch. Where before, we may have made a specific mobile version, with specific mobile tasks or content, today phones are good enough, and many times people expect the same content no matter where they are or what device they’re using.
![Page 39: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/39.jpg)
https://twitter.com/lukew/status/509063072162775040/photo/1
![Page 40: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/40.jpg)
How do you create feature parity across devices?
![Page 41: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/41.jpg)
*SNACKING
Remember before smartphones? Waiting in line, waiting for a meeting to start, waiting to pick up our kids, in a drive-thru? Now this is a prime opportunity for short bursts of online activity. I need to pay a bill. What’s on TV tonight? Where are my friends? Does the local store have that dress on sale today? I’m shopping for new insurance. All happening on-the-go, wherever you have the time.
![Page 42: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/42.jpg)
How do you create content that can be consumed quickly?
![Page 43: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/43.jpg)
Does your experience need to work in different contexts? A User’s Location? Time of day? Different devices?
Questions to ask?
![Page 44: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/44.jpg)
“Tell me about how you use your devices at different times of the day?”
Morning Afternoon Night
![Page 45: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/45.jpg)
“Tell me about how you use your devices at different times of the day?”
Morning Afternoon Night
![Page 46: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/46.jpg)
Morning Afternoon Night
Home Work Outing
Process 1 Process 2 Process 3
![Page 47: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/47.jpg)
http://www.slideshare.net/burinb/designing-for-time-travel-when-responsive-design
![Page 48: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/48.jpg)
Do you need to shorten your experience? Is this something they’ll focus on? Or something they just need updates for?
Questions to ask?
![Page 49: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/49.jpg)
“Will you use these features on mobile?”
Yes No Maybe…
![Page 50: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/50.jpg)
“Map each feature to how much time they’ll spend using it on a mobile device"
1-5mins 20mins 45+mins
![Page 51: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/51.jpg)
CONTEXT = Determining if your users need all of the
things all of the time - and will they need specific interfaces or features
when mobile.
![Page 52: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/52.jpg)
https://twitter.com/WhytheFux/status/431449112589111296
![Page 53: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/53.jpg)
PERSONAS
![Page 54: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/54.jpg)
http://jackfruitmalaysia.wordpress.com/2011/04/02/how-is-jackfruit-prepared/
![Page 55: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/55.jpg)
![Page 56: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/56.jpg)
![Page 57: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/57.jpg)
![Page 58: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/58.jpg)
![Page 59: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/59.jpg)
“Dashboard” Time on Task
Alerts Communication
Full Application Order entry
Lookup Maps
MANAGER AGENT
![Page 60: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/60.jpg)
“All the Things!”
“AT HOME” AGENT
![Page 61: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/61.jpg)
Speed Accuracy
Company Policy Sales Quota
AGENT
Service Knowledge
Complex Trips Packages
“AT HOME” AGENT
![Page 62: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/62.jpg)
![Page 63: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/63.jpg)
“James” “Randy” “Bobby”
![Page 64: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/64.jpg)
http://blog.mailchimp.com/new-mailchimp-user-persona-research/
![Page 65: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/65.jpg)
![Page 66: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/66.jpg)
#2 PREPARE YOUR CONTENT
![Page 67: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/67.jpg)
CONTENT
Will your content scale to mobile? Do you have legacy content you need to reformat or even rethink? Are your images legible at smaller sizes, are your videos compressed well enough, are your workflows able to move to a smaller screen?
![Page 68: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/68.jpg)
Is your content ready for mobile?
![Page 69: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/69.jpg)
RESPONSIVE
![Page 70: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/70.jpg)
![Page 71: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/71.jpg)
![Page 72: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/72.jpg)
■ Services / APIs ■ Video compression ■ Content size / compression ■ Vendors (chat, reviews, images,
“widgets” etc…)
“How about…”
![Page 73: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/73.jpg)
![Page 74: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/74.jpg)
![Page 75: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/75.jpg)
#3 PROTOTYPING
![Page 76: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/76.jpg)
CONCEPT
What is the best way to create usable, enjoyable, fast experiences for your users or customers? Do you need new services? Does it make sense for all your features? Do you need new mobile specific features?
Are your features, UI, workflows ready for mobile?
![Page 77: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/77.jpg)
![Page 78: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/78.jpg)
![Page 79: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/79.jpg)
![Page 80: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/80.jpg)
![Page 81: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/81.jpg)
![Page 82: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/82.jpg)
![Page 83: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/83.jpg)
“Agile methods like Scrum and XP both rely on a close and collaborative relationship and continual interaction with the customer – the people who are paying for the software and who are going to use the system.”
http://swreflections.blogspot.com/2012/02/agiles-customer-problem.html2001
![Page 84: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/84.jpg)
(literally 100s) http://looksgoodworkswell.blogspot.com/2012/11/list-of-mockupprototyping-tools.html
http://www.adaptivepath.com/ideas/rapid-prototyping-tools#thelist
![Page 85: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/85.jpg)
valuable usable enjoyable
are we building the right things?
Is it easy to use?
Do they want to use it?
![Page 86: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/86.jpg)
EvaluateTest
PrototypeKeep/Kill(Build)
(Measure)
(Learn)
![Page 87: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/87.jpg)
![Page 88: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/88.jpg)
![Page 89: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/89.jpg)
![Page 90: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/90.jpg)
#1 CONTEXT #2 CONTENT #3 CONCEPT
3 Tips for going Mobile / Responsive
![Page 91: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/91.jpg)
![Page 92: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/92.jpg)
Austin / Dallas / Seattle
![Page 93: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/93.jpg)
![Page 94: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/94.jpg)
Design + Technology
![Page 95: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/95.jpg)
People + Technology
![Page 96: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/96.jpg)
![Page 97: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/97.jpg)
![Page 98: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/98.jpg)
We don’t just ask. We observe.
![Page 99: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/99.jpg)
Contextual Inquiries
Customer ValidationUsability Study
Concept Validation
![Page 100: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/100.jpg)
![Page 101: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/101.jpg)
http://www.mindtheproduct.com/2012/08/how-user-research-can-help-prioritise-product-requirements/
![Page 102: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/102.jpg)
I’m ready. What’s next?
■ Do I go native? ■ What about Hybrid solutions? ■ Can I just go web?
![Page 103: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/103.jpg)
NATIVE.
■ Most fluid/fast experience ■ Easier to move to new iOS versions ■ Not dependent on 3rd party APIs ■ More likely to get App Store attention ■ Can use new phone features faster
Why Native?
![Page 104: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/104.jpg)
HYBRID.
■ Less burden on native resources ■ More reuse across properties ■ Use native where it makes sense / use web
where it makes sense ■ Reuse some current skill-sets
Why Hybrid?
![Page 105: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/105.jpg)
HYBRID CAN MEAN…
■ Written in JS, but compiled to native Android & iOS (ex. titanium)
■ Written in C#, but compiled to native Android & iOS (ex. xamarin)
■ Written in HTML/JS but wrapped in native, with some hooks to native functionality (ex. phonegap)
■ Written in native iOS and Android, but with some screens or flows rendered in HTML (ex. using webview)
![Page 106: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/106.jpg)
Web Content (webview)
Native Component
Native Component
Native Component
“…we doubled down on native navigation, while reaffirming our webview-core architecture. In the jump to our 3 [Generation] app, we’re taking our productivity spoils and spending them where they can make a difference.”https://signalvnoise.com/posts/3743-hybrid-sweet-spot-native-navigation-web-content
![Page 107: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/107.jpg)
WEB.
■ Reuse your current base of web developers ■ Have a product reason to have the same
experience on a .com ■ Already have a web property ■ Accessed from a URL ■ Reuse across web / app ■ Responsive or Adaptive
Why Web?
![Page 108: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/108.jpg)
RESPONSIVE
ADAPTIVE=
![Page 109: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/109.jpg)
RESPONSIVEResponsive is where you have all the same features of your current site but via breakpoints it “responds” down to different devices.
■ Customers expect the same content and features ■ One set of templates to maintain ■ Works across a number of devices
Why Responsive?
![Page 110: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/110.jpg)
OUR RESPONSIVE APPROACH
OUR APPROACH
■ The biggest mental shift in design/dev for responsive is learning to think fluidly. ■ The question "How many pixels wide?" is now a red herring. ■ Instead, you have to think proportionally, and in percentages.
OUR TOOLS
■ Sass (and Compass) have been invaluable. / http://sass-lang.com / http://compass-style.org ■ It allows you to have small, topical (S)CSS files, and combine them into larger files that (don't)
have media queries. ■ This approach has allowed us to support older versions of Internet Explorer (prior to IE9) as
well as modern browsers that do understand media queries. ■ Also, just for front-end templating, Middleman (or Serve) is helpful. It handles Sass
compilation, as well as JavaScript minification and concatenation. / http://middlemanapp.com / http://get-serve.com
OUR STACK
■ Irrelevant. Except that Sass (and Compass) require Ruby to compile. ■ Any server-side stack should be able to support a responsive approach.
![Page 111: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/111.jpg)
RESPONSIVE IS BECOMING MORE MATURE
A number of good, solid frameworks (if needed)
A number of good 3rd party solutions (if needed)
http://www.highcharts.com/
http://getbootstrap.com/
http://foundation.zurb.com/
* We tend NOT to use large frameworks, but lighter smaller components as needed.
![Page 112: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/112.jpg)
“Because at Google we are aiming to provide a great user experience on any device, we're making a big push to ensure the search results we deliver reflect this principle.”
https://www.seroundtable.com/google-user-experience-ranking-19278.html
Google: Bad User Experience For Mobile Users May Lead To Ranking Issues
![Page 113: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/113.jpg)
http://www.google.com/think/multiscreen/whitepaper-sitedesign.html
![Page 114: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/114.jpg)
ADAPTIVEAdaptive is where you have custom templates per device type you want to target. This works best when you have specific features or interactions you want across different devices.
■ Custom experience per device / time / location ■ You don’t have the frontend skill-set for Responsive ■ You already have a m.dot site
Why Adaptive?
![Page 115: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/115.jpg)
ADAPTIVEHow do I know what our user’s needs are, and if they’re different?
Qualitative Quantitative
![Page 116: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/116.jpg)
ex. “Via observation we found out that your users will only use alerts and limited content when on the go.”
ADAPTIVE
ex. “Via data we’ve found that tablet usage increases 200% after work hours, we need to make sure all our features work well on tablets.”
![Page 117: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/117.jpg)
Contextual Inquiries
Customer ValidationUsability Study
Concept Validation
![Page 118: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/118.jpg)
NativeHybridWeb
![Page 119: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/119.jpg)
NativeHybridWeb
![Page 120: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/120.jpg)
DESIGN
![Page 121: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/121.jpg)
Fluid Breakpoints
#1 #2 #3
![Page 122: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/122.jpg)
#1
![Page 123: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/123.jpg)
#2
![Page 124: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/124.jpg)
#3
![Page 125: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/125.jpg)
Fluid
![Page 126: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/126.jpg)
VIEWBusiness Innovations 324,872 45%
#1
VIEWBusiness Innovations 324,872 45%
VIEWBusiness Innovations 324,872 45%
VIEWBusiness Innovations 324,872 45%
VIEWBusiness Innovations 324,872 45%
![Page 127: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/127.jpg)
Business Innovations 324,872 VIEW45%
#2
Business Innovations 324,872 VIEW45%
Business Innovations 324,872 VIEW45%
Business Innovations 324,872 VIEW45%
![Page 128: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/128.jpg)
Business Innovations
324,872
VIEW
45%
#3
Business Innovations
324,872
VIEW
45%
![Page 129: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/129.jpg)
![Page 130: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/130.jpg)
CASE STUDY(RESPONSIVE)
![Page 131: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/131.jpg)
Start with a fluid grid
![Page 132: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/132.jpg)
Content Inventory
![Page 133: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/133.jpg)
Breakpoints for devices(But, keep it fluid)
1 2
![Page 134: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/134.jpg)
Be thoughtful about your breakpoints and how it works with your content.
1 2
![Page 135: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/135.jpg)
Tools
OUR TOOLS
■ Sass (and Compass) have been invaluable. / http://sass-lang.com / http://compass-style.org ■ It allows you to have small, topical (S)CSS files, and combine them into larger files that (don't)
have media queries. ■ This approach has allowed us to support older versions of Internet Explorer (prior to IE9) as
well as modern browsers that do understand media queries. ■ Also, just for front-end templating, Middleman (or Serve) is helpful. It handles Sass
compilation, as well as JavaScript minification and concatenation. / http://middlemanapp.com / http://get-serve.com
![Page 136: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/136.jpg)
Responsive, Live Style Guide
![Page 138: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/138.jpg)
Chrome Tools
![Page 139: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/139.jpg)
Launch & Learn
![Page 140: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/140.jpg)
The future?
![Page 141: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/141.jpg)
![Page 142: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/142.jpg)
![Page 143: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/143.jpg)
![Page 144: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/144.jpg)
![Page 145: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/145.jpg)
![Page 146: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/146.jpg)
http://gigaom.com/2014/06/20/android-wear-features-on-display-in-new-google-made-video/
![Page 147: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/147.jpg)
![Page 148: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/148.jpg)
![Page 149: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/149.jpg)
http://www.slideshare.net/philiplikens/stitching-together-a-ux-strategy-for-wearables-and-the-mobile-mainframe
![Page 150: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/150.jpg)
![Page 151: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/151.jpg)
![Page 152: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/152.jpg)
![Page 153: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/153.jpg)
![Page 154: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/154.jpg)
https://twitter.com/lukew/status/479649353791836160/photo/1
![Page 155: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/155.jpg)
![Page 156: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/156.jpg)
![Page 157: Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, and Native](https://reader034.vdocuments.site/reader034/viewer/2022051609/547e70b8b379593a2b8b5430/html5/thumbnails/157.jpg)
Thanks!
Questions?
@jeremyjohnson
Jeremy Johnson Director of User Experience @
214-228-2894
.com
[email protected]@projekt202