all-inclusive design - excluding no gender

31
All-inclusive design – excluding no gender Interaction 16 Sara Lerén @HeedTheNeed

Upload: sara-leren

Post on 15-Feb-2017

970 views

Category:

Design


0 download

TRANSCRIPT

Page 1: All-inclusive design - excluding no gender

All-inclusive design – excluding no gender

Interaction 16

Sara Lerén @HeedTheNeed

Page 2: All-inclusive design - excluding no gender

”INCLUSIVE DESIGN” IN OSLO

Page 3: All-inclusive design - excluding no gender

20 YEARS AGO

Page 4: All-inclusive design - excluding no gender

1. Start with why

Page 5: All-inclusive design - excluding no gender

SIMON SINEK’S GOLDEN CIRCLE

Page 6: All-inclusive design - excluding no gender

KICK THE OLD HABIT

“The most dangerous phrase in the language is ”we’ve always done it this way.””

Grace Hopper

Page 7: All-inclusive design - excluding no gender

THE EASIEST WAY TO DO INCLUSIVE DESIGN?

STOP ASKING

ABOUT GENDER!

Page 8: All-inclusive design - excluding no gender

INCLUSIVE DESIGN

Page 9: All-inclusive design - excluding no gender

DESIGNING FOR EXTREMES

Page 10: All-inclusive design - excluding no gender

1. Start with why

2. Make it all-inclusive

Page 11: All-inclusive design - excluding no gender

PRONOUNS

English Swedish

Hon = She Han = He Hen = Neutral

Page 12: All-inclusive design - excluding no gender

THE EASIEST APPROACH TO PRONOUNS?

USE GENDER-NEUTRAL

PRONOUNS FOR ALL USERS!

Page 13: All-inclusive design - excluding no gender

ALL-INCLUSIVE DESIGN 1

http://www.yourformarebelongtous.com

My gender is:

Please state your gender

We want to know your gender because...

Page 14: All-inclusive design - excluding no gender

ALL-INCLUSIVE DESIGN 2

Source: Emily Horsman

Page 15: All-inclusive design - excluding no gender

ALL-INCLUSIVE DESIGN 3

Page 16: All-inclusive design - excluding no gender

ALL-INCLUSIVE DESIGN 4

Page 17: All-inclusive design - excluding no gender

1. Start with why

2. Make it all-inclusive

3. Beware of bias

Page 18: All-inclusive design - excluding no gender

WANT TO TEST YOUR GENDER-INCLUSIVE DESIGN?

TALK TO

TRANSGENDER PEOPLE!

Page 19: All-inclusive design - excluding no gender

BIAS IMPAIRS OUR JUDGEMENT

Page 20: All-inclusive design - excluding no gender

START WITH WHY TO AVOID BIAS

Redesign of online newspaper Desired impact: Visitors return more often and stay longer

How are people using the webpage today? How do they want to use it?

Page 21: All-inclusive design - excluding no gender

FOCUS ON USER DIFFERENCES THAT MAKE A DIFFERENCE

FOR THE DESIGN

SPOILER: NOT GENDER

Page 22: All-inclusive design - excluding no gender

USERS ARE IMPACTORS

Page 23: All-inclusive design - excluding no gender

IMPACT MAPPING Tydligt vilken artikel i paketet som har den senaste informationenTidsangivelser

Lösning för växande "paket"

tidpunkt för uppdatering viktigNyhetsdygnet

Tydligt vad som tillkommit sedan sist

Tidpunkt för publicering viktigNyhetsdygnet

Viktigt med en prioriterad placeringOBS! Vid t.ex. L-annons viktigt att mäta hur trafiken påverkas av att senaste nytt flyttas ned.

Senaste nytt

I nyhetsdygnetDirekt på artikel i löpet

Tidsangivelser

Tydligt vad som är nytt

Bevaka det som händer

"Har det hänt något"?

Notering om kommande nyhetKonstatera via nyhetsdygnet

Om nyheten inte finns kunna konstatera läget

Om nyheten finns, hitta snabbt

Typscenarier

"Vad var det som hände?"

Vill vara först med det senaste

Känna att materialet finns på Sydsvenskan.se först (om än knapphändigt)

Känna att sidan uppdateras kontinuerligt

Tydligt vad Sydsvenskan kommer att bevaka

Ska lockas till mer användning

Presentera material från övriga Sydsvenskan.se

Relevant och nära på olika sätt

Material som har koppling till tidigare klick

Ska drabbas av annat relevant innehåll

Den Ivrige

Vill bredda sin kunskap

Sätt att värdera material

Se vad som är populärt inom ett visst områdeVill sålla i materialet

Bra utskriftsmöjligheterBokmärkning av TemasidorRubriksättning

Ämnesord

Ska kunna återvända till materialet

Presentera material från övriga Sydsvenskan.se

