Embed Size (px)
Citation preview
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.
