7 grundlæggende designprincipper, vi glemmer om

Nogle af dem vil altid gælde!

Det var engang i 2018, der var en fyr ved navn Jimmy. Han var designer hos et firma kaldet Shmuckle. Alt, hvad han drømte, nat og dag var at blive en berømt designer. Hans mus og inspiration var Steve Jobs. Da han var besat af ham, prædikede han altid godt design i sit selskab. Jimmy handlede om lækkerier, intuitivt design og innovation. Indtil en dag ramte han en kreativ blokering.

Jimmy arbejdede på et vigtigt projekt for sit firma, der ville hjælpe ham med at fremme sin karriere. Han fik til opgave at redesigne hoveddashboardet for deres produkt. Men han kunne ikke opnå det passende resultat for interface. Som en backup-plan begyndte han at se alle sine yndlingsdesignvideoer tilbage, læse artikler og lytte til podcasts. Men intet resultat. Han vidste stadig ikke, hvordan han skulle gå videre.

Heldigvis gik firmaets senior designer, Sarah, forbi. Hun så den stakkels fyr kæmpe. Et smil smug på hendes ansigt og huskede hendes tidlige dage, hvordan hun også kæmpede for at skabe et fantastisk produkt. Men nu er hun mere erfaren og kender alle de tricks og tip, der kan hjælpe hende med at komme igennem enhver kreativ blokering.

”Hey Jimmy, jeg så, at du ikke opdaterede det nye design, du arbejdede på. Hvad er problemet?"

”Jeg prøver at designe denne forbedrede grænseflade til vores kunder. Det skulle være lettere at bruge, vise bedre og forbedret statistik og løse et par andre problemer med tilgængelighed, men jeg ved ikke ... Det føles ikke rigtigt. Jeg testede det med kunder, og nogle siger, at det fungerer godt, nogle hader det, andre siger, at vi er nødt til at ændre det. Jeg ved ikke, hvad jeg skal gøre. ”

”Det er okay, det sker, når du ikke har et ordentligt fundament. Se, der er et par principper, der hjælper dig med at designe gode produkter. Heldigvis behøver du ikke nogen voodoo-magi. Anvend dem, når du føler dig fast. ”

Jimmy fik hurtigt sin notesblok og blyant ud, og med spændingen fra et barn før jul var han klar til at notere ”Hvad er de?”

”Lad os gå en tur, fordi du bliver for meget bag dit skrivebord. Du skal opdatere dit sind lidt ”Sarah tog en kop kaffe fra sit skrivebord og fortsatte” Okay, lyt. Der er et par centrale principper, som du skal gennemgå, når dit produkt er færdigt. Dit design skal altid have: ”

Klarhed

”Jimmy, hvis du kun forlader en ting, så husk dette - et rodet sind vil resultere i et rodet produkt. Så prøv altid at fjerne rodet fra din tænkning, fordi det vil påvirke slutresultatet. Gennem alle de designbeslutninger, du tager, er der et par ting, du altid skal holde øje med:

  • Forretningsmæssige mål, kundens problemer og funktionalitet motiverer designet. I den rækkefølge
  • Ofre aldrig funktionalitet over skønhed;
  • Det skal altid være selvforklarende, hvad man skal gøre næste;
  • Fremhæv vigtigt indhold gennem negativt rum, farver, skrifttyper og grafik og andre UI-elementer;
  • Teksten er læselig i alle størrelser;
  • Ikoner er præcise og skarpe;
  • Ekstra er subtile og passende;
  • Dine brugere skal instinktivt vide, hvad de skal gøre, og hvor de er på alle tidspunkter;
Det endelige udseende af noget er biproduktet af klarheden (eller manglen på det) i dens designfase. Intensitetens klarhed vil oversætte til resultatets klarhed - Massimo Vignelli

”Jeg kan huske, at Massimo Vignelli skrev i sin The Vignelli Canon, at et forvirret og kompliceret design altid siger noget om den person, der har lavet det. Det siger, at personen havde et kompliceret og forvirret sind ”sagde Sarah. Jimmy bemærkede, at citatet blev brugt til at bruge det senere til inspiration.

Handlingsrig grænseflade

