Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports

1,360 views

Published on

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

Published in: Business, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,360
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
15
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • 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

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

    ×