RESPONSIVE DESIGN IS NOT A MOBILE...
Transcript of RESPONSIVE DESIGN IS NOT A MOBILE...
![Page 1: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/1.jpg)
JASON “RETAILGEEK” GOLDBERG – RAZORFISH
BROOKE WOLF – eBAGS
GARY PENN – TRUE RELIGION BRAND JEANS
RESPONSIVE DESIGN IS NOT A MOBILE STRATEGY
![Page 2: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/2.jpg)
MobileWeb
This is NOT a mobile strategy
![Page 3: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/3.jpg)
This is a mobile strategy
MobileWeb
MobileApp
MobileE-Mail
SMS
MobilePOS
MobileIn-Store
MobileWallet
MobileCustomerService
3rd PartyMobileApps
MobileSocial
iBeacons
MobileChat
![Page 4: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/4.jpg)
Responsive Design
Adaptive Design
Dynamic Design
Mobile First
Mobile Optimized
Native Mobile
Mobile Tolerant
Fluid Design
Liquid LayoutBreak Points
ViewPort
User Agent
Touch Centric
M dot
Progressive Enhancement
Hybrid Design
We need a common language
![Page 5: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/5.jpg)
Business User Tech/Dev
A website that looks great on a laptop and a
smartphone
A website that adapts the layout to the viewing environment by
using fluid grids and CSS3 media queries
(Ethan Marcotte)
“Responsive Design”
![Page 6: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/6.jpg)
3 approaches
https://www.google.com/think/multiscreen/
![Page 7: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/7.jpg)
1. Client Side
AND
![Page 8: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/8.jpg)
1. Client Side (Responsive Web Design)
One URLwith responsive content
Client Side Adoption
yourname.com/category
![Page 9: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/9.jpg)
2. Server Side
OR
![Page 10: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/10.jpg)
2. Server Side (Dynamic Serving)
One URLShow different content according to the user
agent
One URLServer Side Adoption
yourname.com/category
![Page 11: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/11.jpg)
Wait, isn’t that Adaptive Design?
![Page 12: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/12.jpg)
A high level design philosophy for progressive enhancement that can be achieved through a variety of execution tactics including server side user agent detection, or client side responsive web design.
Adaptive Design
Aaron Gustofson
![Page 13: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/13.jpg)
3. Multiple URL’s
![Page 14: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/14.jpg)
3. Multiple URL’s (m-dot site)
Two URLsShow different content based on URL
User Adoption
yourname.com/categorym.yourname.com/category
![Page 15: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/15.jpg)
Problems with Separate Mobile Sites
![Page 16: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/16.jpg)
Why wouldn’t you just use responsive design?
![Page 17: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/17.jpg)
Please Wait(loading)
Problems with Responsive Design
![Page 18: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/18.jpg)
Please Wait(loading)
Problems with Responsive Design
![Page 19: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/19.jpg)
Please Wait(loading)
Problems with Responsive Design
![Page 20: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/20.jpg)
Problems with Responsive Design
![Page 21: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/21.jpg)
What should we do?
![Page 22: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/22.jpg)
4. Blend Client & Server
OR
Elastic Waistbands
![Page 23: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/23.jpg)
4. Blend Client & Server (Hybrid or RESS)
One URLShow some different content according to user
agent, leverage some responsive content.
One URLServer & Side Adoption
RESS/Hybridyourname.com/category
![Page 24: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/24.jpg)
4 Approaches to Mobile Optimized
One URLwith responsive content
One URLServer Side Adoption
Responsive Web Designyourname.com/category
One URLShow different content
according to the user agent
One URLServer Side Adoption
Dynamic Servingyourname.com/category
One URLShow some different content
according to user agent, leverage some responsive content.
One URLServer & Client Side
Adoption
RESS/Hybridyourname.com/category
Two URLsShow different content on
different devices based on URL
Multiple URLsServer Side Adoption
Separate Mobile Siteyourname.com/category
m.yourname.com/category
![Page 25: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/25.jpg)
4 Approaches to Mobile Optimized
One URLwith responsive content
One URLClient Side Adoption
Responsive Web Designyourname.com/category
One URLShow different content
according to the user agent
One URLServer Side Adoption
Dynamic Servingyourname.com/category
One URLShow some different content
according to user agent, leverage some responsive content.
One URLServer & Client Side
Adoption
RESS/Hybridyourname.com/category
Two URLsShow different content on
different devices based on URL
Multiple URLsServer Side Adoption
Separate Mobile Siteyourname.com/category
m.yourname.com/category
![Page 26: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/26.jpg)
Bibliography
![Page 27: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/27.jpg)
HOW DO WE GET THERE?
![Page 28: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/28.jpg)
Most of us are here
![Page 29: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/29.jpg)
Most of us are here
But we want to get here
![Page 30: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/30.jpg)
We could try to get there in one step
![Page 31: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/31.jpg)
Or we could do it in more manageable steps
![Page 32: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/32.jpg)
Stairway to Awesomeness
![Page 33: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/33.jpg)
GARY PENNTRUE RELIGION STEP-WISE PROCESS
![Page 34: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/34.jpg)
True Religion is a pioneer in the premium denim market. We create modern and distinctive apparel and are known for exceptional fit and styling details.
Style isn’t put on. It’s pulled off.Fortune favors the bold. True Style is Fearless. #BeSoBold
![Page 35: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/35.jpg)
It Helps to Crawl First
![Page 36: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/36.jpg)
![Page 37: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/37.jpg)
![Page 38: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/38.jpg)
![Page 39: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/39.jpg)
![Page 40: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/40.jpg)
BROOKE WOLFEBAGS MOBILE STRATEGY
![Page 41: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/41.jpg)
Primary focus is Luggage, Handbags and Backpacks
500 brands including Tumi, Michael Kors, The North Face
50,000 items on our site
Over 21 million bags sold
2.9 million customer reviews
![Page 42: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/42.jpg)
Posted by Grooverpr under PRCA 2330 & 3334
![Page 43: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/43.jpg)
![Page 44: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/44.jpg)
PROJECT #1: RESPONSIVE DESIGN
![Page 45: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/45.jpg)
![Page 46: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/46.jpg)
PROJECT #2: ADAPTIVE DESIGN
![Page 47: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/47.jpg)
Enhanced Wishlist capability
Cross device synchronization
Re-designed for the touch device
Greater accessibility across the site
Effective personalization
Stronger call to action
PROJECT #3: MY FAVORITES
![Page 48: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/48.jpg)
PROJECT #4: EBAGS OBSESSION
![Page 49: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/49.jpg)
DISCUSSION
![Page 50: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/50.jpg)
Discussion 1:Mobile Apps vs. Websites
![Page 51: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/51.jpg)
Discussion 2:Mobile Payments
![Page 52: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/52.jpg)
Discussion 3:Multi-Device
![Page 53: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/53.jpg)
DISCUSSION 4:MOBILE NAVIGATION
![Page 54: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/54.jpg)
DISCUSSION 5:MOBILE HOME PAGE
![Page 55: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/55.jpg)
AUDIENCE QUESTIONS
![Page 56: RESPONSIVE DESIGN IS NOT A MOBILE STRATEGYeba4cabbb25aaebe2475-1af446bbc498aa108c6ee7b6388b9fa1.r49.… · This is a mobile strategy Mobile Web Mobile App Mobile E-Mail SMS Mobile](https://reader033.fdocuments.us/reader033/viewer/2022050306/5f6e684f65ff69278940e41d/html5/thumbnails/56.jpg)
JASON “RETAILGEEK” GOLDBERG – RAZORFISH
BROOKE WOLF – eBAGS
GARY PENN – TRUE RELIGION BRAND JEANS
RESPONSIVE DESIGN IS NOT A MOBILE STRATEGY