Web 2.0 interfaces
An article where I compare and contrast popular web 2.0 user interfaces with the aim to coming to some conclusions about how to approach the ePortfolio user experience.
Nb. This is in draft. More words to add.
Flickr
Flickr is the best way to store, sort, search and share your photos online. There is a huge mass of photos in the world, and Flickr provides a way to organize yours, and for you and your friends and family to tell your stories about them.
The Flickr user interface. The main focus is the latest photos, ordered in reverse chronological order. The right-hand column contains links to user-grouped ‘sets’ (photo albums) and there are a number of global navigation systems around the edges of the screen.
The lower half of the Flickr user interface enables the user to navigate back through time. The footer nav itself repeats the items in the header nav but in a different layout (no dropdowns).
The Flickr header navigation. Flickr logo and “Home” link are conventional top left and both are a link to the user’s homepage rather than the generic sign-up page. Topmost navigation: Messages, Help, Sign Out. Second row: Home, You, Organize, Groups, Explore, Search (all have drop downs revealing more navigation options). Third Row: Your photos nav: Sets, Tags, Archives, Favourites, Popular, Profile. Also there is a View as slideshow link that moves through all the photos on the page.
The users can move in reverse-chronological order through their photos which are paginated in a familiar Google style. The footer nav offers another way to the global options within the system. There is also a “Save to del.icio.us” which makes sense since Yahoo own both Flickr and del.icio.us.
del.icio.us
del.icio.us is a collection of favorites – yours and everyone else’s
It’s all about the links. The user homepage’s main content is user-saved bookmarks in reverse-chronological order. The right-hand panel show the user’s tags (taxonomy/folksonony).
The simple means of navigating through recent links.
Not a lot in the footer.
Tags: Eportfolio, Graphical User Interface, User experience, Web design