Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports
-
Upload
jaspersoft -
Category
Business
-
view
1.281 -
download
0
description
Transcript of Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports
![Page 2: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/2.jpg)
©2013 Jaspersoft Corporation. 2
Creating Beautiful Reports
The purpose of a report
Present data
Bring important data to the surface
![Page 3: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/3.jpg)
©2013 Jaspersoft Corporation. 3
Creating Beautiful Reports
A good report is
easy to read and understand
intuitive to navigate
visually pleasing
![Page 4: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/4.jpg)
©2013 Jaspersoft Corporation. 4
Creating Beautiful Reports
How to achieve report goodness
1. Eliminate or reduce prominence of unimportant elements
2. Employ basic design fundamentals
![Page 5: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/5.jpg)
Eliminate or Reduce Prominence of Unimportant Elements
![Page 6: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/6.jpg)
©2013 Jaspersoft Corporation. 6
Creating Beautiful Reports
Eliminate or reduce prominence of unimportant elements
Why?
They compete for screen space and user’s attention
![Page 7: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/7.jpg)
©2013 Jaspersoft Corporation. 7
Creating Beautiful Reports
Unimportant elements
thick borders
backgrounds
shadows
3-D style effects
![Page 8: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/8.jpg)
©2013 Jaspersoft Corporation. 8
Creating Beautiful Reports
Thick Borders
![Page 9: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/9.jpg)
©2013 Jaspersoft Corporation. 9
Creating Beautiful Reports
Backgrounds
![Page 10: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/10.jpg)
Employ Basic Design Fundamentals
![Page 11: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/11.jpg)
©2013 Jaspersoft Corporation. 11
Creating Beautiful Reports
Fundamental 1
Space
Distance or area between, around, above, below, or within elements
Definition
• Reduces visual clutter
• Improves readability
Benefits
![Page 12: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/12.jpg)
©2013 Jaspersoft Corporation. 12
Creating Beautiful Reports: Space
![Page 13: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/13.jpg)
©2013 Jaspersoft Corporation. 13
Creating Beautiful Reports: Space
![Page 14: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/14.jpg)
©2013 Jaspersoft Corporation. 14
Creating Beautiful Reports
Fundamental 2
Typography
The use of type in a design. Type characteristics of concern are font,size, weight, style
Definition
• Gives emphasis
• Establishes hierarchy
• Improves readability
Benefits
![Page 15: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/15.jpg)
©2013 Jaspersoft Corporation. 15
Creating Beautiful Reports: Typography
Font
Size
Weight
Style
Serif San-Serif
Small Medium Large
Normal Bold
Italic Underline
![Page 16: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/16.jpg)
©2013 Jaspersoft Corporation. 16
Creating Beautiful Reports: Typography
![Page 17: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/17.jpg)
©2013 Jaspersoft Corporation. 17
Creating Beautiful Reports: Typography
![Page 18: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/18.jpg)
©2013 Jaspersoft Corporation. 18
Creating Beautiful Reports
Fundamental 3
Color
The application of hue, value, and saturation to create visual effects with specific color combinations
Definition
• Gives emphasis
• Establishes hierarchy
• Improves readability
• Lend emotional meaning
Benefits
![Page 19: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/19.jpg)
©2013 Jaspersoft Corporation. 19
Creating Beautiful Reports
Fundamental 3
Color
![Page 20: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/20.jpg)
©2013 Jaspersoft Corporation. 20
Creating Beautiful Reports: Color
![Page 21: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/21.jpg)
©2013 Jaspersoft Corporation. 21
Creating Beautiful Reports: Color
![Page 22: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/22.jpg)
©2013 Jaspersoft Corporation. 22
Creating Beautiful Reports
Fundamental 4
Alignment
How elements on the page line up with each other
Definition
Creates order and organization, improves readability
Benefits
![Page 23: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/23.jpg)
©2013 Jaspersoft Corporation. 23
Creating Beautiful Reports: Alignment
Poor vertical alignment
![Page 24: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/24.jpg)
©2013 Jaspersoft Corporation. 24
Creating Beautiful Reports: Alignment
Poor horizontal alignment
![Page 25: Jaspersoft Tech Talk Episode #14: Creating Beautiful Reports](https://reader033.fdocuments.us/reader033/viewer/2022051817/547c47afb4af9f3c388b4643/html5/thumbnails/25.jpg)
©2013 Jaspersoft Corporation. 25
Creating Beautiful Reports: Alignment