rethinking the interaction design portfolio

PORTFOLIOS ON THE WEB

These days, creativesin every field haveonline portfolios.

Illustration

Art

Landscape Design

Architecture

Industrial Design

Photography

Motion Graphics

Graphic Design

Copywriting

Interaction Design

Photography

Motion Graphics

Graphic Design

Copywriting

Interaction Design

IDEAL MEDIA

Each design discipline has an ideal medium, the one

in which the work was meant to be seen.

Photography

Motion Graphics

Graphic Design

Copywriting

Interaction Design

Image

Motion Graphics

Graphic Design

Copywriting

Interaction Design

Image

Motion Graphics

Graphic Design

Copywriting

Interaction Design

Image

Video

Graphic Design

Copywriting

Interaction Design

Image

Video

Graphic Design

Copywriting

Interaction Design

Image

Video

Image

Copywriting

Interaction Design

Image

Video

Image

Copywriting

Interaction Design

Image

Video

Image

Text / Image / Video

Interaction Design

Image

Video

Image

Text / Image / Video

Interaction Design

Image

Video

Image

Text / Image / Video

Interactive Media

WAIT, WHAT?

Image

Video

Image

Text / Image / Video

Interactive Media

Image

Video

Image

Text / Image / Video

Image?

THIS IS A PDF FILE

but you can’t interact with the work itself.

The work is interactive,

SQUANDERED POTENTIAL

The irony is that Interaction Design is most suited for the

web, yet uses the least appropriate medium.

The interactions, gestures, info architecture, experience,

and many other aspects of the design are ignored.

It doesn’t have to be this way.

REDESIGNING THEINTERACTION DESIGN

PORTFOLIO

OBJECTIVE

Rethink the way we portray the role of interaction

designers, and the way we present interaction design.

CRITERIA

It must correctly portray the roles of an interaction designer.

It must correctly portray the roles of an interaction designer.

It must cater to professionals as well as laymen.

It must correctly portray the roles of an interaction designer.

It must cater to professionals as well as laymen.

It must be interactive.

At first, this project was meant to be more of an

educational site, but now it’s a pure portfolio.

HOW TO SHOWTHE ROLES OF AN

INTERACTION DESIGNER

Visual Design

Information Architecture

Usability

Copy

Delighting the User

Visual Design

Information Architecture

Usability

Copy

Delighting the User

Visual Design

Information Architecture

Usability

Copy

Delighting the User

Gamify

bad good

In-line Interactive Project

Visual Design

Information Architecture

Usability

Copy

Delighting the User

Visual Design

Information Architecture

Usability

Copy

Delighting the User

“The design must be tailored to a certain subset of people. For instance, you are from New York, using

Chrome on a Mac.”

Visual Design

Information Architecture

Usability

Copy

Delighting the User

IN-LINE INTERACTION

One of the best ways to present design work is to visit the original context

pros: context, full experiencecon: you have to leave the site

In-line

jQ mockup

joelcalifa.com/inlinetest

DESIGN IS A PROCESS

Market Research

Wireframing

Usability Testing

Iteration

etc.

You can learn a lot about designers through their

design process.

The final portfolio will include details about my process

RECAP

Interaction Design isn’t presented in the best way.

I want to make this better, using my portfolio as a test.

I’ll do this by creating an actually interactive portfolio.

and by presenting many ofmy roles as a designer.

It’s going to be pretty rad.

FIN.