The Ever Changing Design of the Wb

Post on 27-Jan-2015

119 views 2 download

Tags:

description

 

Transcript of The Ever Changing Design of the Wb

the ever changing

DESIGN OF THE WEB

martha rettigmarch 28th, 2013

Friday, March 29, 13

MARTHA RETTIG

@artimated

Friday, March 29, 13

MassArt h!p://www.massart.edu/

Dynimic Media Instituteh!p://dynamicmediainstitute.org/

Boston Front-End Developers Meetuph!p://www.meetup.com/Boston-Frontend-Developers/

StartUp Institute Bostonh!p://www.startupinstitute.com/

Friday, March 29, 13

What is the Web?

Friday, March 29, 13

Wikipedia Says •The world wide web is a system of interlinked hypertext documents accessed via the Internet. With a web browser, one can view web pages that may contain text, images, videos, and other multimedia and navigate between them via hyperlinks.

Friday, March 29, 13

http://upload.wikimedia.org/wikipedia/commons/d/d2/Internet_map_1024.jpg

Friday, March 29, 13

Merriam-Webster •a part of the Internet accessed through a graphical user interface and containing documents o!en connected by hyperlinks

Friday, March 29, 13

the web is...

Friday, March 29, 13

DESKTOP

Friday, March 29, 13

TABLET

Friday, March 29, 13

http://www.sxc.hu/photo/343555

PHONE

Friday, March 29, 13

the web is

EVERYWHERE

Friday, March 29, 13

the web is

CONTENT

Friday, March 29, 13

What is Design?

Friday, March 29, 13

Merriam-Webster •: to create, fashion, execute, or construct according to plan

: to conceive and plan out in the mind

to devise for a specific function or end

:to make a drawing, pa"ern, or sketch of

Friday, March 29, 13

“Design is devising courses of action aimed at changing existing situations into preferred ones.-Herbert Simon

Friday, March 29, 13

“Design is not just what it looks like and feels like. Design is how it works.-Steve Jobs

Friday, March 29, 13

“Design is the method of pu!ing form and content together. Design, just as art, has multiple definitions; there is no single definition. Design can be art. Design can be aesthetics. Design is so simple, that's why it is so complicated.-Paul Rand

Friday, March 29, 13

What is Web Design?

Friday, March 29, 13

“The primary design principle underlying the Web is universality...it should be accessible from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large.-Tim Berners-Lee

Friday, March 29, 13

roles in web design

WEB DESIGNER

Friday, March 29, 13

roles in web design

UX DESIGNER

Friday, March 29, 13

roles in web design

UI DESIGNER

Friday, March 29, 13

roles in web design

FRONT-ENDDESIGNER

Friday, March 29, 13

roles in web design

INTERACTIONDESIGNER

Friday, March 29, 13

I am a

DESIGNER

Friday, March 29, 13

“It’s time to throw out the rituals of the printed page, and to engage with the medium of the web and it’s own nature.-John Allsopp

Friday, March 29, 13

WEB DESIGNwhat’s happening now?

Friday, March 29, 13

TRENDYCOOL FONTSPARALLAX SCROLLING

NEW STYLESSKEUOMORPHISMFLAT DESIGN

Friday, March 29, 13

http://rouxatparliamentsquare.co.uk/

Friday, March 29, 13

http://cpeople.ru/#start

Friday, March 29, 13

http://rouxatparliamentsquare.co.uk/

Friday, March 29, 13

http://trentwalton.com/2011/11/18/workspace/

Friday, March 29, 13

http://www.heartscryindia.org/

Friday, March 29, 13

http://kojo.com.au/content/

Friday, March 29, 13

http://lostworldsfairs.com/eldorado/

Friday, March 29, 13

http://typespiration.com

Friday, March 29, 13

http://www.360langstrasse.sf.tv/page/

Friday, March 29, 13

http://www.letstravelsomewhere.com/

Friday, March 29, 13

http://etchapps.com/

