Syv beste praksis for inkluderende produktdesign

Long Cheng | Pinterest Lead Designer, Core Experience

Hos Pinterest er vårt oppdrag å hjelpe deg med å oppdage og gjøre det du elsker. Vi bygger et produkt for alle, fordi den beste Pinterest er inkluderende og lett brukbar for mennesker med alle ferdighetsnivåer. Det er grunnen til at vi i dag deler erfaringer og beste praksis vi utviklet det siste året, da vi redesignet Pinterest for å være mer tilgjengelig for mennesker som er blinde og svaksynte.

1. Øk fargekontrastene

Produktdesignteamet på Pinterest utfordrer den vanlige antakelsen om at farger som er tilgjengelige ikke er like vakre. Vi opprettet en fargepalett for produktet vårt som er tilgjengelig med et kontrastforhold på 3,00: 1 og oppover.

Så uavhengig av om tilgjengelighetsfunksjonene dine er slått på, er tekstene enkle å lese når de settes på en farget bakgrunn.

2. Bruk sterkt typografisk hierarki

Vi tror god typografi er nøkkelen til god design. Vi sørger for at typografisk hierarki er fornuftig uten bruk av for mange forskjellige fargenyanser. Vi er avhengige av sterk type dimensjonering og fet skrift for å skape et meningsfylt hierarki slik at informasjon gir mening på et øyeblikk. Vi har også muliggjort støtte for dynamiske skriftstørrelser på tvers av appene våre. På denne måten kan du bruke standard tilgjengelighetsfunksjonen til å endre størrelsen på teksten til det som passer deg best.

3. Ha tydelige fokusindikatorer

Personer med syns- og motoriske funksjonshemninger kan navigere på Pinterest uten mus eller styreflate. Vi opprettet fokusindikatorer som er rett frem og åpenbare for alle Pinners, slik at uavhengig av evnenivå, kan du bruke nettstedet eller appene våre med klarhet.

4. Ikke stol på farger

I alle brukerstrømmene våre er vi avhengige av gråtoner med bare en klar oppfordring til handling-farge. Dette er flott for mennesker med fargeblindhet fordi vi ikke er avhengige av farger for å betegne informasjon. I stedet er vi avhengige av god bruk av typografisk og romlig hierarki i brukerstrømmene våre for å skape mening og informasjonsstruktur.

5. Bruk SVG-er

Bytt ut PNG-er med SVG-er, slik at ikoner og brukergrensesnittkomponenter blir klare og skarpe når du bruker den innebygde zoomingsfunksjonen som er tilgjengelig på de fleste operativsystemer og nettlesere. Dette gjør det mulig for personer med lite syn å zoome inn og se små ting rene og skarpe, uavhengig av pikttetthet og zoomprosent.

6. Vurder støtte for skjermleser

Skjermlesere lar folk som er blinde og svaksynte få muntlige tilbakemeldinger. Før vi startet dette prosjektet, hadde ikke mennesker med synshemming en sømløs registreringsopplevelse for Pinterest, fordi registreringen og den nye brukeropplevelsen vår ikke var optimalisert for en skjermleser. De hadde også problemer med å navigere i appen vår, fra hjemmefôr til søk til profilen deres. Vi har siden gjort betydelige oppdateringer slik at Pinterest kan brukes fullstendig med skjermlesere.

7. Gjør tilgjengeligheten til et tankesett for ingeniører og designere

Det beste produktet er inkluderende i alle faser av design- og prosessprosessen. Derfor opprettet vi et helt nytt UI-bibliotek som inkluderer tilgjengelige komponenter som ingeniører og designere kan bruke når de bygger og designer Pinterest. Automatiserte tilgjengelighetskontroller er også på plass for å sikre at vi har tydelig merkede ikoner og komponenter for enhver ny funksjon.

Med disse beste praksisene fortsetter vi å gjøre Pinterest mer inkluderende for alle. Vi har gjort betydelige fremskritt med å oppdatere iOS- og nettplattformene våre for å oppfylle de fleste tilgjengelighetsstandardene, og vi jobber med å bringe disse endringene til Android gradvis. Når du får det, la oss få vite hva du synes.

Anerkjennelser: Scott Andreae, Julia Cochran, Chris Lloyd, Rahul Malik, Shira Netter, Mallika Potter, Mara Sohn, Christian Vuerings, Alice Yuan, Joey Zingarelli, Linnea Zulch og resten av Accessibility Working Group på Pinterest.