Saturday, 26 February 2011

UI Design Pattern - Dashboard




Dashboard a landing page of an application containing large and clear symbols of main functionality and optionally an area for relevant new information.

Check out Google I/O 2010 conference presentation Android UI design patterns for a conference presentation about UI design patterns. It features the dashboard pattern.

More details after the jump...




Pattern card

Problem

Very clear and easily accessible navigation to application's main functionality is very important in mobile applications. They are used for short periods of time usually to achieve a very simple goal (post a update to a social network, send a message, take a picture, etc). 


Solution

Landing page of the application should visually clear and provide easy access to main tasks user want to do with the application. 








Consequences 
  1. Very easy and fast access to main functionality
  2. Clear and non-intimidating landing page
  3. User gets clear understanding what the application does best
  4. Opportunity to provide branded first impression
  5. Option to include current information about the application or the application domain


Few Examples







More from this blog

2 comments:

  1. except the reference implementation the twitter application no longer uses this ui paradigm. Not sure why, or if google has changed their stance on this, but useful none the less.

    ReplyDelete
  2. Yes, you are right. I think Google is no longer in control of the twitter app. The latest iteration of it seem to be pretty different from the original one. They also promised to release source code for it but that never happened.

    ReplyDelete