Relevant och nära på olika sätt

Material som har koppling till tidigare klick

Ska drabbas av annat relevant innehåll

Typscenarier

Utforskaren

En bra sökfunktion

Överblickbart material

Logisk placering av innehåll

Vill snabbt hitta något specifikt

Ska drabbas av annat relevant innehåll

Den fokuserade

Bra övergång från tidning till webbKänna igen sig i formspråket

Vill ha "Sydsvenskan-känslan"

Tydlig struktur för var/hur det tillkommer nytt innehållMöjlighet att lista nyheter i tidsordning

Möjligt att känna igen material kring en viss händelse från gång till gång

Vill se vad som hänt sedan sist

Lojalitetsprogram

"valbara" annonser

"specialfunktioner" för prenumeranter

Behöver belönas för sin trohet

Upptäcka mer i de stigar som de alltid går påPresentera material från övriga Sydsvenskan.se

Relevant och nära på olika sätt

Material som har koppling till tidigare klick

Ska drabbas av annat relevant innehåll

Den Trogne

Tydlig vinjetteringInnehållet (typinnehåll) överblickbart/möjligt att särskilja

Inte missa vad som publicerats inom intresseområdet

Tydliga rubriksättningar och uppdelningar inom sidan

Specialområdet lättillgängligt

Stöd för att kunna "scanna av" intresseområdet

Påminnas om det material Sydsvenskan.se har inom intresseområdet - Bevaka

Vill hålla sig uppdaterad inom sitt intresseområde

Customisering "egen puff" på förstasidan

Anpassade menyval som ändras beroende på vilka sektioner/ämnesord som besöks mest

Bra vägar in till intresseområdet

Egna bokmärken inom sidan

Länkar till material utanför Sydsvenskan ExterntNavigera mellan olika pusselbitar

Vill lätt komma åt sina pusselbitar

Ska drabbas av annat relevant innehåll

Pusslaren

ÄmnesordRelaterat

KommentarerPuffar med innehåll från andra än den aktuella sektionen

RotationenIntresseväckande rubriker/länkar

UndermenynNyheter på karta

Dagen i bilderLänkning i artikeltextVägar vidare externt

Material som har koppling till tidigare klick

Vill hitta vägar vidare

Track back har potential att generera trafik till sidan

Uppmuntra bloggning (och länkning till sydsvenskan)T.ex. Anja Gatus krönika som "annons" på Svenska Fans

Lisa Förare-Winbladhs texter som "annonser" på receptsidor

Google ads?Osv

"Annonsera" med innehåll i andra sammanhang

Lockas från andra sammanhang Ska hitta till Sydsvenskan

Ska stanna inom Sydsvenskan så länge som möjligt

Slumpvandraren

Att genom redesign av Sydsvenskan.se framförallt förbättra för befintliga användare.Vid en webbenkät på Sydsvenskan.se (med minst 1000 respondenter) 3 månader efter utrullning, skall 75 % av de tillfrågade säga att Sydsvenskan.se blivit bättre sedan redesignen.

Fler unika besökare på sidanVid en loggundersökning 3 månader efter utrullning skall antalet unika besökare på Sydsvenskan.se ha ökat med 10-20%

Mer tid ska spenderas på sidan per sessionVid en loggundersökning 3 månader efter utrullning skall tiden besökare spenderar på Sydsvenskan.se ha ökat med 10-20%

Antalet sessioner ska ökaVid en loggundersökning 3 månader efter utrullning skall antalet sessioner på Sydsvenskan.se ha ökat med 10-20%

Ökad trafik på undersidorVid en loggundersökning 3 månader efter utrullning skall trafiken på undersidorna på Sydsvenskan.se ha ökat med 10-20%

                                                     

WHAT

                               

HOW

WHY

IMPACT MAP

Page 24: All-inclusive design - excluding no gender

The Wanderer – wants to go further

Page 25: All-inclusive design - excluding no gender

The Focused – wants to find it quickly

Page 26: All-inclusive design - excluding no gender

SUSTAINABLE USER DESCRIPTIONS ARE BASED

ON BEHAVIOUR

NOT ON DEMOGRAPHICS

Page 27: All-inclusive design - excluding no gender

USERS ARE IMPACTORS

The Focused The Wanderer

Page 28: All-inclusive design - excluding no gender

1. Start with why

2. Make it all-inclusive

3. Beware of bias

Page 29: All-inclusive design - excluding no gender

WHY BOTHER?

“Your role as a designer is to leave the world in a better state than you found it.”

Mike Monteiro

Page 30: All-inclusive design - excluding no gender

THE LEAST YOU CAN DO IS ADD A FREETEXT FIELD TO YOUR GENDER QUESTION

Page 31: All-inclusive design - excluding no gender

THANK YOU! [email protected]

@HeedTheNeed