#sqlsatTorino #sqlsat400 May 23, 2015 SSRS Reports & HCI How to build the perfect dashboard Nicola

Slides:



Advertisements
Similar presentations
Typography Typography exists to honor content. — Robert Bringhurst,
Advertisements

User Interface Structure Design
1 Human Computer Interaction Week 3 User Interface Design.
Choose the Proper Screen-Based Controls
Display (Output) Design Cognitive functions Present task data Communicate task organization Grouping and ordering Draw attention Aid discrimination/searching.
Principles of Web Design 5th Edition
Part 3: Design Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction Design Chapter.
Designing Pages and Screens Comm Arts II Mr. Wreford.
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Tips for Making Effective PowerPoint Slides
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Web Page Design ECE 3940 Megan O’Byrne 10 September 09.
Chapter 13: Designing the User Interface
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Designing Scientific Research Posters By Dan Kenzie and Mary McCall.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
TECHNICAL WRITING November 16 th, Today Effective visuals. Work on Assignment 6.
Principles of Web Design 6 th Edition Chapter 2 – Web Site Design Principles.
WEB DESIGN TIPS FOR DESIGNING A WEB PAGE. PURPOSE OF WEBSITE To inform To persuade To market/sell To entertain To advocate KNOW YOUR PURPOSE!
1 PowerPoint Presentation Design Wednesday, September 02, 2015Ms. Wear Info Tech 9/10.
William H. Bowers – Designing Look and Feel Cooper 19.
1 Understanding Microsoft PowerPoint What is it? Vector-based graphics program The graphics it produces are resizable The colors can be changed easily.
Charmin Suttles TEC 542.  What is an interface? ◦ Thorsen(2009) describes an interface as “the consistent color, font style, and placement of informational.
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
CS3205: HCI in SW Development More on Detailed Design: Guidance and Color.
PowerPoint Presentation Tips and Rules to Follow Tami L. Winters February 21, 2005.
POWERPOINT GUIDELINES For use during Telematic broadcasts.
© Anselm Spoerri Lecture 14 Course Review –Course Objectives –Design Principles Evaluation Criteria used for Term Project.
Guidelines For Effective Presentations. Agenda Getting started on a presentation Creating a presentation Guidelines for creating a presentation Final.
Web Site Design Principles
Ch 9 Colors Yonglei Tao School of Computing & Info Systems GVSU.
Effective PowerPoint Design. Principles of good presentation design  Develop and use a slide template –provide a consistent look and feel to your presentation.
VERITAS Confidential Graphic Design Shashank Deshpande VERITAS Software July, 2003.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Design Elements of Graphical Representation, (Factors supporting appearance and functionality of solutions). P0CCUAA.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
1 Basics of Presentation Design Kate MacDonald MCPHS 12/7/99.
Building Dashboards SharePoint and Business Intelligence.
1 PowerPoint Presentation Design. Tuesday, October 05, 2004 Ms. Wear Info Tech 9/10 2/18 Overview Color and font Slide content Purpose of PowerPoint Design.
 What is your topic?  What is the purpose of your presentation?  Who is your audience? › What do they know? › What are they interested in?
With a focus on screen design and CRAP. The Joshua Tree Epiphany.
Design Phase intro & User Interface Design (Ch 8)
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Usability Olaa Motwalli CIS764, DR Bill – KSU. Overview Usability factors. Usability guidelines.  Software application.  Website. Common mistakes. Good.
Getting Started with Datazen Microsoft’s New Mobile Dashboard Platform.
Graphic Design Tricks Good ideas for Powerpoint presentations.
Tips for Effective Power Point Presentations A Speaker’s Guide to the 2016 National Conference on Ending Homelessness.
User-Centered Website/Software Development
Tips for Effective PowerPoint Presentations
Section 7.1 Section 7.2 Identify presentation design principles
SSRS - Charts like you've never seen before
Tips for Effective PowerPoint Presentations
POWERPOINT GUIDELINES
Your Poster Title Here Your Name, Other Names… Your University
User Interface Design Notes are from: Wilson, Software Design and Development The Preliminary Course. Cambridge Press. pp and Fowler,
Objective % Explain concepts used to create websites.
11/18/2018 5:19 PM © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN.
Better Design Understand how to incorporate key design concepts to the entire site Guidelines for site design Use color, balance, alignment, and other.
Chapter 14 Moving from choosing components into design areas
Interface Design Interface Design
Objective Explain concepts used to create websites.
POWERPOINT GUIDELINES
POWERPOINT GUIDELINES
POWERPOINT GUIDELINES
POWERPOINT GUIDELINES
User-Centered WebsIte/Software Development
Presentation transcript:

#sqlsatTorino #sqlsat400 May 23, 2015 SSRS Reports & HCI How to build the perfect dashboard Nicola

