Managing Responsive Design Projects
-
Upload
andrew-smyk -
Category
Design
-
view
16 -
download
3
description
Transcript of Managing Responsive Design Projects
![Page 1: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/1.jpg)
Managing Responsive Design Projects
FITC WebUnleashed 2014
@andrewsmyk
![Page 2: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/2.jpg)
![Page 3: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/3.jpg)
www.andrewsmyk.com/webunleashed
![Page 4: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/4.jpg)
Tweet using hashtags: #WebU14 #managingRWD
![Page 5: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/5.jpg)
![Page 6: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/6.jpg)
@andrewsmyk
640 x 480 800 x 6001024 x 7681200 x 9001920 x 1200
![Page 7: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/7.jpg)
![Page 8: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/8.jpg)
@andrewsmyk
1.5” to 50”
![Page 9: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/9.jpg)
@andrewsmyk
![Page 10: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/10.jpg)
![Page 11: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/11.jpg)
Leveraging mobile to increase student engagement
Andrew SmykHighWeb Ed – Arkansas
July 27, 2012
Wrestling with a responsive projects
@andrewsmyk
![Page 12: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/12.jpg)
![Page 13: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/13.jpg)
1-2-3-4
@andrewsmyk
![Page 14: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/14.jpg)
1. Content Strategy2. Agile3. Prototyping4. Art Direction
@andrewsmyk
![Page 15: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/15.jpg)
1. Content Strategy2. Agile3. Prototyping4. Art Direction
@andrewsmyk
![Page 16: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/16.jpg)
![Page 17: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/17.jpg)
![Page 18: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/18.jpg)
Edit content ruthlessly
![Page 19: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/19.jpg)
@andrewsmyk
Pro Tip: Document all the Types & Models of Devices You Encounter
![Page 20: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/20.jpg)
@andrewsmyk
Important! Note the Devices of Decision Makers in the Room
![Page 21: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/21.jpg)
http://fc09.deviantart.net/fs70/f/2012/154/8/6/retro_robot_from_outer_space_by_justsantiago-d5246bu.jpg
![Page 22: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/22.jpg)
Stakeholders
![Page 23: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/23.jpg)
@andrewsmyk
Content Modeling & Strategy
• Content Engagement• Content Curation• Rank and Prioritize Content
![Page 24: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/24.jpg)
Avoid coding or selecting frameworksbefore content modeling
![Page 25: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/25.jpg)
Avoid coding or selecting frameworksbefore content modeling
![Page 26: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/26.jpg)
@andrewsmyk
![Page 27: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/27.jpg)
@andrewsmyk
Dynamic Wireframe
![Page 28: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/28.jpg)
@andrewsmyk
![Page 29: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/29.jpg)
@andrewsmyk
?????
![Page 30: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/30.jpg)
@andrewsmyk
RUN!!!
ZombieApocalypse!!
![Page 31: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/31.jpg)
![Page 32: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/32.jpg)
![Page 33: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/33.jpg)
@andrewsmyk
1
23
4
5
6
7
![Page 34: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/34.jpg)
@andrewsmyk
1
2
3
4
5
6
7
![Page 35: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/35.jpg)
1
2
3
4
5
6
7
A/B Test Content Modelsand early lo-fi Wireframes
![Page 36: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/36.jpg)
http://fc09.deviantart.net/fs70/f/2012/154/8/6/retro_robot_from_outer_space_by_justsantiago-d5246bu.jpg
![Page 37: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/37.jpg)
![Page 38: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/38.jpg)
1. Content Strategy2. Agile3. Prototyping4. Art Direction
@andrewsmyk
![Page 39: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/39.jpg)
@andrewsmyk
![Page 40: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/40.jpg)
@andrewsmyk
![Page 41: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/41.jpg)
@andrewsmyk
![Page 42: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/42.jpg)
@andrewsmyk
![Page 43: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/43.jpg)
![Page 44: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/44.jpg)
![Page 45: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/45.jpg)
@andrewsmyk
![Page 46: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/46.jpg)
@andrewsmyk
![Page 47: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/47.jpg)
via Michelle Cryan - @sporkles
![Page 48: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/48.jpg)
@andrewsmyk
Pro Tip: Avoid Designing and Developing Projects in Silos
![Page 49: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/49.jpg)
@andrewsmyk
![Page 50: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/50.jpg)
1. Content Strategy2. Waterfall vs. Agile3. Prototyping4. Art Direction
@andrewsmyk
![Page 51: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/51.jpg)
@andrewsmyk
Prototyping
“Now we can think about users and their needs as it relates to content.”
![Page 52: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/52.jpg)
![Page 53: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/53.jpg)
@andrewsmyk
“Work in Photoshop and Fireworks by all means (I do). Make static visuals as rich and as detailed as you want them to be.”
Just don’t set the wrong expectations by showing them to your clients.
~ Andy Clarke
![Page 54: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/54.jpg)
Logo needs to be “bluer”
![Page 55: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/55.jpg)
desktop + +
main internal specialized
variants?
DAYS?
![Page 56: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/56.jpg)
desktop + +
main internal specialized
tablet
smart phone
shiny & new
+ +
main internal specialized
+ +
main internal specialized
+ +
main internal specialized
variants?
DAYS?
![Page 57: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/57.jpg)
Logo needs to be “bluer”
![Page 58: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/58.jpg)
desktop + +
main internal specialized
tablet
smart phone
shiny & new
+ +
main internal specialized
+ +
main internal specialized
+ +
main internal specialized
variants?
DAYS?
![Page 59: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/59.jpg)
How blue is our logo?
![Page 60: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/60.jpg)
desktop + +
main internal specialized
tablet
smart phone
shiny & new
+ +
main internal specialized
+ +
main internal specialized
+ +
main internal specialized
variants?
DAYS?
![Page 61: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/61.jpg)
We need to see another design
![Page 62: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/62.jpg)
desktop + +
main internal specialized
tablet
smart phone
shiny & new
+ +
main internal specialized
+ +
main internal specialized
+ +
main internal specialized
variants?
DAYS?
![Page 63: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/63.jpg)
@andrewsmyk
Stop Wrestling with Static Mockups
![Page 64: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/64.jpg)
https://www.flickr.com/photos/kitch/4286136925
![Page 65: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/65.jpg)
https://www.flickr.com/photos/kitch/4286136925
No Usability Testing
![Page 66: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/66.jpg)
https://www.flickr.com/photos/kitch/4286136925
Lack Interaction
![Page 67: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/67.jpg)
https://www.flickr.com/photos/kitch/4286136925
Don’t Show Transitions
![Page 68: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/68.jpg)
https://www.flickr.com/photos/kitch/4286136925
Lack Fluidity
![Page 69: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/69.jpg)
https://www.flickr.com/photos/kitch/4286136925
Don’t Display Web Fonts
![Page 70: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/70.jpg)
@andrewsmyk
“Design consistency is not about pixels.”
![Page 71: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/71.jpg)
@andrewsmyk
![Page 72: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/72.jpg)
@andrewsmyk
“A prototype is worth a thousand words”Leigh Howells - @leigh
![Page 73: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/73.jpg)
@andrewsmyk
“A prototype is worth a thousand meetings”Mike Davidson - @mikeindustries
![Page 74: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/74.jpg)
Pro Tip: A Working Prototype can Help Make Decisions Faster
![Page 75: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/75.jpg)
Think about the ecosystem, not just the devices:
@andrewsmyk
![Page 76: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/76.jpg)
@andrewsmyk
![Page 77: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/77.jpg)
https://twitter.com/preetbanerjee/status/509438618683727873 @andrewsmyk
![Page 78: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/78.jpg)
@andrewsmyk
Use the right tools & technologies
![Page 79: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/79.jpg)
@andrewsmyk
am I responsive?ish.remote preview
Ghostlab (license)
Edge Inspect (CC subscription)
![Page 80: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/80.jpg)
1. Content Strategy2. Waterfall vs. Agile3. Prototyping4. Art Direction
@andrewsmyk
![Page 81: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/81.jpg)
Logo needs to be “bluer”
![Page 82: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/82.jpg)
![Page 83: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/83.jpg)
![Page 84: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/84.jpg)
![Page 85: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/85.jpg)
![Page 86: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/86.jpg)
@andrewsmyk
Visual inventory, you say…Responsive style tiles, you say…
![Page 87: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/87.jpg)
![Page 88: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/88.jpg)
catalog of assumptions
![Page 89: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/89.jpg)
![Page 90: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/90.jpg)
![Page 91: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/91.jpg)
![Page 92: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/92.jpg)
![Page 93: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/93.jpg)
@andrewsmyk
Responsive Style Tile
![Page 95: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/95.jpg)
@andrewsmyk
Pro Tip: Best Place to Test on Devices? Visit a Mobile Carrier’s Store
![Page 96: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/96.jpg)
@andrewsmyk
Pro Tip: Build a Device Library
![Page 97: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/97.jpg)
Plan for gestures and taps.
![Page 98: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/98.jpg)
Help users with error and miss taps
![Page 99: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/99.jpg)
Plan for the “Fat Finger”
![Page 100: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/100.jpg)
Design for the thumb
![Page 101: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/101.jpg)
Pro Tip: A Touch Template helps design Interactions
![Page 107: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/107.jpg)
#ffly #rwd
![Page 108: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/108.jpg)
i
![Page 109: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/109.jpg)
They share a common infrastructure, but mobile is NOT the traditional web
@andrewsmyk
![Page 110: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/110.jpg)
l
Mobile is a different environment and requires new thinking and design considerations.
@andrewsmyk
![Page 111: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/111.jpg)
Harness the power of a missile throwing robot
with laser beam eyes on a UNICORN.@andrewsmyk
![Page 112: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/112.jpg)
@andrewsmyk
![Page 113: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/113.jpg)
1-2-3-4
@andrewsmyk
![Page 114: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/114.jpg)
1. Content Strategy2. Agile3. Prototyping4. Art Direction
@andrewsmyk
![Page 115: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/115.jpg)
@andrewsmyk
Questions?
![Page 116: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/116.jpg)
Thank you!
![Page 117: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/117.jpg)
@andrewsmykwww.andrewsmyk.com/webunleashed
![Page 118: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/118.jpg)
Tweet using hashtags: #WebU14 #managingRWD
![Page 119: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/119.jpg)
![Page 120: Managing Responsive Design Projects](https://reader036.fdocuments.us/reader036/viewer/2022081412/54520a3faf7959ed518b699c/html5/thumbnails/120.jpg)
@andrewsmyk
Questions?