Your SlideShare is downloading. ×
0
PORTFOLIOS ON THE WEB
These days, creatives in every field have  online portfolios.
Illustration       ArtLandscape Design  ArchitectureIndustrial Design
Photography Motion Graphics Graphic Design   CopywritingInteraction Design
Photography Motion Graphics  Graphic Design   CopywritingInteraction Design
IDEAL MEDIA
Each design discipline hasan ideal medium, the one  in which the work was    meant to be seen.
Photography Motion Graphics Graphic Design   CopywritingInteraction Design
Image Motion Graphics Graphic Design   CopywritingInteraction Design
Image Motion Graphics Graphic Design   CopywritingInteraction Design
Image      Video Graphic Design   CopywritingInteraction Design
Image      Video Graphic Design   CopywritingInteraction Design
Image      Video     Image   CopywritingInteraction Design
Image      Video     Image   CopywritingInteraction Design
Image       Video       ImageText / Image / Video Interaction Design
Image       Video       ImageText / Image / Video Interaction Design
Image       Video       ImageText / Image / Video Interactive Media
WAIT, WHAT?
Image       Video       ImageText / Image / Video Interactive Media
Image       Video       ImageText / Image / Video      Image?
THIS IS A PDF FILE
The work is interactive, but you can’t interact  with the work itself.
SQUANDERED POTENTIAL
The irony is that Interaction Design is most suited for theweb, yet uses the leastappropriate 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 interactiondesigners, and the way wepresent interaction design.
CRITERIA
It must correctly portray theroles of an interaction designer.
It must correctly portray theroles of an interaction designer. It must cater to professionals      as well as laymen.
It must correctly portray theroles of an interaction designer. It must cater to professionals      as well as laymen.     ...
At first, this project was meant to be more of aneducational site, but now  it’s a pure portfolio.
HOW TO SHOW   THE ROLES OF ANINTERACTION DESIGNER
Visual DesignInformation Architecture       Usability         Copy  Delighting the User
Visual DesignInformation Architecture       Usability         Copy  Delighting the User
Visual DesignInformation Architecture       Usability         Copy  Delighting the User
Gamify
bad   good
In-line Interactive Project
Visual DesignInformation Architecture       Usability         Copy  Delighting the User
Visual DesignInformation Architecture       Usability         Copy  Delighting the User
“The design must betailored to a certain subsetof people. For instance, you are from New York, using     Chrome on a Mac.”
Visual DesignInformation 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...
In-line
jQ mockup
joelcalifa.com/inlinetest
DESIGN IS A PROCESS
Market Research WireframingUsability Testing    Iteration      etc.
You can learn a lot aboutdesigners through their    design process.
The final portfoliowill include detailsabout my process
RECAP
Interaction Design isn’tpresented in the best way.
I want to make this better,using my portfolio as a test.
I’ll do this by creating anactually interactive portfolio.
and by presenting many of my roles as a designer.
It’s going to be pretty rad.
FIN.
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Upcoming SlideShare
Loading in...5
×

Rethinking the Interaction Design Portfolio

1,875

Published on

Published in: Design
1 Comment
8 Likes
Statistics
Notes
No Downloads
Views
Total Views
1,875
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
21
Comments
1
Likes
8
Embeds 0
No embeds

No notes for slide

Transcript of "Rethinking the Interaction Design Portfolio"

  1. 1. PORTFOLIOS ON THE WEB
  2. 2. These days, creatives in every field have online portfolios.
  3. 3. Illustration ArtLandscape Design ArchitectureIndustrial Design
  4. 4. Photography Motion Graphics Graphic Design CopywritingInteraction Design
  5. 5. Photography Motion Graphics Graphic Design CopywritingInteraction Design
  6. 6. IDEAL MEDIA
  7. 7. Each design discipline hasan ideal medium, the one in which the work was meant to be seen.
  8. 8. Photography Motion Graphics Graphic Design CopywritingInteraction Design
  9. 9. Image Motion Graphics Graphic Design CopywritingInteraction Design
  10. 10. Image Motion Graphics Graphic Design CopywritingInteraction Design
  11. 11. Image Video Graphic Design CopywritingInteraction Design
  12. 12. Image Video Graphic Design CopywritingInteraction Design
  13. 13. Image Video Image CopywritingInteraction Design
  14. 14. Image Video Image CopywritingInteraction Design
  15. 15. Image Video ImageText / Image / Video Interaction Design
  16. 16. Image Video ImageText / Image / Video Interaction Design
  17. 17. Image Video ImageText / Image / Video Interactive Media
  18. 18. WAIT, WHAT?
  19. 19. Image Video ImageText / Image / Video Interactive Media
  20. 20. Image Video ImageText / Image / Video Image?
  21. 21. THIS IS A PDF FILE
  22. 22. The work is interactive, but you can’t interact with the work itself.
  23. 23. SQUANDERED POTENTIAL
  24. 24. The irony is that Interaction Design is most suited for theweb, yet uses the leastappropriate medium.
  25. 25. The interactions, gestures, info architecture, experience,and many other aspects of the design are ignored.
  26. 26. It doesn’t have to be this way.
  27. 27. REDESIGNING THEINTERACTION DESIGN PORTFOLIO
  28. 28. OBJECTIVE
  29. 29. Rethink the way we portray the role of interactiondesigners, and the way wepresent interaction design.
  30. 30. CRITERIA
  31. 31. It must correctly portray theroles of an interaction designer.
  32. 32. It must correctly portray theroles of an interaction designer. It must cater to professionals as well as laymen.
  33. 33. It must correctly portray theroles of an interaction designer. It must cater to professionals as well as laymen. It must be interactive.
  34. 34. At first, this project was meant to be more of aneducational site, but now it’s a pure portfolio.
  35. 35. HOW TO SHOW THE ROLES OF ANINTERACTION DESIGNER
  36. 36. Visual DesignInformation Architecture Usability Copy Delighting the User
  37. 37. Visual DesignInformation Architecture Usability Copy Delighting the User
  38. 38. Visual DesignInformation Architecture Usability Copy Delighting the User
  39. 39. Gamify
  40. 40. bad good
  41. 41. In-line Interactive Project
  42. 42. Visual DesignInformation Architecture Usability Copy Delighting the User
  43. 43. Visual DesignInformation Architecture Usability Copy Delighting the User
  44. 44. “The design must betailored to a certain subsetof people. For instance, you are from New York, using Chrome on a Mac.”
  45. 45. Visual DesignInformation Architecture Usability Copy Delighting the User
  46. 46. IN-LINE INTERACTION
  47. 47. 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
  48. 48. In-line
  49. 49. jQ mockup
  50. 50. joelcalifa.com/inlinetest
  51. 51. DESIGN IS A PROCESS
  52. 52. Market Research WireframingUsability Testing Iteration etc.
  53. 53. You can learn a lot aboutdesigners through their design process.
  54. 54. The final portfoliowill include detailsabout my process
  55. 55. RECAP
  56. 56. Interaction Design isn’tpresented in the best way.
  57. 57. I want to make this better,using my portfolio as a test.
  58. 58. I’ll do this by creating anactually interactive portfolio.
  59. 59. and by presenting many of my roles as a designer.
  60. 60. It’s going to be pretty rad.
  61. 61. FIN.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×