Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond...
Transcript of Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond...
![Page 1: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/1.jpg)
Design guidelines for Pixel
Perfect Document DesignMatt Pepper, UK Presales, London Symposium, 6th April 2017
![Page 2: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/2.jpg)
Agenda
How to make Impactful Applications
UI vx. UX?
The Requirements Process
Iteration using MSTR
Choosing the right visualization
MSTR examples
![Page 3: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/3.jpg)
What makes a good app?
Two very separate design examples that have
different use cases:
• A blisteringly quick search engine;
• A user experience that makes you caress your
device
…and then there’s the final one, which I have seen
(and built myself!) many times!
3
![Page 4: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/4.jpg)
UI vs UXThe difference and importance
![Page 5: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/5.jpg)
So what’s the difference between UI an UX?
![Page 6: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/6.jpg)
How are skills different?
![Page 7: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/7.jpg)
Landing Page
Personalised information
Social Media or updates from BI team (Transactions)
Hyperlinks to key dashboards
Embedded content (e.g. videos; PDFs)
![Page 8: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/8.jpg)
Navigation: Consistent header with InfoWindow
![Page 9: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/9.jpg)
Demo App
![Page 10: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/10.jpg)
The Requirement Process within MicroStrategyA process recommendation
![Page 11: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/11.jpg)
11
User-Centered
Mobile Design
Project Overview
Audience
Definition
Features /
Requirements
Platform
Selection
Process Flows
StoryboardWireframes
Graphic
Design
Develop
User
Testing
Review
Final
ReviewFinal Approval
![Page 12: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/12.jpg)
Why are you making the app?
Use one sentence
![Page 13: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/13.jpg)
Iteration within MicroStrategy: Whiteboarding
![Page 14: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/14.jpg)
Iteration: Using Visual Insight
![Page 15: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/15.jpg)
Iteration: Report Services
![Page 16: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/16.jpg)
Cut tableConnect via Data Import
What can be built in VI?
User feedback
Draft schema Schemadesign
Draft Document
design
Image showing iterative
nature
Iteration within MicroStrategy: Iterating with VI
![Page 17: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/17.jpg)
Chunking DataCreating the building blocks for your Dashboard
![Page 18: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/18.jpg)
Data isn’t like your kids, you don’t have to pretend to love them all equally.
Amanda Cox,NY Times
![Page 19: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/19.jpg)
Chunking Data
![Page 20: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/20.jpg)
02083960000
Phone number as
one large string
020-8396-0000
Phone number chunked
into smaller strings
Chunking Data
![Page 21: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/21.jpg)
Chunking Data
![Page 22: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/22.jpg)
Dashboard
metrics
Component
metrics
Contributing
metrics
Hierarchy of metrics
![Page 23: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/23.jpg)
The Gartner Hierarchy of Metrics for Manufacturers
Hierarchy of metrics
![Page 24: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/24.jpg)
Example: Telecoms Customer Base
Hierarchy of metrics
![Page 25: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/25.jpg)
Example: Telecoms Customer Base
Hierarchy of metrics
![Page 26: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/26.jpg)
Chart TypesSelecting the right one
![Page 27: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/27.jpg)
Datavizcatalogue
Resources
No idea what visualization to use?
Try this site:
www.datavizcatalogue.com
![Page 28: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/28.jpg)
Stephen Few
Resources
Great baseline for understanding Dashboard design,
and how the human mind works
![Page 29: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/29.jpg)
Scott Berinato
Resources
Good for requirements gathering and looking at data
in a different way
![Page 30: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/30.jpg)
Abela’s Chart Type Hierarchy
![Page 31: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/31.jpg)
Matching Key Words to Chart Types
Source: Berinato, Good Charts
![Page 32: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/32.jpg)
Colour
Stick to a well-defined palette.
![Page 33: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/33.jpg)
Design
Colour Palette
![Page 34: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/34.jpg)
Typography
Stick with 1-2 readable fonts.
![Page 35: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/35.jpg)
Design
Typography
Sans serif Serif
GaramondLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
![Page 36: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/36.jpg)
Grouping
How do you use shapes to convey a hierarchy?
![Page 37: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/37.jpg)
Design
Grouping
![Page 38: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/38.jpg)
Contrast
Direct the attention of the user
![Page 39: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/39.jpg)
Design
Contrast
![Page 40: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/40.jpg)
Design
Contrast
![Page 41: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/41.jpg)
Design
Contrast
Dark contrast, more emphasis
Bold for emphasis (metrics)
Light for less emphasis (labels)
Less contrast for less emphasisSmaller font for less emphasis
![Page 42: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/42.jpg)
External References
![Page 44: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/44.jpg)
Image storage
Resources
Not got access to Web images folder?
www.postimage.org
![Page 45: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/45.jpg)
Online image editor
Resources
Not got access to Web images folder?
https://pixlr.com/editor
![Page 46: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/46.jpg)
Formatting Tips in MicroStrategyExplore your options – it’s worth it
![Page 47: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/47.jpg)
Think Mobile First
Button sizes
![Page 48: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/48.jpg)
Localytics
89.7%WiFi Devices
89.7%3G Enabled Devices
1.5%4G Enabled Devices
4
G
3
G
Platform Selection
Select a device
![Page 49: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/49.jpg)
Platform Selection
Select a device
![Page 50: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/50.jpg)
Colour Selection
![Page 51: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/51.jpg)
Flatten Graphs
![Page 52: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/52.jpg)
De-Emphasize Grid Lines
![Page 53: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/53.jpg)
Transparency
![Page 54: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/54.jpg)
Transparency
![Page 55: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/55.jpg)
Text Alignment
![Page 56: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/56.jpg)
Spacing
![Page 57: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/57.jpg)
Rename Objects
![Page 58: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/58.jpg)
Thresholds
![Page 59: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/59.jpg)
Thresholds
![Page 60: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/60.jpg)
Thresholds
![Page 61: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/61.jpg)
Thresholds
![Page 62: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/62.jpg)
Fullscreen Mode
![Page 63: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/63.jpg)
Formatting Tips in MicroStrategyExplore your options – it’s worth it
![Page 64: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/64.jpg)
Title Text
Click to add subtitle
![Page 65: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/65.jpg)
Title Text
Click to add subtitle
![Page 66: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/66.jpg)
Title Text
Click to add subtitle
![Page 67: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/67.jpg)
Title Text
Click to add subtitle
![Page 68: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/68.jpg)
Title Text
Click to add subtitle
![Page 69: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/69.jpg)
Title Text
![Page 70: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/70.jpg)
Title Text
Click to add subtitle
![Page 71: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/71.jpg)
Title Text
Click to add subtitle
![Page 72: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/72.jpg)
Title Text
![Page 73: Design guidelines for Pixel Perfect Document Design...Design Typography Sans serif Serif Garamond Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt](https://reader035.fdocuments.us/reader035/viewer/2022071107/5fe1652a954e0106633db861/html5/thumbnails/73.jpg)
Title Text
Click to add subtitle