Friday, March 29, 13

http://www.silktricky.com/#/home

Friday, March 29, 13

http://www.facesofnyfw.com/

Friday, March 29, 13

http://www.frenchcuisse.com/

Friday, March 29, 13

http://pinterest.com/

Friday, March 29, 13

http://middlemojo.com/

Friday, March 29, 13

http://minimalmonkey.com/

Friday, March 29, 13

http://www.trackemfindemkillem.com/

Friday, March 29, 13

http://www.thesearethings.com/

Friday, March 29, 13

http://jessandruss.us/

Friday, March 29, 13

http://futureinsightslive.com/las-vegas-2013/

Friday, March 29, 13

http://trufcreative.com/

Friday, March 29, 13

http://www.sennep.com/

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

we could talk for hours about aesthetics.

Friday, March 29, 13

but that’s not what I’m going to talk about....

Friday, March 29, 13

tonight I’m going to talk about

MOBILE,USERS,

& TOOLS

Friday, March 29, 13

MOBILE =really anything that

has an internet connection

Friday, March 29, 13

SMARTPHONE Sales OVERTOOK PC Sales

Personal Computers

Smartphones

Tablets

100,000,000

200,000,000

300,000,000

400,000,000

500,000,000

600,000,000

700,000,000

800,000,000

900,000,000

1,000,000,000

2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011

Units

Global Internet Device Sales

Source: Gartner, IDC, Strategy Analytics, company filings, BI Untelligence estimates

Friday, March 29, 13

“mobile web adoption is growing eight times faster than the first wave of PC Internet adoption.-Eric Schmidt

Friday, March 29, 13

Xtreme Labs suite of testing devices http://tech.xtremelabs.com/an-introduction-to-qa-at-xtreme-labs/

Friday, March 29, 13

WE CAN’T DESIGN FOR

DEVICES

Friday, March 29, 13

Friday, March 29, 13

THE FUTURE WILL BE

AMAZING

Friday, March 29, 13

http://www.slideshare.net/bradfrostwebSlide by Brad Frost- He’s awesome, check out his stuff

Friday, March 29, 13

THE FUTURE IS HERE

Friday, March 29, 13

Friday, March 29, 13

we can’t CONTROL

all the pixels

Friday, March 29, 13

we can design

CONTENT

Friday, March 29, 13

so really I want to talk about

CONTENT + USERS

Friday, March 29, 13

USERS

Friday, March 29, 13

they are

EVOLVING as our technology evolves

Friday, March 29, 13

Friday, March 29, 13

163 MillionFacebook users in the US

over

of the Population

http://www.socialbakers.com/facebook-statistics/

Friday, March 29, 13

we make and break

CONVENTIONSas quickly as our

users adapt to them

Friday, March 29, 13

Above the

FOLD?

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek

Friday, March 29, 13

bu!ons, pages, calendars

WHAT’S THIS?

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

consume or

CREATE?

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

Friday, March 29, 13

users are their own content

CREATORS & CURATORS

Friday, March 29, 13

Friday, March 29, 13

http://mindygledhill.blogspot.com/2012/07/instapoetry-by-mindygledhill.html

Friday, March 29, 13

TOOLS

Friday, March 29, 13

what tools do we have?

TOOLS

Friday, March 29, 13

tools created for

PRINT

Friday, March 29, 13

Friday, March 29, 13

old tools tried to keep us away from the

CODE

Friday, March 29, 13

Friday, March 29, 13

SOLUTIONS?

Friday, March 29, 13

Friday, March 29, 13

rise of the

HYBRID DESIGNER

Friday, March 29, 13

the lignua franca of the web

HTML & CSS...and a li!le javascript

Friday, March 29, 13

we might not be implementing the code- but need to understand it

Friday, March 29, 13

“When we fall in love with our tools, we lose track of what we are really doing, which is communicating.-Aaron Walters

Friday, March 29, 13

THANK YOU@artimated

Friday, March 29, 13