Stop overforbrug af overløbsmenuer

Stop overforbrug af overløbsmenuer

Du kender de obskure menuknapper på apps og websteder, der afslører endnu flere menupunkter? De har normalt en ellipsis “ ... ” eller et pil ▼ ikon på sig, og nogle gange har de endda et mere mærke. Eller bedre endnu en More med en ▼! Disse kaldes overløbsmenuer. Overløbsmenuer er en plage, der skal rodes ud, knuses under fødderne og druknes i et hav af giftigt slam.

Overflowmenuer er virkelig lokkende for designere af brugergrænseflader. Det er blevet boret i designernes hoveder i årevis, at toppen af ​​præstationen er en “ren” brugergrænseflade. Designere snubler blindt over hinanden for at følge det gamle ordsprog:

… Perfektion opnås endelig ikke når der ikke længere er noget at tilføje, men når der ikke længere er noget at tage væk. - Antoine de Saint-Exupery

Overflowmenuer virker som den perfekte løsning. Designere kan "tage væk" kompleksitet og efterlade bare de virkelig vigtige bits. Du kan hurtigt og nemt oprette en ren brugergrænseflade. Problemet med overløbsmenuer er, at du faktisk ikke tog noget væk, du bare overdrev det ubehageligt.

Kernen i problemet er, at overløbsmenuer gør det muligt for designere, ingeniører og produktfolk at gøre hårde valg. I stedet for at prioritere, fejer vi bare kompleksitet under tæppet og foregiver, at det ikke eksisterer. Software med overløbsmenuer er ofte stadig svært at bruge, selvom kompleksiteten nu er under overfladen. Faktisk, fordi brugerne ikke kan skelne alle de tilgængelige muligheder, gør overløbsmenuer ofte grænseflader endnu sværere at bruge.

Se bare på Google Billedsøgning. I stedet for at vælge, om der skal være en meget enkel grænseflade eller have et sæt kraftfulde værktøjer, deler teamet forskellen. Du kan bare forestille dig nogen, der fremsætter det overbevisende argument:

Hej gutter, jeg har den ultimative løsning. Ved at skjule de avancerede indstillinger ved hjælp af en overløbsmenu kaldet Søgeværktøjer , vil Google Billedsøgning være både kraftfuld og nem at bruge! Folk føler sig også overvældede af alle vores søgemuligheder, så vi skjuler bøger, fly og apps på en intelligent måde under menuen Mere ▼. Et perfekt kompromis.

Lyder godt. I virkeligheden, efter mange års daglig brug, kan jeg stadig ikke pålideligt vælge den rigtige mulighed. Jeg vil bare filtrere mine billeder efter store filstørrelser, og jeg ved, at der er en menu skjult her et eller andet sted, men jeg klikker konstant på Mere, når jeg antager, at jeg skal klikke på Søgeværktøjer . Argghhh!

Android omfavnede overløbsmenuer så dybt, at det er et standard brugergrænsefladeelement i handlingslinjen. På en given skærm i en app får du sandsynligvis en anden grabpose med menuindstillinger. Nogle ting som Indstillinger eller Om vises muligvis i menuen overløb på hver skærm i en app. Og andre som Slet indlæg vil være kontekstspecifikke for den skærm, du kigger på. De blandes alle sammen i en skadelig potpourri: det er et totalt rod.

Jeg snakker for det meste på Googles implementering af overløbsmenuer, fordi jeg arbejder i en arm i virksomheden. Jeg ved, at mange af Googles designere er fremragende, og det er sikrere at vælge dine venner end at trash fremmede. Selvfølgelig spredes overløbsmenuer som en pest i apps designet af alle slags hold, ikke kun hos Google. Og det er ikke som om, jeg aldrig har truffet kompromisbeslutninger, som jeg senere fortrød, men nogle gange er det en god ide at kaste sten i glashuse. Og fortællende nok er nogle af standardapps på Android for nylig flyttet væk fra at bruge overløbsmenuer. Play Store havde for eksempel zillioner af dem, og jeg åbnede for nylig kun appen for at bemærke, at overløbene er nixet til fordel for en mere intuitiv og strømlinet grænseflade. Pæn.

Så hvis Google har nogle talentfulde designere, hvorfor har overløbsmenuer ofte stadig amok selv her? Lad os se på, hvor dårlige ting der sker med gode hold, og hvordan vi kan undgå, at det sker for dit team:

Forvirring ≠ Forenkling

Designere forveksler ofte tiltrækning med forenkling. Simpelthen at skjule funktioner virker som om du opretter en “renere” og mere brugervenlig grænseflade. Sikker på, dit nye brugergrænseflade kan bestå skæveprøven af enkelhed, men du har ikke at gøre med kernens kompleksitet i din app.

I stedet for at bruge tiltrækning eller håndflade er vores job som designere at strukturere kompleksitet, så det er let forståeligt. Problemet med overløbsmenuer er, at der ikke er nogen informationsduft - alt fra en saftig bøf til en grov lakrids kan skjule sig under denne menu. I stedet for at tilføje et overløb skal du overveje disse muligheder:

  1. Fjern funktionen. Hvis 0,001% af mennesker finder det i et overløb, har du virkelig brug for det?
  2. Tilføj funktionen til virkelighed. Dither ikke. Sæt det på siden. Rulning er den nemmeste navigationsmetode.
  3. Struktur kompleksiteten, ikke bare skjule den. Brug et meningsfuldt ikon eller en klar etiket for at angive, at en gruppe af funktioner er tilgængelige. Seriøst er “More” eller “Menu” eller “…” ikke klare etiketter.

Anerkend at du bruger en krykke

At indrømme, at du har et problem, er det første skridt til at løse det. Mange hold erkender ikke, at brug af overløb er en krykke, en måde at undgå at tage et hårdt valg. Jeg er sikker på, at du nogle gange bevidst vælger at bruge en overløbsmenu (jeg indrømmer selv modvilligt at have brugt en før), men lad ikke valget blive en let ud.

Tving dig selv og dit team til at træffe hårde valg

Dette er virkelig pointen. I stedet for at foregive at gøre dit produkt enklere, skal du faktisk gøre det hårde opkald for at inkludere eller ikke medtage menupunkter. Hvis noget er vigtigt nok til at medtage det, skal du vise det for kunderne. En af de bedste dele ved design af mobil-først er, at du konstant er tvunget til at tage hårde valg om, hvad du skal medtage, og hvad du skal udelade (dette gælder især på iOS, som ikke har en indbygget overløbsmenu i dens værktøjssæt). Tag dette som en udfordring i stedet for en hæmmende begrænsning.

Vær kontekstuelle

Overløbsmenuer er mest uhyggelige, når de mangler kontekst. I Gmail f.eks. Udskrivningenfunktion kunne leve under en af ​​to overløbsmenuer. I Android kan den vedvarende overløbsmenu øverst til højre i handlingsbjælken indeholde globale eller lokale menupunkter. I Google Billeder er to side-by-side, ikke-relaterede overløbsmenuer i konflikt med hinanden. Overflowmenuer kan fungere, når de bruges rigtigt sammenhængende. Overvej eksemplet fra Android-alarmur-appen til venstre. Overløbsmenuen øverst til højre mangler kontekst (det kan handle om alt), men overløbsmenuerne på hver enkelt række giver nogle indikationer om, hvad du kan finde under overfladen, fordi den er sammenhængende med en bestemt alarm.

Forskning holder dig ærlig

En glimrende måde at dæmme op for overløbsmenuerne er at foretage brugerundersøgelser. Inden for vores designstudier virker løsninger som overløbsmenuer perfekte. At lægge dit produkt i hænderne på almindelige mennesker og se dem kæmpe gennem den grænseflade, du designede, er den ultimative nøgterne tarmcheck. Din “rene” brugergrænseflade forvirrer sandsynligvis helvede ud af dine brugere. Medmindre du og dit team er en flok koldhjertede SOB'er, bør empati med dine brugeres kampe overbevise dig om at finde bedre løsninger.

Overvej informationssøgning

Hvis min bombast ovenfor er modbydelig for dig, så overvej et mere akademisk perspektiv på, hvorfor overløbsmenuer er uoptimale. Der er en populær teori kaldet Information Foraging, der ofte bruges til at beskrive, hvorfor nogle grænseflader er bedre end andre. Du kan læse en grundig og nyttig forklaring på informationssøgning hos Information Design Organization her, men den grundlæggende kerne er:

Teori om informationssøgning er baseret på analogien med, at et dyr beslutter, hvad de skal spise, hvor det kan findes, den bedste måde at få det på, og hvor meget "energi" (hvor fyldt) måltidet (skal) give ... Forestil dig et rovdyr, såsom en rovfugl, der står over for det tilbagevendende problem med at beslutte, hvad man skal spise, og vi antager, at dens egnethed i form af reproduktiv succes er afhængig af energiindtag. Energi strømmer ind i miljøet og kommer til at blive lagret i forskellige former. For rovfuglen giver forskellige typer levesteder og bytte forskellige mængder nettoenergi (energisk rentabilitet), hvis de er inkluderet i kosten. //bit.ly/InformationForaging

I en grov overforenkling, ifølge denne Information Foraging-teori, skal noget enten være forbandet værd at søge det (høj værdi), hvis det bliver svært at finde. Eller hvis tingen har lavere værdi, skal den præsenteres i en sammenhæng, der gør det lettere at finde.

I et konkret eksempel skal du overveje de skjulte muligheder i Google Image Search. Jeg har brugt denne grænseflade i årevis til at filtrere efter "store" billeder i søgeresultaterne, og alligevel har jeg hverken lært grænsefladen eller har givet op og brugt en anden billedsøgning. Både frustrationen og min fortsatte brug af Google Image Search kan forklares med Information Foraging teorien. På den ene side præsenteres linket Søgeværktøjer ikke med nogen reel sammenhæng, så jeg finder det svært at finde og forvirre - det er lige ved siden af ​​en Merelink, der tjener et helt andet formål! På den anden side er jeg ikke så frustreret over den kompleksitet, jeg giver op. Jeg kommer tilbage og stubber min tå ved døren gang på gang. Det er fordi maden er så forbandet velsmagende. Det er et godt søgeværktøj, og filteret til "store" billeder er super nyttigt for mit arbejde. Jeg ville ønske, at det ikke smagte så godt, eller endnu bedre, jeg ville ønske, at den velsmagende mad var lige ved overfladen.

Du sagde aldrig bruge overløbsmenuer? Som aldrig nogensinde?

Som næsten alt har overløbsmenuer en tid og et sted, hvor de ikke suger helt. Men det rette sted for en overløbsmenu er sandsynligvis ikke dit projekt og sandsynligvis ikke det sted, du tænker på. Så tænk længe og hårdt, før du bruger en.