Inde i en designkritik med Facebook

Hos Facebook betyder vores mission at gøre verden mere åben og forbundet forbundet med at være åben selv, dele ikke kun det arbejde, vi udfører, men også hvordan vi gør det. Som et resultat begyndte vi et eksperiment for at dele en kritisk del af vores produktproces: designkritikken.

Ved at vise, hvordan medlemmer af vores designorganisation ofte udfører kritikker, ønskede vi at fremhæve, hvad der kan få kritik til at fungere godt, og hvad der ofte kan komme i vejen.

Vi inviterede designere overalt i verden til at deltage i dette eksperiment ved at dele deres arbejde med os ved hjælp af hashtaggen #FacebookDesignCrit. Vores første samarbejdskritik var en succes (du kan læse en opfølgende artikel fra deltageren om, hvad han lærte af at udføre kritikken med os).

Designer / udvikler Steve Saul

For vores anden kritik mødtes vi med Bay Area-udvikler og designer Steve Saul, hvor han gennemgik hans design til et samarbejdsbaseret online-uddannelsesværktøj kaldet MixLink.

Seks medlemmer af Facebook-designorganet - Ryan McLaughlin, Holly Hagen, Pierre Marly, Geoff Teehan, Tanner Christensen og Sara Getz - satte sig sammen med Steve for at diskutere hans arbejde.

Ryan McLaughlin, Holly Hagen, Pierre Marly, Geoff Teehan, Tanner Christensen og Sara Getz

Vi startede med at gennemse Steve's produkt MixLink, gennemgå historien om, hvordan det blev.

Det, der straks skilte sig ud, var Steve's forberedelse. Han kom til mødet med en klar vision om, hvad han ønskede feedback på, hvilket hjalp gruppen med at fokusere på et specifikt område af produktet til at forbedre sig. Han forklarede, at hans primære mål var at hjælpe studerende, der bruger MixLink, bedre til at forstå deres fremskridt, da de arbejdede gennem opgaver, og han ønskede vores feedback om, hvorvidt hans nuværende design nåede dette mål eller ej.

MixLink-tildelingssiden kritiserede vi.

”Jeg ville virkelig få det til at se ud og føle, at eleverne var ved at færdiggøre det, de ville være bekendt med, hvilket er en uddeling,” forklarede Steve. ”Det er forklaringen på, hvad der sker på højre side af skærmen. Den feedback, jeg leder efter, er: hvordan designer du en grænseflade, der er enkel og let at følge? ”

Med en solid indramning af MixLink og en klar forståelse af de udfordringer, han blev konfronteret med, kom vi på arbejde.

Opgavens fremskridtsvisning hjælper eleverne med at forblive motiverede.

Geoff: Kan jeg stille et spørgsmål vedrørende den blå cirkel fremskridtsindikator øverst? Hvad prøver du på at nå med cirklen, er det de resterende dage eller forfaldsdagen?

Steve: Min oprindelige tanke var, at cirklen ville tælle fra det tidspunkt, hvor den blev tildelt til forfaldsdagen. Jeg tænkte på studerende, der muligvis gør dette som en lektieopgave. I dette tilfælde troede jeg, at det ville være vigtigt, at de havde en markering af ”Hvor lang tid har jeg tilbage til at gennemføre dette?” Spørgsmålet, som jeg ikke har besvaret, da jeg designede dette, var, om eleverne skulle komme eller ej tilbage til denne side ofte, det er måske ikke en normal brugssag. Måske kommer de bare en gang her og afslutter opgaven i en enkelt møde, jeg ved ikke.

Geoff: Det kan være en interessant designøvelse at gå tilbage og tænke på netop det ene element, der i øjeblikket præsenteres som tre elementer: cirklen, etiketten til forfaldsdato og den resterende tid. Gå igennem forskellige typer brugssager. Tænk på en opgave, der forfalder inden for en kort tidsramme, en i en længere tidsramme og så videre. Tænk over, hvad der kan være den enkleste måde at kommunikere, hvad dette område prøver at opnå for hver af disse sager. Er der kun en måde at kommunikere på en effektiv måde i stedet for tre separate? Hvordan kan den løsning se ud i det samme rum?

Pierre: Den anden ting at huske er, at det ser ud til, at du blander en metafor til en kalender med en for et ur. Du bruger faktisk en cirkel, så for mig er der en visuel spænding mellem det koncept, du prøver at repræsentere, og det, du vil formidle.