”Husk det nu. Vi skal altid stræbe efter at designe digitale produkter, der holder den aktuelle opgave klar og i fokus. En handlingsrig app foregriber brugerens behov ved at sikre, at det, der er på skærmen, altid er aktuelt og relevant. Og appen bliver en udvidelse til, hvad en bruger har til hensigt at gøre. Så hvis en bruger f.eks. Åbner din app for at løse en opgave, og du ikke giver ham løsningen, har du taget dårlige valg, ”sagde Sarah.

Hun stoppede et øjeblik og tog et par sekunder på at danne sine tanker og fortsatte ”Du ser, hele poenget med hvad vi gør er at sikre, at vores løsninger kommer til den rigtige bruger, i det rigtige øjeblik, i den rigtige kontekst . Og selvfølgelig er det et langt løb, indtil vi kan komme til den ideelle tilstand. Hvordan kommer man til den tilstand? Gennem flere iterationer. ”

Det er meningsfuldt

”Nogle designere og udviklere hævder, at software skal være fleksibel og kunne imødekomme alle kunders behov. Nå, Jimmy, det er skidt. Der er et ordsprog, der endda gælder for dette:

At prøve at behage alle er en opskrift på stress, elendighed, mistede ressourcer og frustration. Så vær ikke bange for at miste mennesker, vær bange for at miste din vision - Ukendt

Et stort og nyttigt digitalt produkt skal altid have et klart billede af, hvem det tjener. Hvem er den rigtige kunde? Du skal huske det og udvikle løsninger omkring deres behov. De bedste digitale produkter har en vision. ”Sagde Sarah stopper nær vinduet og læner sig for at se folk gå forbi. ”Og hvad med resten af ​​kunderne?” Spurgte Jimmy. ”Resten venter i kø. Og vi vender tilbage til dem, når vores vigtigste kunder er tilfredse. Som hovedregel mener jeg vores kernefolk, vi fremstiller produktet til. Og husk, at hvis de ikke kan lide din vision, skal du ikke bekymre dig. Der er masser af andre visioner på markedet, der vil gøre dem glade. Vores job er at finde vores egen stamme, ”sagde Sarah med et varmt smil.

Når nogen bruger software, leder de ikke kun efter funktioner. De leder efter en tilgang. De leder efter en vision - Getting Real af 37Signals

Feedback system

”Det næste vigtige princip er feedback. Det anerkender handlinger og viser resultater for at holde folk informeret.

  • Interaktive elementer skal fremhæves kort, når de tappes;
  • Fremskridtsindikatorer kommunikerer status for langvarige operationer;
  • Animation og lyd hjælper med at afklare resultaterne af handlinger;

Ser du, Jimmy, med al den digitale verden, der er så avanceret, føler vi stadig behovet for menneskelige interaktioner i den. Vores krop (øjne eller taktile sensorer) har brug for at føle feedback for at sende signaler til vores hjerne om, at ting fungerer. Dette betyder, at vores design, som i det første punkt, jeg nævnte, skal give klar feedback om, hvad der sker på skærmen. Og en bruger skal ikke gøre en indsats for at forstå det. Så når du har tid, skal du sørge for at hente en bog om, hvordan det menneskelige sind fungerer. Det vil kun fremme dine evner. ”Sagde Sarah og nippede af sin kaffe og fortsatte sin tur gennem kontoret.

Metaforer

”Metaforer - her mener jeg ikke litterære metaforer, men noget lignende” sagde Sarah. ”Som et Digital Shakespear?” Lo Jimmy. "På en måde. Du kan se, folk lærer hurtigere, når en apps interface og handlinger er metaforer for velkendte oplevelser. Oplevelserne kan komme fra digital eller reel verden.

Metaforer fungerer godt i, fordi folk interagerer med skærmen. De flytter synspunkter ude af vejen for at afsløre indhold nedenunder. De trækker og svejer indhold. Folk skifter omskiftere, flytter skyderne og ruller gennem vælgerværdier. Så prøv altid at lære, hvilke andre apps dine kernekunder bruger dagligt. Dette giver mulighed for at designe lignende oplevelser og fjerne enhver friktion eller skabe ubehagelige læringssituationer, ”sagde Sarah.

