Week 1 @rwdkent www.rwdkent.com Syllabus, Schedule, Assignments - PowerPoint PPT Presentation

Week 1 @rwdkent

www.rwdkent.com Syllabus, Schedule, Assignments

What Does A Web Designer Do?

A Brief History

The Web is 28 years old.

Tim Berners Lee “Berners-Lee wanted the World Wide Web to be a place where people could share information across the world through documents and links navigated with a simple search function.” - The Telegraph

Photo Credit: CERN

http://www.telegraph.co.uk/technology/2016/08/06/the-worlds- first-website-went-online-25-years-ago-today/

HTML

CSS

Fixed-Width 960px

Fixed-Width 960px

Trying to control how people accessed the web.

Designing with Web Standards Je ff rey Zeldman

2007 iPhone

http://wtfmobileweb.com

BradFrost.com

http://www.lukew.com/ ff /entry.asp?1946

“The control which designers know in the print medium… is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility.” John Allsopp, “A Dao of Web Design”

Fluid Grid Flexible Images Media Queries

RWD Today

“You don’t get to decide which device people use to access the internet: they do.” Karen McGrane, The Mobile Content Mandate http://karenmcgrane.com/2014/01/13/the-mobile-content-mandate/

77% 77% percentage of Americans who own a smartphone. http://www.pewresearch.org/fact-tank/2017/01/12/evolution-of-technology/

92% 92% Percentage of Americans 18-29 own a smartphone http://www.pewresearch.org/fact-tank/2017/01/12/evolution-of-technology/

12% 12% Percentage of Americans who are smartphone dependent http://www.pewresearch.org/fact-tank/2017/01/12/evolution-of-technology/

percentage of 51% 51% Americans who own a tablet computer. http://www.pewresearch.org/fact-tank/2017/01/12/evolution-of-technology/

363 million 363 million worldwide smartphone shipments, Q3-2016 http://www.idc.com/prodserv/smartphone-os-market-share.jsp

-4.5% -4.5% Q2-2016 Worldwide PC shipments https://www.idc.com/getdoc.jsp?containerId=prUS41584116

http://www.smartinsights.com/mobile-marketing/mobile-marketing-analytics/mobile-marketing-statistics/

“Google recommends using RWD over other design patterns” Google, Mobile Guide 2014 https://developers.google.com/webmasters/mobile-sites/

https://developers.google.com/webmasters/mobile-sites/

http://farm1.static.flickr.com/29/67433282_f3eb423e24.jpg

http://farm1.static.flickr.com/29/67433282_f3eb423e24.jpg

http://farm1.static.flickr.com/29/67433282_f3eb423e24.jpg

“Thinking of responsive was just table stakes. It’s just a default thing that should always happen.” PayPal, Responsive Web Design Podcast

P H A S E P R O C E S S D I S C O V E RY A S S E S M E N T F E E D B A C K D E F I N I T I O N / R E S E A R C H D E S I G N A S S E S M E N T F E E D B A C K I D E AT I O N / R E F I N E M E N T / P R O T O T Y P E D E V E L O P M E N T A S S E S M E N T F E E D B A C K S U P P O R T #

Je ff rey Zeldman Video http://www.lynda.com/Web-Documentaries-tutorials/Je ff rey-Zeldman-20-years-Web-Design-Community/167374/188504-4.html