#sqlsatTorino #sqlsat400 May 23, 2015 Sponsors

#sqlsatTorino #sqlsat400 May 23, 2015 Organizers

#sqlsatTorino #sqlsat400 May 23, 2015 Speaker Working for Berner SPA as SQL e.NET developer Build Report and Dashboard with SSRS for the Management Team Passionate of SQL stack I don’t miss any conference, specially SQL Saturday!

#sqlsatTorino #sqlsat400 May 23, 2015 Agenda  HCI and Usability  Concepts  Guidelines  DashBoards  Guidelines & Building process  Demo

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - What they are  Concepts  Human–computer interaction (HCI) researches interfaces between users and computer  Usability is the ease of use of:  Software Application  Website  Report

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Why we bother in Reports?  Every report has to be designed, so… (CASE WHEN Usability=True THEN ‘Awesome’ ELSE ‘Horrible’ END) AS Quality  + Time on Usability = + Report Quality

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Rules and Guidelines  Grouping  Alignment  Font  Color  White Space  Consistency

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Rules and Guidelines  Grouping  Logically together Physically together  We can use blocks to divide and create groups  Contrast and Color can also be effective!  White space is not waste space

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Rules and Guidelines

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Rules and Guidelines  Alignment  Align related components  Right alignment is good, but not always  Scan on aligned text is very easy  Gaps between columns should not be too large  Can be “guided” with colors and lines

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Rules and Guidelines

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Rules and Guidelines

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Rules and Guidelines

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Rules and Guidelines  Font  Can be use to emphasize elements…but no too much!  Sans-Serifs for Text (Readable), Serifs can be used only for Headings  1-2 Fonts Max  2-3 Sizes Max  Long line are boring (max 55 char)  AVOID UPPERCASE

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Rules and Guidelines

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Rules and Guidelines  Color  3-5 Max Color + Backgrounds  Must be consistency between them  Palette can be effective  Be aware also to cultural aspects  Text color must be choose in relation to the background

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Rules and Guidelines

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Rules and Guidelines

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Rules and Guidelines  Color  Bright text on dark background  Background: dark colors  Text: bright non-saturated color  Dark text on bright background  Background: bright non-saturated color  Text: dark colors, avoiding blue

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Rules and Guidelines

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Rules and Guidelines  White Space  Creates contrast  Separate  Structure  Highlight

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Rules and Guidelines

#sqlsatTorino #sqlsat400 May 23, 2015 HCI and Usability - Extra Guidelines  Flexible  Graphically consistent, Researchable  Intuitive  Info displayed, Reading guideline  Consistent  Internally  Externally  Visual Consistency  Only main Info in the Dashboards  Minimize the number of Info

#sqlsatTorino #sqlsat400 May 23, 2015 Dashboards - What it is  Concept  Easy to read user interfaces  Instant  Decisional objects  KPI - key performance indicators  Show graphical presentation of the current status and historical trends

#sqlsatTorino #sqlsat400 May 23, 2015 Dashboards - Building process  Being a complex element you need to plan the building process  If Dashboard needs to be generated periodically for many recipients a good building process is mandatory!

#sqlsatTorino #sqlsat400 May 23, 2015 Dashboards - Building process, Step #1 Data  Think of all the data you need  Complete list is mandatory!  Complete but ASAP ( As SMALL As Possibile)  Include in the data the calculated fields!  Less is done in SSRS, fastest is the rendering  Use Store Procedure, not code in SSRS  Optimization aspects  There’s no magic number for Datasets

#sqlsatTorino #sqlsat400 May 23, 2015 Dashboards - Building process, Step #2 Design  Decide Structure  KPIs  Graphics  Info available  Export Format  Decide Design  Colors (all of them)  Fonts …and then build!

#sqlsatTorino #sqlsat400 May 23, 2015 Let’s mix all together! - HCI, Usability and….Dashboards?!  Complex Reports  Large  Many elements  A lot of Info We need a lot of help to build them well! We need Usability! We need its guidelines!

#sqlsatTorino #sqlsat400 May 23, 2015 Dashboards - Lasts Tips  Debug  Always and continue debug in SSRS and Excel  Debug for colors  Debug for alignment  Alignment is tricky

#sqlsatTorino #sqlsat400 May 23, 2015 Demo - KPI

#sqlsatTorino #sqlsat400 May 23, 2015 Demo – KPI and Graphs

#sqlsatTorino #sqlsat400 May 23, 2015 Demo – KPI and Graphs

#sqlsatTorino #sqlsat400 May 23, 2015 Resources HCI    Dashboards  dashboard-and-some-tips.html dashboard-and-some-tips.html 

#sqlsatTorino #sqlsat400 May 23, 2015 Q&A  Domande?

#sqlsatTorino #sqlsat400 May 23, 2015 THANKS! SPEAKERSCORE #sqlsatTorino #sqlsat400