Garver: Kan du lede os gennem, hvordan du landede på cirkeldiagrammet for dette problem?

Steve: Til at begynde med ønskede jeg at lave en nedtællingslinje. Der var en tidligere version, som jeg havde, når du skrider igennem lektionen, linjen falder, indtil den er færdig. Det fandt jeg forvirrende, for da var der to lignende indikatorer for fremskridt med en opgave [den ene var den mængde fremskridt, du har gjort med en opgave, og den anden til hvor lang tid der var tilbage, indtil den skulle være]. Sådan kom jeg til cirklen.

Steve's oprindelige design til en kompletionsindikator.

Pierre: Det kan være interessant at tænke på forestillingen om, hvordan en studerende reagerer på pres med denne tilgang. Når du designer dette, hvis du har følelsen af ​​pres i tankerne, kan en visuel nedtælling af en timer muligvis få dig til at føle dig en bestemt måde versus noget mere statisk. Du taler om, hvordan der er et par forskellige målinger til færdiggørelse her, men har du overvejet at fjerne unødvendige elementer? Jeg er ikke klar til at forelægge læreren, før opgaven er afsluttet, så er jeg nødt til at se en "Send til lærer" -knap, der er falmet ud?

Steve: Det er et godt punkt. Jeg tænkte over, hvad der er vigtigst på hvert trin. Når du først indlæser siden, er det, der er vigtigt, et opfordring til handling for at starte tildelingen. Når tildelingen derefter er i gang, har du disse tidsbaserede ting omkring den fremgang og de fremskridt, du har gjort med selve tildelingen. Og når du er færdig, betyder indsendelse mere end noget andet. Jeg synes, det er et godt punkt.

Ryan: Kan jeg stille et spørgsmål om layoutet på selve siden? Hvad er værdien i at kunne scanne hele tildelingen, før du har startet den?

Steve: Jeg tænkte måske, at en lærer ville have eleverne til at læse opgaven, men hvis de ikke har startet opgaven, er det måske ikke nødvendigt at se det.

Garver: For at være klar, Ryan, spørger du, om der endda skal være en Start Assignment-knap?

Sara: Ja, hvis der ikke var nogen Start Assignment-knap, og det bare startede første gang en elev klikkede på et svar. Det ville hjælpe med at rydde op i nogle af denne visning også, fordi du kunne fjerne den knap.

Steve: Nå, jeg skal vide, før en studerende starter opgaven, hvem de er. Fra et teknisk perspektiv kan knappen Start tildeling logge på dem, hvis de ikke er logget ind endnu. Årsagen til at jeg gjorde det på denne måde var fordi det fjerner et trin mellem registrering på webstedet, log-in og at have lærere til at føje studerende til en opgave.

Holly: Jeg kan godt lide ideen om en "Kom i gang" -knap. Som lærer ville det sandsynligvis være meget nyttigt. Jeg kan se, hvem der indledte og faktisk begyndte i forhold til de mennesker, der ikke har det, eller som måske sad fast, så kan jeg gå og tale med dem om deres fremskridt.

Sara: Noget andet er, om man skal holde sidnavigationen åben hele tiden eller kollapse den, når en studerende er engageret i spørgsmålene. Dette går tilbage til, hvor meget information nogen har brug for på et givet tidspunkt. Kan du tale lidt mere om, hvorfor du besluttede at lade det være synligt?

Navigation for igangværende / indsendte opgaver.

Steve: I en tidligere version forsøgte jeg at placere en liste over links der, og det var virkelig upraktisk, fordi når elementer havde et rigtig langt navn, var der ingen måde at rulle gennem hele listen. Jeg besluttede at lade det være åbent, fordi jeg ønskede, at studerende altid skulle se, hvor de er, for at få visuel reference. Jeg havde ikke rigtig tænkt på at skjule eller kollapse det, men jeg prøvede at modellere det omkring nogle test, jeg havde set online.

Holly: Jeg kan godt lide, at det er vedvarende. Jeg kan godt lide at kunne se spørgsmålstemaerne og afkrydsningsfelterne. Forfaldsdatoen er, hvor jeg prøver at finde ud af, om det er de vigtigste oplysninger.

Geoff: Noget relateret, og dette er mindre, men har du fået nogen feedback om de grønne markeringer. Føles det forvirrende for studerende? Har du fået nogen feedback om, hvorvidt de synes, det er validering af at få sektionen besvaret korrekt eller ej?

Steve: Det har jeg ikke, men jeg kan se, hvordan det kan være forvirrende. Eleverne kan ikke se, hvad de rigtige eller forkerte svar er, før efter at læreren har bedømt opgaven. De ser kun deres fremskridt for det, de har afsluttet, sammenlignet med det, der er tilbage.

Geoff: Jeg kan virkelig godt lide, hvor anvendelig dette er, men jeg synes, det kan være interessant at udforske måder at gøre dette lidt sjovere på, så børnene virkelig kan lide det. At se en fremdriftslinje, eller når der er tjekket ind i mærker. Jeg synes, det er pæne signaler som en følelse af gennemførelse. Hvilke andre små øjeblikke af glæde eller præstation kan du arbejde på dette for at fortsætte med at motivere mennesker? Dette er relativt korte opgaver, men du kan forestille dig på nogle længere, at de kan blive uaktuelle eller tørre. Hvilke andre måder kunne du gøre dette mere spændende? Som at bruge andre interessante designelementer, når tingene er færdige eller bruge animation, når du udfører noget. De små stykker af glæde og glæde. Jeg tror, ​​når du først sømmer nogle mere grundlæggende ting, der ville være et rigtig interessant sted for dig at se næste.

Holly: Jeg kunne se at bruge positiv forstærkning i begyndelsen eller i slutningen af ​​lektionen. Forestil dig at afslutte lektionen, og du får noget fantastisk.

Steve: Som en guldstjerne?

Ryan: Det ville være interessant. Du kan udforske et belønningssystem på kontoniveau eller noget også. Hvor meget har du afsluttet eller noget lignende der følger dig rundt.

Garver: Vi er næsten ude af tid. Eventuelle resterende tanker eller spørgsmål? Føler du, at du har nogle gode svar Steve? Har du nogen idé nu, hvad du skal gøre, når du går væk fra dette?

Steve: Absolut. Der er masser af nyttige feedback, som du har givet. Masser af ideer om nogle enkle ændringer og finjusteringer, men også nogle nye ting, du skal overveje med sikkerhed.

Key takeaways

Alt i alt var dette en succesrig kritik. Vi havde en god samtale med Steve, der genererede nogle muligheder for at tilføje klarhed om fremskridt i produktet, både hvad angår lavhængende frugt såvel som større ideer.

Med hensyn til øjeblikkelige resultater svarede Steve hurtigt på vores udfordring om at introducere mere glæde ved lektionsafslutningen ved at tilføje et animeret blåt flueben.

Desuden lærte vores designteam nogle ting selv om at designe til uddannelse. Baseret på denne oplevelse er her nogle forslag, vi har taget væk fra kritikken:

1. Vær virkelig åben for feedback

Det er svært at give konstruktiv feedback - og at acceptere det kan være endnu sværere. Det er let at komme defensivt over det arbejde, vi udfører som designere, men Steve imponerede os med hans modtagelighed for spørgsmål og nye ideer.

Det var en god påmindelse for os alle, at når vi er i det varme sæde, er det vigtigste at være åben og kommunikativ. Stol på, at dine med-designere vil have den samme ting, du ønsker: At opbygge gode oplevelser for de mennesker, der bruger dine produkter.

2. Ved hvad du vil have ud af kritikken

Steve kom til kritik med et meget specifikt mål: Kommunikerede hans design effektivt fremskridt og holdt studerendes opmærksomhed? Da vi stillede spørgsmål og udforskede oplevelsen, var Steve i stand til at afklare beslutninger for os og hjælpe med at holde samtalen under udvikling.

At komme til kritik med et specifikt mål i tankerne kan hjælpe gruppen med at holde sig fokuseret.

3. Kontekst i kritik er nøglen

Til sidst, mens Steve kom med et specifikt mål, havde vi en masse spørgsmål omkring den samlede oplevelse, som måske har bidraget til at afhjælpe nogle af de problemer, Steve havde sat fokus på.

I sidste ende kunne vi ved at se på de dele af oplevelsen, der støder op til det, han spurgte om, afsløre nogle nye muligheder for at forbedre fokusområdet.

Undertiden kommer de mest effektive designforslag tidligere i oplevelsen. Med tidligere viden kan du se disse muligheder mere tydeligt.

Særlig tak til Sara Getz for at oprette det første udkast til dette indlæg.