eige.europa.eu/gender-statistics/dgs The database contains gender statistics from all over the European Union (EU) and beyond, at the EU, Member State and European level. It is aimed at providing statistical evidence which can be used to support and complement the European Commission’s (EC) Strategy on Gender Equality.

1. EIGE's Database on Gender
Statistics
Data visualisation of the Database on
Gender Statistics

2. Part 1: Overview of the DGS Web Interface
 Objectives
 Project Methodology
 User Experience Principles
Part 2: Data Visualisation System
 Navigation Design
 Proposed Data Visualisations (High-fidelity prototypes)
 Additional Tools and Functionality
Part 3: Conclusion and Discussions
Presentation Summary

3. EIGE's Database on Gender
Statistics
Part 1 - Overview

4. Objectives
Objective 1:
To allow the quick navigation to and easy discovery of
gender statistics (data and indicators).
Objective 2:
To effectively allow the discovery and visualisation of all
dimensions of the indicators.
Objective 3:
To support complex interrogations of the database’s
“live” datasets.
Objective 4:
To enable the further processing and sharing of gender
statistics (linked open data).

5. The project at a glance
Stakeholder
consultations
Stakeholder
consultations• Desk Research
• User Survey
• Online Discussions
• User Needs
Analysis
Phase 1: User
Needs
Assessment
• UserJourneys
• High-fidelity
Prototyping
• Design Reviews
• Technical Design
Phase 2:
Concept
Design
• Web Design
• Web Development
• Integration
• Testing
Phase 3:
Development
and Roll-out

6. 6
Defining the DGS UX
The problem:
 Large ‘live’ dataset
 Data model supports the storage
of data of any structure
(dynamic schema)
 Navigation tree not optimised for
user browsing
The principles:
 Not requirements but usage
scenarios (users’ needs)
 Exploratory (vs. explanatory) and
insightful (vs. infotainment)
 UI simplicity and web accessibility
 Support users in discerning
relationships in the data

7. EIGE's Database on Gender
Statistics
Part 2 - The Data Visualisation System

8. Overall Branding and Layout
 Concept selected after consultation with EIGE, between four
alternative concept proposals
 Brand Identity
 Selected colour scheme based on EIGE’s style guide
 Simple single-column layout to amplify the cognition aspects of
data presentation and representation
 Overall front-end design choices support
cross-device accessibility (adaptive web design)
View the Prototype

9. Navigation Design
 Features a primary navigation menu
 Offers two mechanisms for accessing the indicators:
 Tree browser - to browse the taxonomy model (tree) of the DGS
 Integrated search facility – to search for words or phrases in:
dataset names, superset names and keywords.
 Additional browsing support through related indicators, intermediate
pages and popular statistics

10. DV.01: EU Column Chart
 The default visualisation displayed once an indicator has been
selected by a user
 All available countries ordered in the x-axis and their values in the
y-axis (for the latest available year)
 Filters and operations:
 Changing the year’s data presented in the chart;
 Adding and comparing data segments;
 Displaying trend data for a segment;
 Selecting an available unit;
 Re-ordering the countries displayed; and
 Interactivity in the chart (tooltips).
View the Prototype

11. DV.02: EU Heat Map
 All EU and IPA countries are displayed on a graded map according
to their value
 The scale is automatically adjusted for every indicator's view based
on the value span of the displayed dataset
 Filters and operations:
 Changing the year’s data presented in the chart;
 Adding and comparing data segments;
 Selecting an available unit;
 Displaying trend data for a segment; and
 Interactivity in the chart (tooltips).
View the Prototype

12. DV.03: Timeline Chart
 The Timeline Chart is the default visualisation when a user selects
to view country-specific results for a selected indicator.
 It presents all available years in the x-axis and the selected
country’s (segment) values in the y-axis.
 Filters and operations:
 Adding and comparing data segments; and
 Selecting an available unit;
 Again, tooltips support the UX with rich
information for each country. View the Prototype

13. DV.04: Data Table
 Displays the indicator’s full dataset below the data visualisations
 By default countries are being represented as rows (primary
dimension) and years as columns
 Filters and operations:
 Selecting and adding up to 2 additional primary dimensions;
 Sorting of the data table by column values;
 Transposing the table;
 Creating and adding multiple segments; and
 Highlighting of the high and low values
of the data table.
View the Prototype

14. Other tools and functionality
 Indicator information:
 Reference Metadata;
 Dataset Information.
 Keyword pages
 Data Visualisations Export and Sharing:
 Data Export in multiple formats;
 Graph printing and exporting in various formats;
 API to query data based on SDMX;
 Social Media sharing for each page indicator; and
 Feedback gathering tool.

15. EIGE's Database on Gender
Statistics
Part 3 – Conlusion and discussion

16. Recap
1. The DGS web interface
is a branded tool aiming
to create pleasant user
journeys that support the
consumption and
dissemination of research
data and statistics on
gender equality in
Europe.
2. The high-fidelity
prototype is based on
four data visualisation
functions, two main
entry points and a
number of tools to
enable the interrogation
and presentation of the
data and metadata.
3. The primary focus
is to add value to the
existing database in
terms of the
accessibility,
readability and
usability of the DGS.

17. Next Steps
 Phase 2: Concept Design
 Finalisation of the data visualisation specifications
 Finalisation of the High-fidelity Prototype (2 additional rounds are
planned)
 Phase 3: Implementation
 Design, Development and Integration of the DGS web application
in EIGE’s new website
 User Acceptance Testing
 Launch of the DGS web application

18. Nick Vaslamatzis
Digital Project Manager
https://gr.linkedin.com/in/vaslamatzis
EWORX S.A.
www.eworx.gr
Athens: 66 Jean Moreas St. GR-15231
Brussels: Rue du Marteau 81, B-1000
Tel: +30 210 61 48 380