Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.


  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

3. Tables & Lists > Overview plus Data

Overview plus Data

The Overview plus Data pattern refers to a roll-up or summary of the table’s content displayed above the individual rows of data. My favorite example of this in a web app is in Discover’s SpendAnalyzer.

Discover SpendAnalyzer

Figure 3-7. Discover SpendAnalyzer

In mobile apps, like Bank of America’s accounts page, the available balance in the savings account (overview) is shown in large font over the account details (data). In the other example from NASDAQ.com, the overview is fixed above the content, so you can scroll through the portfolio without loosing the summary.

Bank of America and QFolio

Figure 3-8. Bank of America and QFolio

Adobe Site Catalyst uses a graph for the summary; however, the pie chart design needs improvement since the legend is illegible. Proofpoint does a nice job of incorporating the legend with the data.


  

You are currently reading a PREVIEW of this book.

                                                                                        

Get instant access to over
$1 million worth of books and videos.

  

Start a Free Trial


  
  • Safari Books Online
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint