Archive for the 'Usability' Category

A Guide to Perfect Pagination

Pagination is a way to organize information into several web pages, it simply consists in dividing information into numbered pages. This technique comes from the system that has been used to organize information in books since the 16th century.

Traditional Pagination

Book Showing Pagination

 

Pagination today

Google Pagination Example

The Google approach works perfect, no doubt. It is also an example of how branding and usability could be mixed. Take care with too creative solutions.

I was thinking in writing an article about this topic but there is already a lot of information about it on the web. Looking for some hints for a new design I’m working on I have found the following nice references:

Great article on pagination usability, by Jesper Rønn-Jensen.

Webmaster World Forum: find here an interesting discussion about pagination usability.

Pagination gallery at the Smashing Magazine. Nice article but keep in mind that some alternative solutions are risky from the usability point of view.

Example on how bad pagination could ruin a good website (Blockbuster.com example)

Would you like to propose more links? Comments open :)

Popularity: 100% [?]

The Importance of Favicons

A favicon is an icon associated to a website or web page, it is also called website icon or page icon. There are several ways to implement it but the most traditional one is placing a favicon.ico image file. This image is going to be displayed in the web browser tool bar and bookmarks.

Favicons are not only important for marketing and branding proposes but also for usability:

- Favicons help the user to identify pages among the web browser tabs

- They help to visually identify bookmarks

- Because of the previous two points, they make users to save time and to make internet browsing a more comfortable experience

 

Tabs

Notice how easy it is to identify tabs if they have favicons:

Web Browser Showing Favicons In Tabs

 

Bookmarks

Users can easily search through bookmarks that have favicons:

Bookmarks With Favicons

 

The Branding Problem

Sometimes using favicons requires to make a balance between branding and usability. In the following example Google uses the same favicon for all its services. This has a positive and a negative effect: on one side different services benefit from the main Google brand if they share the same favicon, on the other side it makes difficult to differentiate different pages and services from the same company.  This a valid approach but using several favicons for different services of the same company/website could improve usability.

The Google favicon among different services:

The Google Favicon Among Services

 

Popularity: 64% [?]

« Previous PageNext Page »