Rethinking the Interaction Design Portfolio

3,751 views

Published on

Published in: Design
1 Comment
10 Likes
Statistics
Notes
No Downloads
Views
Total views
3,751
On SlideShare
0
From Embeds
0
Number of Embeds
83
Actions
Shares
0
Downloads
40
Comments
1
Likes
10
Embeds 0
No embeds

No notes for slide

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.

×