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

▶
week 1
SMART_READER_LITE
LIVE PREVIEW

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

Oct 01, 2023 317 likes •916 views

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

slide-1
SLIDE 1

Week 1

@rwdkent

slide-2
SLIDE 2

www.rwdkent.com

Syllabus, Schedule, Assignments

slide-3
SLIDE 3

What Does A Web Designer Do?

slide-4
SLIDE 4

A Brief History

slide-5
SLIDE 5

The Web is years old.

28

slide-6
SLIDE 6

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
slide-7
SLIDE 7 Photo Credit: CERN
slide-8
SLIDE 8

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

slide-9
SLIDE 9
slide-10
SLIDE 10
slide-11
SLIDE 11
slide-12
SLIDE 12

HTML

slide-13
SLIDE 13

CSS

slide-14
SLIDE 14
slide-15
SLIDE 15

Fixed-Width

960px

slide-16
SLIDE 16

960px

Fixed-Width

slide-17
SLIDE 17

Trying to control how people accessed the web.

slide-18
SLIDE 18

Designing with Web Standards

Jeffrey Zeldman

slide-19
SLIDE 19
slide-20
SLIDE 20

2007 iPhone

slide-21
SLIDE 21
slide-22
SLIDE 22
slide-23
SLIDE 23 http://wtfmobileweb.com
slide-24
SLIDE 24 BradFrost.com
slide-25
SLIDE 25 http://www.lukew.com/ff/entry.asp?1946
slide-26
SLIDE 26
slide-27
SLIDE 27

“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”

slide-28
SLIDE 28
slide-29
SLIDE 29
slide-30
SLIDE 30
slide-31
SLIDE 31
slide-32
SLIDE 32
slide-33
SLIDE 33

Fluid Grid Flexible Images Media Queries

slide-34
SLIDE 34

RWD Today

slide-35
SLIDE 35 http://karenmcgrane.com/2014/01/13/the-mobile-content-mandate/

“You don’t get to decide which device people use to access the internet: they do.”

Karen McGrane, The Mobile Content Mandate

slide-36
SLIDE 36 http://www.pewresearch.org/fact-tank/2017/01/12/evolution-of-technology/

77% 77%

percentage of Americans who own a smartphone.

slide-37
SLIDE 37 http://www.pewresearch.org/fact-tank/2017/01/12/evolution-of-technology/

92% 92%

Percentage of Americans 18-29 own a smartphone

slide-38
SLIDE 38 http://www.pewresearch.org/fact-tank/2017/01/12/evolution-of-technology/

12% 12%

Percentage of Americans who are smartphone dependent

slide-39
SLIDE 39 http://www.pewresearch.org/fact-tank/2017/01/12/evolution-of-technology/

51% 51%

percentage of Americans who

  • wn a tablet

computer.

slide-40
SLIDE 40

363 million

http://www.idc.com/prodserv/smartphone-os-market-share.jsp

363 million

worldwide smartphone shipments, Q3-2016

slide-41
SLIDE 41
  • 4.5%
https://www.idc.com/getdoc.jsp?containerId=prUS41584116
  • 4.5%

Q2-2016 Worldwide PC shipments

slide-42
SLIDE 42
slide-43
SLIDE 43 http://www.smartinsights.com/mobile-marketing/mobile-marketing-analytics/mobile-marketing-statistics/
slide-44
SLIDE 44 https://developers.google.com/webmasters/mobile-sites/

“Google recommends using RWD

  • ver other design patterns”

Google, Mobile Guide 2014

slide-45
SLIDE 45 https://developers.google.com/webmasters/mobile-sites/
slide-46
SLIDE 46
slide-47
SLIDE 47
slide-48
SLIDE 48
slide-49
SLIDE 49
slide-50
SLIDE 50
slide-51
SLIDE 51 http://farm1.static.flickr.com/29/67433282_f3eb423e24.jpg
slide-52
SLIDE 52 http://farm1.static.flickr.com/29/67433282_f3eb423e24.jpg
slide-53
SLIDE 53 http://farm1.static.flickr.com/29/67433282_f3eb423e24.jpg
slide-54
SLIDE 54

“Thinking of responsive was just table stakes. It’s just a default thing that should always happen.”

PayPal, Responsive Web Design Podcast

slide-55
SLIDE 55
slide-56
SLIDE 56
slide-57
SLIDE 57
slide-58
SLIDE 58 # D I S C O V E RY P H A S E P R O C E S S D E S I G N D E V E L O P M E N T D E F I N I T I O N / R E S E A R C H 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 S U P P O R T A S S E S M E N T A S S E S M E N T A S S E S M E N T F E E D B A C K F E E D B A C K F E E D B A C K
slide-59
SLIDE 59

Jeffrey Zeldman Video

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