The Ever Changing Design of the Wb

the ever changing

DESIGN
OF THE WEB
martha rettig
march 28th, 2013

Friday, March 29, 13

MARTHA
RETTIG
@artimated


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

Dynimic Media Institute
h p://dynamicmediainstitute.org/

Boston Front-End Developers Meetup
h p://www.meetup.com/Boston-Frontend-Developers/

StartUp Institute Boston
h p://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...


PHONE

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


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 speciﬁc 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 deﬁnitions; there is no single
deﬁnition. 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-END
DESIGNER


roles in web design

INTERACTION
DESIGNER


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 DESIGN
what’s happening now?


TRENDY
COOL FONTS
PARALLAX SCROLLING
NEW STYLES
SKEUOMORPHISM
FLAT DESIGN

http://rouxatparliamentsquare.co.uk/


http://cpeople.ru/#start


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


http://www.heartscryindia.org/


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


http://lostworldsfairs.com/eldorado/


http://typespiration.com


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


http://www.letstravelsomewhere.com/


http://etchapps.com/


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


http://www.facesofnyfw.com/


http://www.frenchcuisse.com/


http://pinterest.com/


http://middlemojo.com/


http://minimalmonkey.com/


http://www.trackemﬁndemkillem.com/


http://www.thesearethings.com/


http://jessandruss.us/


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


http://trufcreative.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
Global Internet Device Sales
1,000,000,000

900,000,000

800,000,000
Tablets
700,000,000

600,000,000

Units 500,000,000

400,000,000
Smartphones
300,000,000

200,000,000

100,000,000 Personal Computers
2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011
Source: Gartner, IDC, Strategy Analytics, company ﬁlings, BI Untelligence estimates


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


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


WE CAN’T
DESIGN FOR
DEVICES


THE FUTURE
WILL BE
AMAZING


Slide by Brad Frost- He’s awesome, check out his stuﬀ 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


they are

EVOLVING
as our technology evolves


over

163 Million
Facebook users in the US of the Population

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


we make and break

CONVENTIONS
as 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


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

Recomendados

Recomendados

Más contenido relacionado

Similar a The Ever Changing Design of the Wb

Similar a The Ever Changing Design of the Wb (20)

Último

Último (20)

The Ever Changing Design of the Wb