Style: A collection of attributes that create a surface look (i.e. motion effects or trendy fonts.)
Metaphor: A way of thinking about portfolio structure. A successful metaphor says the portfolio is organized in a certain way, and is like something we are familiar with in the real world; successfully developed, a metaphor helps the viewer understand and interact with your format (UI.)
Online portfolios adhere to at least one of the following metaphors; few are mutually exclusive (as defined in Designing a Digital Portfolio, p 195-198):
- Gallery
- Spec sheet/brochure
- Outreach
- Narrative
- Diary
- Experience
That said, the metaphors I’ll be using to control the UX in my portfolio will be that of a magazine (primarily.) There will be a Table of Contents (Bio, Portfolio, Resume, Contact.) The Portfolio section will break down into sub sections: Print, Websites and Motion Graphics. However, the UX will also mimic the real time user experience at a gallery exhibition: all Portfolio work will be captioned along with navigation (in the form of thumbnails at the bottom of the page) allowing the user to slow down, speed up or revisit any pieces in the Portfolio section. Not such a different experience than that of strolling through a series of galleries at a museum where one might linger, revisit or skip work depending on ones interests and time constraints.
For specific examples, see one of the links (below); screen captures/images are inadequate substitutes for website interaction.
http://www.howarddesign.com/
http://adrianpreussdesign.com/wordpress/print/list-1/fng/
http://www.saatchi.com/worldwide/ideas_gallery.asp
I really like Saachi's Ideas Gallery UI.
No comments:
Post a Comment