Born on the Web

Episode 1: Episode 2:

Clearification

Update: I think this is a marketing campaign for Microsoft Vista, pretty clever. It seems so...

Yipikajee! The written part of my final thesis is finally finished. Just like Jesse I spent the past four years studying Communication & Multimedia Design in Genk, Belgium. I'm heavily interested in rich media user experiences and decided that it was a research subject I wanted to explore further. The thesis examines the role of interface metaphor in rich media web experiences. Much research has already been conducted on interface metaphor in the light of usability. I tried to broaden these views and place interface metaphor in the domain of experience design. download thesis (pdf, 1 MB) The presentations of the final thesisses are September 4th and 5th in the Media & Design Academy in Genk. Feel free to join us.

Click the images for original size. My great guest blogger Frits is finishing his master thesis, normally Frits would have finished his year together with me, but he decided getting drunk and scoring girls was more important at the moment. :-) So here he is working for school in summer time. He asked me to give some feedback on the project he's working on. I'll do it on the blog, so you guys can give your opinion too. Don't hesitate to criticize him in the comments. For once it's ok. His project involved a research he did in the use of a metaphor in the design of a website. Now he is making a personal portfolio using a metaphor.

After the preloader this pretty huuge corkboard shows. People can move their mouse around to discover what the different sections are. If they mouse over a section you'll see more info about it. (black boxes popping up) People expect to be able to move the elements on a corkboard, therefore the project thumbnails are dragable. I like the idea of using a cork board, it's dead simple, everybody knows it and recognizes it. The link to an offline cork board is very tangent and for a portfolio a good match. So I think the metaphor is pretty well taught out. I'm only a bit worried about the usability. I'm not sure were to find the navigation, I guess it is the post it note in the right top corner. Maybe a clever animation can make this clear. People visiting the site should feel some structure, now it seems very chaotic.

Pictures straight from Flickr. You can browse through them on the site by clicking the left or right picture. I love how he integrates his social profiles into his portfolio (del.icio.us, flickr). This can makes the relatively static portfolio more lively. I would however make the text on the board more "in your face". Not only the design has to be compliant with the metaphor also the text on the board. I would try to give some attention to that part of the project. For example change the pretty boring "view on flickr" link to something like "Lickr my Flickr". This makes exploring the cork board a bit more challenging, I know that's in contrary with my usability remark. But I guess you should try to find a good balance between reasonable usability and fun in exploring the board.

Leave some dymo messages on the wall. I'm not sure people got the idea of the dymo. A simple animation is enough to make this clear, again I would do this in a very direct way. For example an animation of the dymo typing a message: "This animation is specially made for all the stupid morons who can't understand this is the button leave a message." Maybe I'm going to far in this, but you get the idea.

When a project thumbnail is clicked the project details slide on the screen and the background becomes blurry. The project view contains a slideshow of screenshots of the site and production documents. Frits has to realize the projects are the most important part of his site. Potential employers or customers are interested in seeing what you're experience is, what your good at. If they like your projects, the next thing they will like to see is what kind of person you are. Are you on top of new technologies? proof: updated blog/del.icio.us feed. Are you a social person? proof: Flickr feed. What was your latest project? proof: a very good updated project section. If they all like that, the only thing they want is to find your contact information. Make it easy for your visitors to find your email address. Don't use a web form, maybe the person visiting the site isn't responsible for contacting you, but he can recommend you to someone else. Make your email copy/pastable. You're going to have spam anyway so... I like the overall idea and it looks pretty cool. Try to make the animations as smooth as possible so people can really experience your portfolio playground. Don't forget the purpose of a good portfolio. Carry on ...

Teknision is a branded application company, they are the creators of the site I linked yesterday: "Update Hollywood". Paolo hinted me to the presentation of his company in a comment: How marketers can use rich internet applications to build their brands? (video + powerpoint) Interesting talk...

Hey, had a client send me a link to your blog, we actually are the company that developed the front end of Update Hollywood, here is a link to a presentation that we did on user experience and our spin on it. Gabor Vida, our President did the presentation to local businesses in our area. http://www.teknision.com/zone5ive/ check it out.

Thanks for the feedback Paolo.