Logo: Relish

  1. Sign in

Project: How-equal-am-i

How Equal Am I?

A form which takes the user's gender and country and displays gender equality results personal to them, as part of the 100 Women Project.

100 women branding

Status: Embargoed until 10pm on the 18th November - but allowed to use dummy data
Due live date: 18th Nov 2015
Promotional: 19th Nov 2015
Languages: Lots! Complicated ones include Russian, Chinese, Persian, Arabic

Things to bear in mind:
* All of the infographic elements should be female on the left, opposite gender on the right.
* This should be the opposite for RTL languages.
* In addition, RTL flips the following things:
- ranking (Country Ranking section)
- risers/fallers (Country Ranking section)
- the table (at the end of the interactive)
* There is no personalised share landing page, i.e. clicking on a link someone has shared on social media will load the default landing page, not showing any personalised results

Scenarios
Landing page animation
When
I first land on the page
Then
I should see an animation of people on scales
When
I scale down to mobile
Then
some people should be removed from the animation
Landing page form
When
I first land on the page
Then
I should see a text input field where I can select my country
And
it should be prepopulated with a country (according to the BBC site language)
And
there should be a radio button for each gender
And
a submit button
Form interaction
Given
I have filled in my country and selected a gender
When
I submit the 'How equal am I?' button
Then
the results section should load
And
the browser should scroll down to the beginning of the results section
Country Ranking section
Given
I am on the 'country ranking' section
Then
I should see the blocks beneath the humans grow from 0 to the correct height
And
I should see my country's flag
And
if my country's ranking is in the range ' min ' to ' max '
Then
I should see the following message: ' message '
And
I should see a ranking and risers/fallers section (which is identical regardless of my chosen country or gender)
Examples:
min max message
1 28 Your country is among the most gender equal countries in the world. It ranks X/145
29 57 The gender gap in your country is relatively small compared with others. It ranks X/145
58 86 The gender gap in your country is about average compared with others. It ranks X/145
87 115 The gender gap in your country is relatively large compared with others. It ranks X/145
116 145 Your country is among the bottom ranking countries on gender equality. It ranks X/145
Sharing from the Country Ranking section
Given
I am on the 'country ranking' section
When
I try to share from that section
Then
the share message should be a message tailored to my country's level of gender equality
Wages section
Given
I am on the 'wages' section
Then
I should see my country's flag
And
I should see a message with my country's currency (dollar by default)
And
I should see 100 grey dots for both male and female
Then
the dots should become coloured in as an animation proportionally
Sharing from the Wages section
Given
I am on the 'wages' section
When
I try to share from that section
Then
the share message should be a message (personalised to my gender) with my country's currency
Graduates section
Given
I am on the 'graduates' section
Then
I should see an illustration of a male and a female student
And
I should see "X% of university graduates are {MY GENDER}"
And
it should be accompanied by a horizontal bar showing the two gender proportions
But
the percentage should start at '1%' and tick up to the correct percentage
And
the bar should animate from left to right at the same time as the percentage ticker
Sharing from the Graduates section
Given
I am on the 'graduates' section
When
I try to share from that section
Then
the share message should be a message about the percentage of university graduates that are '{MY GENDER}'
Work section
Given
I am on the 'work' section
Then
I should see two vertical bar charts showing the proportion of men and women in work
And
the charts should be accompanied by a percentage
But
the percentage and bar should start at '1%' and animate up
Sharing from the Work section
Given
I am on the 'work' section
When
I try to share from that section
Then
the share message should be about the proportion of '{MY GENDER}' that is in work
Senior Employee section
Given
I am on the 'senior employee' section
Then
I should see what percentage of men and women are senior employees
And
if women make up ' %_of_women ' percent
Then
I should see images matching this description: ' description '
And
I should see one of the following headings (depending on my gender): ' message_if_female ', ' message_if_male '
And
the percentage should start at '1%' and tick up to the correct percentage
Examples:
%_of_women description message_if_female message_if_male
<= 10 there is just one woman Fewer than one in ten senior officials, managers and legislators are female. Almost all senior officials, managers and legislators are male.
>= 11 <= 15 there is just one woman Around one in ten senior officials, managers and legislators are female. Around nine in ten senior officials, managers and legislators are male.
>= 16 <= 24 there is just one woman Around one in five senior officials, managers and legislators are female. Around four in five senior officials, managers and legislators are male.
>= 25 <= 34 there are just two women Around three in ten senior officials, managers and legislators are female. Around seven in ten senior officials, managers and legislators are male.
>= 35 <= 44 there are 3 women Around two in five senior officials, managers and legislators are female. Around three in five senior officials, managers and legislators are male.
>= 45 <= 50 women are equal to men Almost half of senior officials, managers and legislators are female. Around half of all senior officials, managers and legislators are male.
> 50 women outnumber men There are more female than male senior officials, managers and legislators. There are fewer male than female senior officials, managers and legislators.
Sharing from the Senior Employee section
Given
I am on the 'senior employee' section
When
I try to share from that section
Then
the share message should be about the proportion of '{MY GENDER}' that are senior employees
Government Ministers section
Given
I am on the 'government ministers' section
Then
I should see what percentage of government ministers are '{MY GENDER}'
And
if women make up ' percentage_who_are_women ' percent
Then
I should see an illustration containing ' num_of_women ' women
But
the percentage should start at '1%' and tick up to the correct percentage
Examples:
percentage_who_are_women num_of_women
< 10 0
>= 10 < 30 1
>= 30 < 50 2
>= 50 3
Sharing from the Government Ministers section
Given
I am on the 'government ministers' section
When
I try to share from that section
Then
the share message should be about the proportion of '{MY GENDER}' that are government ministers
Global Summary Graphic section
Given
I am on the 'global summary graphic section'
Then
I should see the year when the gender gap will close throughout the world
Sharing from the Global Summary Graphic section
Given
I am on the 'global summary graphic section'
When
I try to share from that section
Then
the share message should be about the year when the gender gap will close throughout the world

Last published about 7 years ago by ChrisBAshton.