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


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/


http://www.massart.edu/

http://www.massart.edu/

http://dynamicmediainstitute.org/

http://dynamicmediainstitute.org/

http://www.meetup.com/Boston-Frontend-Developers/

http://www.meetup.com/Boston-Frontend-Developers/

http://www.startupinstitute.com/

http://www.startupinstitute.com/

What is the Web?


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.


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




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


the web is...


DESKTOP


TABLET


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

PHONE




the web is

EVERYWHERE


the web is

CONTENT


What is Design?


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


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


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


“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


What is Web Design?


“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


roles in web design

WEB DESIGNER


roles in web design

UX DESIGNER


roles in web design

UI DESIGNER


roles in web design

FRONT-ENDDESIGNER


roles in web design

INTERACTIONDESIGNER


I am a

DESIGNER


“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


WEB DESIGNwhat’s happening now?


TRENDYCOOL FONTSPARALLAX SCROLLING

NEW STYLESSKEUOMORPHISMFLAT DESIGN


http://rouxatparliamentsquare.co.uk/


http://rouxatparliamentsquare.co.uk


http://cpeople.ru/#start


http://rouxatparliamentsquare.co.uk/




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




http://www.heartscryindia.org/


http://www.heartscryindia.org

http://www.heartscryindia.org

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




http://lostworldsfairs.com/eldorado/




http://typespiration.com


http://typespiration.com/

http://typespiration.com/

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




http://www.letstravelsomewhere.com/


http://www.letstravelsomewhere.com

http://www.letstravelsomewhere.com

http://etchapps.com/


http://etchapps.com

http://etchapps.com

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


http://www.facesofnyfw.com/


http://www.facesofnyfw.com

http://www.facesofnyfw.com

http://www.frenchcuisse.com/


http://www.frenchcuisse.com

http://www.frenchcuisse.com

http://pinterest.com/


http://pinterest.com

http://pinterest.com

http://middlemojo.com/


http://middlemojo.com

http://middlemojo.com

http://minimalmonkey.com/


http://minimalmonkey.com

http://minimalmonkey.com

http://www.trackemfindemkillem.com/


http://www.trackemfindemkillem.com

http://www.trackemfindemkillem.com

http://www.thesearethings.com/


http://www.thesearethings.com

http://www.thesearethings.com

http://jessandruss.us/


http://jessandruss.us

http://jessandruss.us

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




http://trufcreative.com/


http://trufcreative.com

http://trufcreative.com

http://www.sennep.com/


http://www.sennep.com

http://www.sennep.com

we could talk for hours about aesthetics.


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


tonight I’m going to talk about

MOBILE,USERS,

& TOOLS


MOBILE =really anything that

has an internet connection


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


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


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


http://tech.xtremelabs.com/an-introduction-to-qa-at-xtreme-labs/

http://tech.xtremelabs.com/an-introduction-to-qa-at-xtreme-labs/

WE CAN’T DESIGN FOR

DEVICES


THE FUTURE WILL BE

AMAZING


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


http://www.slideshare.net/bradfrostweb

http://www.slideshare.net/bradfrostweb

THE FUTURE IS HERE


we can’t CONTROL

all the pixels


we can design

CONTENT


so really I want to talk about

CONTENT + USERS


USERS


they are

EVOLVING as our technology evolves


163 MillionFacebook users in the US

over

of the Population

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




we make and break

CONVENTIONSas quickly as our

users adapt to them


Above the

FOLD?


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


bu!ons, pages, calendars

WHAT’S THIS?


consume or

CREATE?


users are their own content

CREATORS & CURATORS


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




TOOLS


what tools do we have?

TOOLS


tools created for

PRINT


old tools tried to keep us away from the

CODE


SOLUTIONS?


rise of the

HYBRID DESIGNER


the lignua franca of the web

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


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


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


THANK YOU@artimated


The Ever Changing Design of the Wb

Technology

Transcript of The Ever Changing Design of the Wb