• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports
 

Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports

on

  • 1,088 views

In this Jaspersoft Tech Talk episode, we cover some best practices from web and user interface design and how they apply to report design. You will learn about how to use or not use design elements ...

In this Jaspersoft Tech Talk episode, we cover some best practices from web and user interface design and how they apply to report design. You will learn about how to use or not use design elements such as:
* Boarders, Backgrounds, Shadows, 3-D Styles
* Space
* Typography: Fonts, size weight, and style
* Colors
* Alignment

To view our full list of Jaspersoft Tech Talks, please visit http://www.jaspersoft.com/tech-talks

View the companion video for this presentation here: http://youtu.be/4ByE-GW2mIU

Statistics

Views

Total Views
1,088
Views on SlideShare
1,088
Embed Views
0

Actions

Likes
0
Downloads
3
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • One of the biggest mistakes business people make in reports, presentations, and documentation is to use every last pixel of space on a page. Doing so results in a document that is so busy it is unreadable. Space, often called "white space," is good. Use it. In report design, you want to have enough space within and around a table or crosstab so the contents can be read and understood with little effort or strain.

Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports Presentation Transcript

  • Tech Talk #14:Creating Beautiful ReportsAnna LeegUser Experience Designeraleeg@jaspersoft.com
  • Creating Beautiful ReportsThe purpose of a report Present data Bring important data to the surface©2013 Jaspersoft Corporation. 2
  • Creating Beautiful ReportsA good report is easy to read and understand intuitive to navigate visually pleasing©2013 Jaspersoft Corporation. 3
  • Creating Beautiful ReportsHow to achieve report goodness1. Eliminate or reduce prominence ofunimportant elements2. Employ basic design fundamentals©2013 Jaspersoft Corporation. 4
  • Eliminate or Reduce Prominence ofUnimportant Elements
  • Creating Beautiful ReportsEliminate or reduce prominence ofunimportant elements©2013 Jaspersoft Corporation. 6Why?They compete for screen space anduser’s attention
  • Creating Beautiful ReportsUnimportant elements thick borders backgrounds shadows 3-D style effects©2013 Jaspersoft Corporation. 7
  • Creating Beautiful ReportsThick Borders©2013 Jaspersoft Corporation. 8
  • Creating Beautiful ReportsBackgrounds©2013 Jaspersoft Corporation. 9
  • Employ Basic Design Fundamentals
  • Creating Beautiful ReportsFundamental 1Space©2013 Jaspersoft Corporation. 11Distance or area between, around,above, below, or within elementsDefinition• Reduces visual clutter• Improves readabilityBenefits
  • Creating Beautiful Reports: Space©2013 Jaspersoft Corporation. 12
  • Creating Beautiful Reports: Space©2013 Jaspersoft Corporation. 13
  • Creating Beautiful ReportsFundamental 2Typography©2013 Jaspersoft Corporation. 14The use of type in a design. Typecharacteristics of concern are font,size, weight, styleDefinition• Gives emphasis• Establishes hierarchy• Improves readabilityBenefits
  • Creating Beautiful Reports: Typography©2013 Jaspersoft Corporation. 15FontSizeWeightStyleSerif San-SerifSmall Medium LargeNormal BoldItalic Underline
  • Creating Beautiful Reports: Typography©2013 Jaspersoft Corporation. 16
  • Creating Beautiful Reports: Typography©2013 Jaspersoft Corporation. 17
  • Creating Beautiful ReportsFundamental 3Color©2013 Jaspersoft Corporation. 18The application of hue, value, andsaturation to create visual effects withspecific color combinationsDefinition• Gives emphasis• Establishes hierarchy• Improves readability• Lend emotional meaningBenefits
  • Creating Beautiful ReportsFundamental 3Color©2013 Jaspersoft Corporation. 19
  • Creating Beautiful Reports: Color©2013 Jaspersoft Corporation. 20
  • Creating Beautiful Reports: Color©2013 Jaspersoft Corporation. 21
  • Creating Beautiful ReportsFundamental 4Alignment©2013 Jaspersoft Corporation. 22How elements on the page line up witheach otherDefinitionCreates order and organization, improvesreadabilityBenefits
  • Creating Beautiful Reports: Alignment©2013 Jaspersoft Corporation. 23Poor vertical alignment
  • Creating Beautiful Reports: Alignment©2013 Jaspersoft Corporation. 24Poor horizontal alignment
  • Creating Beautiful Reports: Alignment©2013 Jaspersoft Corporation. 25
  • Anna Leegaleeg@jaspersoft.comThank You