Kontekst over konsistens

”Lad mig give dig en øvelse her. For eksempel har vi en kalender på hovedskærmen. Tror du, det skal være et gitter eller en liste? ”Spurgte Sarah. ”Hmm… Vi skal holde os til gitteret. Det er mere kompakt og struktureret. Har jeg ret? ”Sagde Jimmy.

”Det afhænger af, hvad en brugers hovedmål er. Det samme spørgsmål til rapporteringssiden. Bør vi have et gitter- eller listekalender? Og igen afhænger det. Har vi brug for global navigation på alle sider? Igen afhænger det af sammenhængen. Derfor er sammenhæng meget vigtigere end konsistens. Det er ok at være inkonsekvent, hvis det giver mening at have en anden form eller stil, hvis det giver mere værdi til konteksten. Det er bedre at have ret end konsekvent ”sagde Sarah.

Godt design er biproduktet fra en ordentlig kontekstuel evaluering, ikke en finurlig oprettelse ude af kontekst, uanset hvor genialt dets visuelle aspekt måtte være. Strålende designløsninger har altid taget den kontekstuelle betragtning - Massimo Vignelli

Defensivt design

”Hvad mener du med defensiv?” Spurgte Jimmy. ”Det er noget, som andre kender som intuitivt design,” sagde Sarah. ”Åh, det ved jeg! Det er noget, Steve Jobs talte meget om! ”Udbrød Jimmy begejstret. ”Ja… men ved du hvad intuitivt er?” Spurgte Sarah. ”Noget, der forudsiger en brugers handlinger? Så det løser et behov, før det opstår? ”Spurgte Jimmy nysgerrig.

"Ja og nej. Det er ikke noget, der forudsiger dine handlinger, men det defensive design er til, når ting går galt. Og ting går galt hele tiden. Ligegyldigt hvor omhyggelig du designer det, hvor meget forskning du har investeret i, skal dit produkt altid have en backup-plan. Defensivt design er altid på udkig efter, hvilke problemer der kan opstå, ”sagde Sarah.

Tro mig, hvis oplevelsen er negativ for dine brugere, vil de sandsynligvis ikke glemme den.

”Jeg får det ikke helt…” tvivlede Jimmy. ”Tag som et eksempel på sikker kørsel. Når du kører i en bil, er du altid på udkig efter enhver form for fare: hensynsløse chauffører, børn, der krydser gaden og andre farlige scenarier. Så vi som designere skal altid holde øje med, hvad der kan løses, så vi ikke bryder UX'en. Fordi et godt defensivt design kan ødelægge eller forbedre en kundeoplevelse ”sagde Sarah.

Sarah kom langsomt tilbage til Jimmys skrivebord og sagde ”Og det er det. Har du taget nogen noter? ”Jimmy overrasket” Hvad mener du, det er det? Burde der ikke være flere af dem? ”Sarah svarede med et varmt smil“ Der er mange af dem. Og hver person eller virksomhed har sine egne designprincipper. Men du behøver ikke dem alle for at designe noget stort. Det grundlæggende er nok til en god start. Og hvis du bruger disse, er du allerede bedre end resten. Andre designprincipper kommer med tid og tålmodighed. Nu tilbage til arbejde. ”

Efterskrift

Der er selvfølgelig meget flere principper, som vi skal bruge, men problemet er, at mange af os stadig ikke bruger disse. Og det sker hovedsageligt, fordi vi prioriterer opgaver og mål, der ikke er vigtige for vores kunder. Vi bør altid stræbe efter at finde den rigtige balance, der fungerer for vores produkt og brugere.

Bøger nævnt og brugt

  • Bliv ægte med 37 signaler
  • The Vignelli Canon af Massimo Vignelli

En ting mere

Hvis du er en blogger, forfatter eller et simpelt menneske, der elsker at skrive i fritiden, kan du tjekke Shosho. Noget jeg skabte for at tilskynde kreative sjæle til at skrive endnu mere og bedre. Shosho er en styling-app, der hjælper dig med at fjerne buzzwords, jargon og ord, der er svære at læse fra din skrivning. Jeg vil sætte pris på, hvis du prøver det.

Fortsæt med at læse historien kapitel 2: