Det mission-drevne interface

En redesign af Twitter, inspireret af vores fornyede følelse af formål

De sidste par måneder har bragt mange spændende ændringer på Twitter. På grund af det ønskede vi at sikre, at det, vi står for, tydeligt afspejles i oplevelsen af ​​vores produkt: Twitter er hvor du går for at se, hvad der sker overalt i verden lige nu.

Vi er også blevet mere hurtige som et team; omfavne komponentisering, så vi kan forestille os, samarbejde, designe og sende ændringer til produktet meget hurtigere.

Vores fornyede følelse af formål som organisation foretaget en redesign af den nødvendige brugeroplevelse - Twitter skal føle sig menneskelig, dristig og elektrisk.

Lad os tale om, hvad redesignet indebar.

Inspiration

Som du sandsynligvis kan forestille dig, er en Tweet en temmelig grundlæggende designkomponent her på Twitter. Kortfattetheden og designbegrænsningerne for vores indhold var vores største kilde til inspiration. Vi ønskede et nyt design til Twitter, der føltes så skarp og menneskelig som stemmerne på vores platform.

Under vores jagt på inspiration erkendte vi også noget, der var virkelig vigtigt: Twitter er en nyhedstjeneste i realtid, så vores nye designsystem måtte visuelt føles mere som et redaktionelt produkt.

Design

Alle de ændringer, vi foretog som en del af vores redesign, var centreret om kun et mål: Vi var nødt til at øge kontrasten og samhørigheden for at guide folk til indhold hurtigt og etablere en stærkere produktidentitet. Vi måtte være mindre subtil med at anbefale, hvor vi skulle se på skærmen, og måtte skære tingene ud af vores oplevelse, hvis de distraherede fra det, der betyder noget.

Typografi

Informationsdensitet er en stor del af Twitter - så mange mennesker udtrykker sig på samme tid på platformen, og historier kan udvikle sig på få sekunder.

Vores typografiske palet var ofte for neutral, og folk måtte arbejde for hårdt for at finde ud af, hvor de skulle se inden for vores oplevelse. Dette tvang os til at foretage ændringer i, hvordan vi bruger typografi til at hjælpe folk med at navigere mere problemfrit. Nu er overskrifter tunge i udseendet, hvor de tydeligt bryder information, for at give Twitter's stemme en selvsikker personlighed.

Medier

Medier måtte også ændre sig. Vi mener, at Twitter er et vindue ind i verden, så vi ønskede bedre at afspejle denne idé visuelt.

For at opnå dette begyndte vi at udtrække den hyppigste farve på hvert foto på Twitter og bruge den som en subtil baggrund. Nu supplerer baggrunden fotografiet, hvilket hjælper grænsefladen med at trække sig tilbage og fokusere brugeren på indholdet.

Former

Afrundede kanter var noget, mange mennesker bemærkede, da vi opdaterede produktet. Twitter er et uformelt sted at kommunikere; hvem som helst kan dele, hvad der er på deres sind i øjeblikket, og vi ønskede at få vores interface subtilt til at føle afslappet og venlig.

Knapper og chatbobler og avatarer blev blødgjort i udseendet for at subtilt skifte hele grænsefladen til et lettere, venligere udseende.

Ikonografi

Ikonografien i hele Twitter havde også brug for at ændre sig. Vores brandidentitet er ligetil og fed, så de nye glyfer måtte kommunikere deres formål med det samme. Sættet føles let, når ikonerne er inaktive, og kommunikerer dristigt en aktiv tilstand, når du interagerer med dem.

Navigation

Vi har også omfavnet personalisering med denne redesign. Mange populære tilpasningsfunktioner, som Nattilstand, var skjult i Indstillinger, så vi omorganiserede vores navigation for mere tydelig at afsløre personlige præferencer og indstillinger for beskyttelse af personlige oplysninger.

Bare begyndelsen

Dette var en enorm milepæl for os - Twitter begynder at afspejle i dets interface, hvad der gør os unikke, men vi er bare lige i gang. Når vi fortsætter med at sende funktioner, der leverer på Twitter's løfte, fortsætter vi med at dele historier om, hvordan og hvorfor vi lavede dem, lige her på vores blog.

Studiobilleder med tilladelse fra Josh Wilburne, der aldrig lægger sit kamera ned.