Illustration af Justin Tran

Fremme af fokus for små skærme

Hvordan vi redesignede Dropbox-mobilen til hurtigt arbejde

Tænk over, hvordan det er at arbejde på din telefon. Din opmærksomhed er fragmenteret. Dine buttede tommelfingre rammer de forkerte bogstaver. Ofte vil du bare gerne vende tilbage til det virkelige liv, uanset om det sidder ned til middag med din partner eller samler med din uforlignelige frokostkammerat.

Hvis du starter med den vision, bliver de løsninger, du kommer frem til til mobilarbejde, temmelig unikke. Du designer ikke længere for at udvide engagement eller holde kunder i appen. I stedet hjælper du folk med at komme ind og ud og færdig. Du planlægger fokus på problemet og giver kunderne mulighed for at få mest muligt ud af det lille øjeblik på en lille skærm. Du designer til hurtigt arbejde.

I det forløbne år har vi revideret vores mobile oplevelser med hurtig arbejde i tankerne. Her er et par ting, som vi har gjort for at gøre vores kunder mere produktive OG mere til stede for deres storslåede frokostkompis. Vi håber, det er en hjælp og en opmuntring for andre, der muligvis ser ud til at gøre det samme.

Find fortrolighed mellem platforme

For et årti siden udnyttede Dropbox konvergerende mønstre på desktop-operativsystemer. Ved at udnytte almindeligheden i desktop-browsere var Dropbox i stand til at præsentere den samme “magiske mappe” -oplevelse på Mac'er og pc'er.

Med vores nylige mobile redesign har vi draget fordel af en lignende konvergens, der sker på iOS og Android. Ved at bruge mønstre, der deles af begge operativsystemer, har vi skabt en oplevelse, der føles velkendt på begge platforme. Kunder kan skifte telefon og slå jorden uden at skulle lære et nyt brugergrænseflade. Hold kan bruge forskellige operativsystemer uden fejlfinding af forskellige grænseflader. Fremme af fortrolighed muliggør fokusering.

Destillere ikoner

Gennemse visning før og efterHandlingsark før og efter

For syv måneder siden frigav vi et nyt sæt filikoner designet til at forbedre læsbarheden og fokusere, når du henter filer. Vi stillede os spørgsmål som ”Hvad gør et ikon genkendeligt? Hvordan differentieres ikontyper? Hvordan kan vi destillere figurer og former, så kundens øjne ikke behøver at arbejde så hårdt? ”Med de samme spørgsmål har vi opdateret alle ikoner i mobilappen for at reducere kompleksiteten og øge læsbarheden. Små detaljer som disse tilføjer forbedring af fokus, når du udfører hurtige opgaver i appen.

Udsæt indgangspunkter

At flytte mellem skærme på mobilen kræver meget mere arbejde end på skrivebordet. Uden support med flere vinduer tager enhver visning på mobil hele skærmen op. Så når det kommer til at navigere på tværs af flere skærme, kan det føles som en kedelig grave for at komme dit sted, du skal. Hvis du prøver at få arbejdet hurtigt, kan det være frustrerende.

Derfor har vi udsat det kommenterende inputfelt lige til fileksemplet (tidligere var du nødt til at trykke på et talebobleikon). Ved at hæve indgangspunktet højere i navigationsstakken har vi afsløret et værdifuldt værktøj og reduceret den tid, det tager at svare på samarbejdspartnere.

Forenkle overflader

For ikke længe siden frigav vi en ny startskærm i vores app. Målet var at hjælpe kunderne med at hoppe i arbejde ved at overflade dele af rettidigt indhold. Men den måde, vi viste oplysningerne på, var problematisk. Ved at øge antallet af forskellige sektioner på skærmen havde vi utilsigtet øget den tid, det tog en bruger at tage en beslutning (se Hick's Law). Og ved at strukturere sektionerne i en lodret stak blev det mest anvendte afsnit (Gentagelser) ofte skubbet ud af skærmen af ​​andre sektioner!

Vores nyeste version af Hjem løser disse problemer ved at standardisere til en hel side med nylige filer, mens de andre sektioner åbnes via faner. Nu kan kunderne fokusere på den mest værdifulde metode til hentning fra det øjeblik, de åbner appen.

Stave væsentlige handlinger

Når du vil dele en mappe med samarbejdspartnere, skal du ikke behøve at fortolke ikoner for at finde ud af hvordan. Derfor har vi kastet ekstra lys på deling ved at give en fremtrædende knap øverst i hver mappe og erstatte delingsikonet med ordene "Del." Bare endnu en enkel ændring for at komme dig ind og ud.

Centraliser ændringer

Som det sted, hvor kunderne opbevarer deres vigtigste filer, har Dropbox evnen til at holde styr på al den aktivitet, der sker på disse filer. I dag har vi eksponeret denne mulighed gennem en ny filaktivitetsfunktion. Det betyder, at du aldrig behøver at spørge din teamkammerat igen, om de har "foretaget disse opdateringer endnu." Med denne funktion ved du alt, hvad der er sket på en fil. Ingen grund til at slå gennem e-mail-tråde eller Slack-chats. Og ingen grund til at bryde dine holdkammeraters strømme heller.

Konklusion

Vi ved, hvor frustrerende det kan være, når de små skærme, vi bruger til arbejde, føles mere som barrierer end værktøjer. Derfor er hurtigt arbejde noget, som vi altid søger efter i vores mobile designs. For når kunderne hurtigt kan finde fokus, føles det at have arbejde på farten som at have supermagter.

Vi håber, at eksemplerne, der deles her, opfordrer dig til at udforske den samme tilgang. Fortæl os, hvordan du gør folk mere produktive og mere tilstedeværende gennem fremme af fokus!

Vil du have mere fra Dropbox Design-teamet? Følg vores publikation, Twitter og Dribbble. Vil du lave magi sammen? Vi ansætter!