Her er alt, hvad jeg har lært ved at designe 10.000+ UI-skærme som en førende produktdesigner.

Desuden: "Ja, det er stadig forkert justeret."

Hurtig note: Jeg lærte alt dette fra fantastiske designere som dig, fantastiske mentorer og masser af prøve og fejl. Hvis du lærer noget af denne artikel, skal du dele det med en anden designer. Jeg vil elske dig for det, og det vil de også.

Følg også Christian Beck. Han er en strålende designer og mentor.

1. Prioriter din designindsats.

Jeg bruger altid denne analogi:

Ingen er interesseret i, hvilken farve syningen er på lædersæderne i din smarte konceptbil, hvis den ikke engang har hjul endnu.

Prioriter din designindsats, så du først opfylder alle baseline-krav. Derefter og KUN DER kan du gå videre til mere fancy ting som brugerdefinerede illustrationer og animation.

Hvilket bekvemt fører os til ...

2. Ingen er interesseret i animation.

Undskyld, alle sammen. Det er sandt. Og jeg siger ikke dette på trods af, for jeg er bare ikke så god til det (hvilket også er sandt).

Produkter i verdensklasse har overhovedet kun lidt eller ingen animation:

Facebook. Salgsstyrke. Medium.

Disse produkter er værd milliarder og milliarder og milliarder af dollars, fordi de løser problemer og leverer værdi, ikke fordi de har søde animationer.

Ja, der er en tid og et sted til animation, men start med at bruge din tid på at levere enestående værdi gennem en bedst mulig brugeroplevelse. Så kan du bruge al den tid, du ønsker, på at lave en sød lille menuknap, der omdannes til en McDonalds Big Mac.

Denne animation af Pete Sena kunne ikke have været mere perfekt. (kilde)

3. Find ikke hjulet igen.

Et mønster er noget, der regelmæssigt findes i sammenlignelige objekter.

Designmønstre kaldes mønstre, fordi de findes overalt. Brugere er vant til at gøre tingene på en bestemt måde, og det kommer normalt med forventninger til brugeroplevelsen.

Jeg kunne designe dig hundrede forskellige måder at filtrere en datatabel på, men intet vil nogensinde være så effektiv som en venstre rute med afkrydsningsfelter som dem, der findes på hver eCommerce-webside.

Brug ikke din tid på at være vild med ting, som ikke behøver at blive genopfundet.

4. "Templatize" dit arbejde.

I ånden af ​​ikke at genopfinde hele dit væsen skal du til kærlighed til alt helligt gøre nogle designskabeloner.

Du sparer dig selv syv metriske bådbelastninger tid.

På halvanden uge designede jeg 52 skærme til en klient, der sprang mod en vigtig salgspræsentation og tilsluttede endda dem til en klikbar InVision-prototype. Det er også et fuldt tilpasset design og er helt tilpasset til at passe til tonen i deres brand. Dette ville have været umuligt uden skabeloner, der var klar til at hjælpe mig med at starte mit arbejde.

Her er et eksempelskærmbillede fra min personlige master UI-kedelplade, som jeg bruger til hvert enkelt projekt som en måde at få et forspring på:

Dette blev bygget ved hjælp af elementer fra UX Power Tools.

Du kan tjekke nogle af de designsystemer, jeg har bygget over på UX Power Tools. Jeg tror, ​​de virkelig hjælper dig.

5. Konsistens skaber effektivitet.

Jo mere konsekvent du designer, desto hurtigere bliver du.

Hvordan ved jeg?

For det første reducerer du dramatisk antallet af designbeslutninger, du skal tage undervejs.

Hvis du laver dig selv et knopsymbol i Sketch og bruger det i hele dit design, vil ikke kun dine knapper se ensartede ud, men pludselig arbejder du langt mere effektivt, fordi du ikke laver knapper fra bunden, hver gang du har brug for en.

Jordskød, jeg ved det!

6. Effektivitet skaber konsekvens.

Disse er temmelig symbiotiske, så det fungerer også modsat.

For at arbejde hurtigere skal du oprette genveje til dig selv. Disse genveje kan være håndgribelige ting som designressourcer eller mere immaterielle som at etablere og følge et sæt designprincipper (som at holde sig til et 8px netsystem).

Når du bliver hurtigere, følger konsekvensen naturligvis.

7. Forretnings- og brugerværdi forbruger ALT.

Efter sidste skøn blev Craigslist værdsat til ca. $ 3 mia.

Har du nogensinde set det sted? Det er afskyeligt.

Men det betyder ikke noget. Det løser et problem og leverer værdi til brugeren.

Almindelig og enkel. Ligesom Craigslist!

Se, jeg går ikke ind for overforenkling af design. Alt, hvad jeg siger, er, at hvis du kan levere værdi til brugeren, vil du oprette kunder, der vil skabe værdi til virksomheden.

Løs det rigtige problem for den rigtige person, så bliver du gylden.

8. Jeg er ikke verdens centrum.

Der er MANGE andre mennesker, der betyder noget i produktdesignprocessen.

Bare kig:

9. Store designs mislykkes med dårlig præsentation.

Har du nogensinde været på en date med en, der var SUPER HOT, men virkelig ikke kunne føre en samtale for at redde deres eget liv?

Visuals alene bærer ikke et fantastisk design meget langt. Jeg vil hævde, at visuals virkelig kun er omkring 20% ​​af hele præsentationsprocessen.

Resten?

Det er historiefortællingen. Hvis du ikke kobler dit publikum til en overbevisende historie, demonstrerer forretningsværdi og taler på brugerens vegne, vil du mislykkes.

Hvordan ser fiasko ud?

Masser af spørgsmål. At spille designforsvar i stedet for designforseelse. Design ofre. Mangel på tillid. Gå til markedet angst.

Du vil ikke have disse ting.

10. Hent. Det. Bygget.

Jeg har gemt denne til sidst, fordi den er SO SO SO SO SO SO SO vigtig:

Funktionelt produkt> Dribble 'er

Bogstaveligt talt betyder intet andet noget.

Smukt design? Fantastisk!
Startede ikke? Fiasko.

Siger jeg, at for at blive betragtet som en succesrig designer, skal du faktisk designe noget, der bliver bygget? Nå for at være ærlig, ja, kinda. Når vi taler om de planer, du havde for din ægtefælles fødselsdag, som du ikke fulgte, vil det ikke forhindre dig i at skulle sove på sofaen den næste måned.

Få. Det. Bygget.

Selvom det er skrækkeligt. Selvom det er ufuldkommen. Selvom ingen nogensinde bruger det.

I det mindste fulgte du igennem og lærte noget undervejs.

Når jeg ikke reflekterer over min designkarriere, arbejder jeg på Sketch designværktøjer hos UX Power Tools for at gøre dig til en bedre og mere effektiv designer.

Følg UX Power Tools på Twitter
Følg mig på Twitter