Paper to Pixels: Breaking down the barriers between print and interactive design

Transferring Your Inspiration
from Print to Pixels

Friday, May 21, 2010

From our surveys and Twitter questions

HTML, JavaScript, Etc.

Control and Design Consistency

Limitations: Print vs. Web

Learning Curve & Keeping up
with Technologies and Trends


Rett Martin Chuck Hermes
Creative Director Chief Experience Officer


as designers

what constrains
our creativity?


as designers we

see everything through
the designers eye


as designers we constantly ask

how does that work?
how could i make it better?


the best designers today are

interdisciplinary


"If you can design one thing,
you can design everything."
Massimo Vignelli


I’m a print designer I’m a web designer


I’m a designer


“My job is to help people consume the media

that interests them in the most interesting,

efficient and pleasing way possible”


Print is...

Linear/Sequencial
Everyone starts at the beginning

Fixed
Once it’s printed, it doesn’t change

Uniform
Appears the same to entire audience


Interactive is...

Non linear
Not everyone starts at the same place or goes in the same sequence

Dynamic
Revisions can and will be made after launch

Customizable
Different users will see different content and/or different appearance


"Digital media is as different
from print as a speech is
different from a conversation."
Khoi Vihn


Print
“a speech”
The speaker is in total control during a speech.

Interactive
“a conversation”
In a conversation, we share control with the other participants.


design considerations in print...

designer has
Unlimited Design Options
fonts, structure, layout

Common Conventions
formats, page spreads, columns

Consistency
exactly the same for all viewers


design considerations in interactive...

Custom Content
unique pictures and text for individual viewers

Wayfinding
here i am. where do i go now?

Inconsistent Appearance
fonts and formatting may change based on device and browser


History

1731
First magazine was published
1994
First blog was published
Now
|--------------------------------------------------------------------------------------------------------------|-------|

Magazine design evolution = 279 yrs. Web publishing evolution = 16 yrs.


What can interactive
designers learn from
print design?


Q
hey designers, if you've transitioned
from print to web, what was the
biggest challenge? If you haven't,
what's holding you back?

question to the twittersphere


“ How much coding should a web
designer have w/o being a coder? What
is that balance?

@madeforending


“ Letting go of total control of the final
design. Websites aren't going to look the
same across browsers and platforms, but
that's okay.

@bobbymarko


Windows Typekit Rendering Mac Typekit Rendering


Lifehacker in IE6, Windows Lifehacker in Safari, Mac


Internet Explorer Voodoo Doll
http://www.chigarden.com/


“ For the next ten years or so, the differences will
remain and will dictate restrictions on web
design: less graphics, smaller graphics,
shorter text (since it is unpleasant to read
online), less fancy typography (since you don't
know what fonts the user has installed), and
less ambitious layouts. "
Jakob Nielsen,1999


Everything we’re doing,
we learned from print.


For example...

• Grid Layouts
• More elegant and interesting layouts
• Typography
• Whitespace
• Photography/Video


“ Let’s face it: the classic blog
post is boring.

Paddy Donnelly, Smashing Magazine


Blogazine
Definition: a blog where each post has a unique design and
layout, much like articles within a magazine.


“ This site represents an experiment in art
direction online...fast design direction
based on the needs of the content.

Jason Santa Maria


QR Codes
“Quick Response” Codes are two-dimensional bar codes
that are becoming a popular way to allow mobile phone users
to open a web url from a printed advertisement.


Augmented Reality
Augmented reality (AR) is a term for a live direct or indirect
view of a physical real-world environment whose elements are
augmented by virtual computer-generated imagery.


Thanks
www.clockwork.net/activities/mmpa


“ Something about the way people hold
and touch the iPad made us feel that it
was the perfect starting point for building
a magazine.

Sara Öhrvall
Director of R&D at Popular Science


Too Far?
Viv Magazine is pushing the boundaries, but is this the future
of publishing or just fancy cinematography?


Paper to Pixels: Breaking down the barriers between print and interactive design

Recommended

Recommended

More Related Content

Similar to Paper to Pixels: Breaking down the barriers between print and interactive design

Similar to Paper to Pixels: Breaking down the barriers between print and interactive design (10)

Recently uploaded

Recently uploaded (11)

Paper to Pixels: Breaking down the barriers between print and interactive design