Pocketguiden 'UI og UX Design' (bind ét)

11 Værdifulde tip og tip til designere fra en… erm… Designer!

”Mens chefen er væk, skal Fortnite jeg spille ... igen!”

Bind Én af UI & UX Design Pocket Guide er lidt "Hmm, jeg kunne fjerne nogle små kløder med værdifuld information her" type thang.

Hvis du lige starter i denne store, skræmmende, men lige så fornøjelige verden af ​​produktdesign, er der meget at lære og meget information at fordøje, så træk en stol / sofa / beanbag / hængekøje op og nyd dette handily samlet en masse tip og råd.

Nyd lommeguiden, og turen!

1. Hvorfor kreativitet er vigtigere end designværktøjet 🛠

“Fra Darkside til lyset… og slap af. Bare nævnt ikke The Last Jedi. ”

I en nylig artikel, som jeg læste, berørte de værktøjer til Wireframing, Prototyping, og de prøvede og pålidelige UI Design-værktøjer, som vi spiser, sover og indånder (du kender dem). Åh dreng, der er en hel del at vælge imellem, og de laver alle slags debatter i #DesignTwitter og videre!

Nu vil jeg ikke berøre Wireframing og Prototyping-værktøjsdelen af ​​artiklen, jeg nævnte, men koncentrere mig om UI Design-værktøjer, der er nævnt kort i artiklen, og hvorfor du bare skal vælge det, der passer til dig og rulle med det. Der er ikke noget magisk værktøj, der passer til alle typer designere, og du er nødt til at huske, at uanset hvor mange gange du måske er basled over hovedet med fortalere for et bestemt designværktøj.

Photoshop er, hvad mange designere henvender sig til stadig henvender sig til, og hvad mange, skal vi sige, tidsservicede designere stadig bruger regelmæssigt, selv med introduktionen af ​​Adobe XD i nyere tid. Og dette kan være af forskellige grunde. Noget som Sketch, der ikke er tilgængelig for Windows-brugere i starten. Enheden mellem applikationer inde i Adobe Creative Suite. Stærkere designværktøjer til at arbejde med tekst og billeder. Listen fortsætter.

Det samme gælder for eksempel brugere af Sketch. De har muligvis været på udkig efter noget, der passer mere til UI Design i dag, en evne til at bevæge sig hurtigere gennem et projekt, eller de hader bare Adobes indhegnede have. Hvem ved. Men som jeg altid har sagt, at færdighederne gør designeren, ikke værktøjerne.

Hvert eneste af de designværktøjer, der er tilgængelige for os, enten desktop eller skybaseret, er netop det, et værktøj. Hvis en designer har viljen og beslutsomheden til at være det allerbedste, de kan være, vil de blive det med det værktøj, de beslutter at gå med. Visse værktøjer kan muligvis sætte begrænsninger for, hvor langt du kan skubbe din kreativitet, men de kvæler den aldrig helt.

Fantastisk, intet fantastisk arbejde kan produceres i ethvert designværktøj, som du beslutter at gå med, hvis du er villig til at skubbe dig selv så langt som du kan gå kreativt.

2. Hvorfor designprincipper skal komme inden tendenser

”Chefen sagde sammen Proxima Nova Black før frokost?!?”

Designtrendene vil komme og gå, dette har og altid være tilfældet. De er umulige at ignorere, og indflydelsen fra dem vil gnide ud på dig på en eller anden måde, det er en uundgåelig kendsgerning.

Det, der er nedslående, er at se designere, der opretter en hel portefølje, der udelukkende er baseret på trends, og ikke tillader, at deres egen stil og indflydelse gennemsyrer hele deres arbejde. For en ung designer er dette forståeligt til et punkt, de vil være mere tilbøjelige til at følge mængden, følge en tendens, når de lærer, og finde deres vej i branchen, men de er nødt til at have mere selvtillid til at sige 'Dette er min stil , det er hvad jeg gør, jeg føler mig godt tilpas med dette. Og har den rigtige form for tankegang fra et tidligere stadium, der er mere til fordel for deres egen stil end bare at følge tendenser religiøst.

Det, der spiller en stor rolle i ikke at forme unge designere til at have forståelse for de grundlæggende designprincipper, er den måde, det fysiske klasseværelse lærer dem om. Jeg tog Grafisk Design tilbage på college (du ville lære noget, der vedrører det nye web, du tog et kursus i, hvordan man skal håndtere Cisco-systemer, eller hvis du var heldig, hvordan man kunne finde dig rundt i Dreamweaver), og dette lærte mig en hel del af grundlæggende designprincipper, og det var noget, der blev hos mig, og jeg har gennemgået til at arbejde med digital i en mere moderne form.

Hvad der tilbydes nu ser ud til at have en så stor kløft mellem medier. Du kan tage et 3/4-årigt kursus i grafisk design, men forbereder det dig til at arbejde som produktdesigner i fremtiden? Du tager et webdesignkursus, men du får undervisning i værktøjerne og ikke det grundlæggende i designprincipper, hvorfor derfor så mange designere bliver suget ind i en cyklus med bare at følge trends og ikke negle de grundlæggende principper for design, og dette behov at skifte.

3. Vil du få flere ting gjort? Prøv tidsblokering

Okay. Du tænker muligvis "Dette er ikke rigtig en UI / UX, som det er?". Ja, det er det virkelig. Det, du læser her, gælder for så mange brancher, inklusive det, som os mennesker arbejder i, og jeg kan garantere, at det er et vendepunkt for mig, på den måde, jeg nærmet designprojektet til rådighed, personligt eller professionelt.

Der er noget, jeg bruger dagligt, og et, der hjælper mig med at få de vigtigste ting gjort, i en mindre tidsramme og ikke bare være optaget af travle skyld.

Time-Blokering. Det er hvad du skal gøre. Jeg stødte på dette for et par år tilbage i en stor bog kaldet 'The One Thing' af Gary Keller (og nej, jeg er ikke et tilknyttet selskab af nogen art). Jeg antog altid, at jeg bare havde travlt med at få tingene gjort. Hvis jeg klemmer om 12 timers dage, får jeg på en eller anden måde alle de vigtige ting, der skulle gøres, gjort. Det var ikke tilfældet. Da jeg så tilbage og bemærkede, hvad jeg faktisk havde gjort inden for den tidsramme, så jeg, at mindst en tredjedel, hvis ikke halvdelen af ​​det var blevet taget op af uvelkomne distraktioner (du kender slags). Så min antagelse af ”Nå, hvis jeg arbejder 12 timer om dagen, må jeg få mere arbejde end den fyr, der arbejder 6 timer om dagen”, var helt falsk, og jeg narrede mig selv.

Når jeg går tilbage til den tidsblokerende metode, som jeg nævnte før, kan jeg godt lide at få det vigtigste arbejde, som jeg har brug for på en dag, udført den første ting (morgenperioden), lad os sige fra 9:00 til 13:00. Det er når de fleste af os er på vores højdepunkt, før den kreative træthed begynder at sparke om eftermiddagen, og vores fokusbrændstoflys begynder at blinke rødt.

Undgå de distraktioner så meget som menneskeligt muligt i denne periode, og ja, det betyder, at den snige hurtig opdatering af dit Twitter-feed. Fokuser bare helt på den vigtige opgave, der er til rådighed for den dag, i den tidsperiode, du har afsat, og jeg kan forsikre dig om, at du vil få mere udført, det virkelig vigtige, der er gjort.

4. Vær en bedre designer ved ikke at sammenligne dig selv

”Og argumentet begyndte alt sammen med, at jeg sagde, at en revnet kopi af Sketch ikke var god for holdmoralen.”

Det er så rigtigt, at vi som designere er skyldige, i lejlighed til at se på fyren / pigen ved siden af ​​os og tænke, at deres arbejde er den største ting, der nogensinde har nået en brugerskærm, og at vores arbejde på en eller anden måde er underordnet .

Stop med at tvivle på dine evner og det arbejde, du opretter. Bliv ved med at gøre, hvad du laver, på din egen måde, din egen stil.

Der er hundreder, ingen tusinder af mennesker derude, som synes de ting, du opretter, er fantastisk. Sammenlign ikke med den næste person, eller tænk mindre på dit arbejde.

Vær en bedre designer ved ikke at sammenligne dig selv.

5. Vær aldrig devalueret dig selv som Designer

“Har du hørt nogle gode tip for nylig? Erm nope. ”

Arbejd som freelancer i mange år har jeg mistet antallet af, hvor mange gange jeg har arbejdet for en pittance på et projekt, der kommer over min radar.

Som yngre designer havde jeg min retmæssige andel af projekter, som enten var groft underbetalte, men du var nødt til at tage spillejobben for at holde bankbalancen fyldt op, eller partnerskaber, som jeg kunne spille en rolle i og derefter dele rigdommen senere, når det begyndte at tjene penge, hvis nogensinde.

Jeg gjorde dem og derefter nogle. Mange projekter, der lovede jorden og rigdommen ud over mine vildeste drømme, kaldte, og temmelig meget kom til intet og ikke gennem mit ønske om at prøve. Jeg ville levere designaktiverne, men til sidst ville projektet køre tørt og aldrig se dagens lys. Jeg ville lægge det ned for at opleve og naivitet rullede ind i en. Når du er en ung designer, der starter, eller endda med et par års erfaring under dit bælte, kan du stadig finde dig selv ved at blive suget ind i disse slags 'samarbejder', der 90% af tiden ikke kommer til noget.

Efterhånden som jeg fik mere erfaring, begyndte a at sætte en streng tjekliste på plads, og der skulle afkrydses kasser for at udfylde kriterierne for forpligter jeg mig til dette, eller ej?

Hvis nogen leder efter et ægte partnerskab og respekterer dit arbejde, er de nødt til at være villige til at betale for din tid og kræfter, simpelt som det. Desværre er denne form for praksis med lovende utallige rigdomme senere på linjen, efter at du har givet dine færdigheder og tid gratis, så almindelig i dag som for 10 år siden. Træd forsigtigt og ikke billig dig selv eller den branche, vi arbejder i, uanset hvor farverige de enhjørninger og regnbuer måske ser ud.

6. Aspirerende designer, er du klar til denne meget lange rejse?

”Så han sagde, gå her oppe og kigge efter den grønne dør? Han har sendt mig den forkerte måde, jokeren. '

Enhver kan blive en designer, men ikke alle ønsker at være en. Du bliver nødt til at have en ægte lidenskab for det hver dag og stræbe efter at være det allerbedste, du kan være. Ingen genveje.

Dette går tilbage til en tidligere artikel om min. Om ikke at se på fyren / pigen, der sad ved siden af ​​dig og tro at du arbejder, er på nogen måde ringere end dem. Ja, det har muligvis ikke den krævede polering, den korrekte forståelse af, hvad der skaber virkelig fantastisk design, men tro ikke et øjeblik, at det ikke er godt nok, og hvis du har indsigt i at vide, hvad der gør godt, og ikke så godt arbejde, så griber du hurtigt, og du skal bare forbedre de andre dele, og det vil komme.

Bliv ikke afskrækket på din rejse, lær, forbedring, ved, hvor du vil hen imod i din karriere og tage alle de nødvendige skridt for at komme dertil. Det være det, at fordøje utallige artikler, inspireret af kollegerne fra designere, eller være en del af et designfællesskab.

Vær dog åben for kritik. 'Alle er kritikere', som det siges, og det er kun et tastetrykk væk for at lade deres tanker høres på arbejde, som du viser frem.

Jeg ser unge designere ikke kunne tage nogen form for kritik, og hvis du er den slags person, skal du løsne, pronto! Der vil altid være troldtastiske folk, der ikke har noget konstruktivt at sige. Ignorer dem, de projicerer bare deres usikkerhed over dig. Men for konstruktiv kritik, tag det med om bord og lær af det, det vil hjælpe dig med at forbedre dig og blive stærkere på din rejse.

7. Hvordan man sammensætter eller bryder op med en vanskelig klient

”Alt, hvad jeg bad om, var knappen Køb nu for at være i en elegant, ulæselig skrifttype. Ggggrrrrrr!”

I mange års omgang med kunder, fra store mærker, til Poodles Pooch Parlour (ikke et rigtigt firmanavn) nede på gaden, har jeg haft en ret stor andel af run-ins med det, jeg ville beskrive som vanskelige klienter.

Efterhånden som jeg fik mere erfaring, begyndte jeg at behandle mine indledende klientmøder med den opmærksomhed, de fortjente. Dette fik mig til at reflektere over mine tidligste klient-run-ins, og jeg kom til at indse, at det ikke altid var fair at markere denne klient som en 'vanskelig'. Nogle gange tager det 'To til Tango'.

Hvis jeg havde taget sig tid til at lytte mere, få mere indsigt i, hvad deres firma virkelig handlede om, hvad de handlede om som en person, ville friktion mellem os ikke have manifesteret sig senere på linjen.

Det er ikke at sige, at du kan lytte intenst, tage en overflod af detaljerede noter, virkelig grave dybt ned i, hvad de vil, for at de stadig ikke viser sig at være en smerte i røvet. Men for en person, der begynder og håber på at undgå friktion / misforståelse / brudte relationer, senere nede på linjen, kan det meste af dette undgås ved blot at lytte, som virkelig at lytte til dine klienters ønsker og behov og guide dem korrekt helt fra starten.

8. Bør designere i det mindste forstå, hvordan kode fungerer?

”Jeff sagde, at han ville have, at dette puslespil var afsluttet før præsentationen. Vi har været her 3 timer nu! ”

Bør designere kode? Åh, denne debat vil være her indtil slutningen af ​​tiden, og jeg kommer ikke ind på det særlige argument, men deler i stedet mine tanker om, hvorfor det i det mindste kan være fordelagtigt at forstå, hvordan kode fungerer.

Fra personlig erfaring føler jeg, at det at have kendskab til kode, har været yderst fordelagtigt at opbygge gode relationer med ingeniører på et projekt, når tiden er inde, og endda i de tider, hvor jeg har arbejdet alene.

Undervejs hentede jeg nok kodningskendskab til at være farlig, og dette hjalp mig, når jeg udelukkende arbejdede på et projekt og ikke udviste udviklingen. Det ville få mig til at tænke og tænke i retning af 'Hvis jeg går videre og designer dette på en bestemt måde, bliver det bare et komplet mareridt, når jeg prøver at kode det op?'.

Jeg tror, ​​at hvis du går tilbage et par år tilbage i den lange historie på Internettet (en sark af sarkasme der, ja), og de roller, vi spillede tilbage dengang, hvis du freelanced i en tid, ville du være mere tilbøjelig til at have poppet en kodning fjer ind i hætten. Hvis alt hvad du nogensinde havde kendt var at arbejde internt, ville du sandsynligvis have holdt fast i den definerede rolle, som du blev ansat til.

At røre ved mit vigtigste punkt. Jeg siger ikke, at du skal låse dig ind i et mørklagt rum, der kun er oplyst med stearinlys i de næste 6 måneder og lære mindst et halvt dusin kodningssprog, før døren bliver låst op, men jeg føler, at det lønner sig at bare have noget udseende af kendskab til kodningsaspektet, når man arbejder på et projekt, og arbejder med ingeniører. Det være det fra at læse et par artikler, tjekke dokumentation, have en lille tænkning på Codeacademy eller bare opbygge et rigtig godt forhold til din ingeniør lige fra starten og stille masser af spørgsmål, inden du forpligter dig til visse æstetiske valg. Åh og still endnu flere spørgsmål, bare for en god målestok.

Hvis du har noget kendskab til kode, hvor begrænset det end måtte være, giver det virkelig en meget lykkeligere og strømlinet proces mellem dig selv og udvikleren / ingeniøren. Meget mere gavnligt for alle involverede parter og bedre end bare at sige ”Jeg vil designe det, og de kan finde ud af, hvordan de får det til at fungere. Jeg tilmeldte mig ikke denne s ** t ”.

Som UI-designer, der arbejder i et team eller ej, er det ikke altid et must at have en forståelse af, hvordan kode fungerer, men det er en forbandt god ting at have til din rådighed.

9. Dit ry som freelancer er alt

”Det er bare et spring til venstre. Og så et skridt til riggghhtttt. ”

Freelancing er hårdt, virkelig hårdt. Sådan der. Det var en kort artikel. Intet mere at se her. Gå videre.

Nej, for at give et mere detaljeret overblik er det en af ​​de sværeste roller at være i, men også så givende. Jeg arbejdede som freelancer i mange år, og jeg har haft min ret gamle andel af op- og nedture

Det er som alt andet, det tager tid at finpudse og tid til at opbygge en ordentlig forståelse af, hvordan man spiller spillet som freelancer.

Jeg har været skyld i at have forsømt klienter, da jeg først startede på min freelancing-rejse. At ikke have en god dialog åben, ikke forstå fuldstændigt, hvad klienten følte, og hvad de krævede, bare tænke på løncheck i slutningen af ​​det, og undre sig over, hvorfor forholdet forsinkede i løbet af projektet. Heldigvis med erfaring og en ny fundet modenhed begyndte jeg at stille de rigtige spørgsmål og opbygge bedre relationer og produkter til mine klienter.

Ordet i munden, især som freelancer, er så vigtigt. Du har ikke altid ressourcerne til at få dit navn op i lys, og din karriere kan stige eller falde på en mundklient fra en tidligere klient.

Når du lærer mere, vil du naturligvis sige nej til klienter, som du ikke får en stemning for, så du kan nægte at påtage sig det projekt. Forsøg ikke at gøre det bare for at få fat i betalingschecken, eller du stiller dig op til et fald. Et dårligt websted eller en app, en utilfredse klient og en tand i dit omdømme er ikke en god blanding og noget, som enhver freelancer skal undgå ved enhver lejlighed. Et godt omdømme er et nøgleelement i et freelancers brand og bør aldrig overses.

Lav dine lektier. Find den rigtige type klienter. Hold dem involveret. Gå ud over hvad de kunne forvente. Tag ikke tingene for personlige. Sæt dine grænser, og lad dem vide det, og du kan opbygge et fantastisk forhold og produkt for dem.

10. Hvorfor prototypering er så vigtig for din proces

”Håndværk, a-ah, universets frelser.”

Der er i øjeblikket meget snak om, hvorfor designere og teams skal tilføje prototyper til deres design- og udviklingsproces, og hvorfor det er vigtigere end nogensinde. Og jeg er enig med dette og artiklen nedenfor, i at det ikke kun er dig selv, men hele teamet, der er ombord og forstår vigtigheden af ​​at have prototyper i hele processen.

Jeg har selv sagt i lang tid, at prototyping ikke kun er et nyttigt aktiv til at hjælpe dit teamproblem med at løse, men en kerne for dit team, når det kommer til at give din idé en klient eller en investor. Comps oprettet i Sketch, Photoshop eller hvad der sker for at være dit valgte designværktøj, skal du bare ikke klippe det nu, når det bliver præsenteret for de typer mennesker, jeg lige har nævnt.

Du har brug for disse mennesker om bord, 100%, og at vise dem en statisk mockup / comp er bare ikke god nok længere. De skal være i slutbrugerens sko, for at være interaktive med det produkt, du opretter, uden at de har en idé om, hvad du håber at skabe, men uden noget mere håndgribeligt vil de tage antagelser ( mest af den 'ikke så positive' sort), da de kun ser et halvt produkt.

Hvornår, og hvor du bringer prototyping ind i processen, er helt efter din skøn, men en metode, jeg har fundet fungerer godt før i tiden, går lidt i denne retning ... Wireframing> Prototyp til lavtidelighed> Hi-Fidelity Comp / Mockup> Hi- Fidelity Prototype.

Hvis du ikke allerede har det, så tag prototyper med i dit liv. Du ved, det giver mening!

11. Hvorfor at bringe et designsystem ind i dit liv kan forbedre din arbejdsgang 100x

Designsystemer / Startsæt er, skal vi sige… erm… ret varmt emne, har været i ganske lang tid nu og af meget god grund.

Jeg var meget imponeret over nogle af de skitsedesignsystemer, som jeg oprindeligt kom over. Jon og Christian på UXPowerTools og Dmitry Bunin hos Frames havde gjort et fantastisk stykke arbejde med at bringe sådanne systemer særlig opmærksomhed på Sketch-brugere.

Inspireret af disse systemer var jeg virkelig forbløffet over det tidsbesparende noget som et system kunne bringe i min daglige arbejdsgang. De har øget hastigheden på min arbejdsgang massivt, og det er nødder, at jeg ikke førte en ind i min arbejdsgang på et tidligere tidspunkt og undgik en proces, der ligner følgende ...

  • Åbn Sketch
  • Stare på en tom skærm
  • Grib nogle ikoner fra et sted
  • Gå gennem den strenge proces med at oprette Symbol efter symbol
  • Konfigurer nogle lagstilarter, og derefter et par flere, og derefter nogle mere
  • Så start faktisk en forbandt start på projektet!
  • Se på uret og gå "Åh hvor gik al den tid?"

Nu er der folk derude, der råber højt og stolt “Men du er nødt til at ændre 4 Symboloverskridelser bare for at style en knap. Jeg er bare ikke cool med det ”, og jeg er tilbøjelig til at være enig med dem ……… .. til et punkt.

Når du først begynder at arbejde med et nyt system i Sketch, kan du muligvis finde dig selv (i de første par gennemløb) lidt hindret, fordi det er en anden måde at nærme sig et projekt inde i Sketch, og noget lidt anderledes end dig ' Vi er måske vant til, men du vil snart finde ud af, at du arbejder med autopilot, hvor du hurtigt bevæger dig gennem et projekt, og det ser ud til at være en anden natur for dig.

Woah! Hæng i. Før du går…

... Hvis du er en UI / UX Designer, der arbejder med Sketch, skal du virkelig tjekke Cabana Design System nedenfor ...

Design brugergrænseflader bedre, smartere og hurtigere i skitse. Tjek det her.

Brug tilbudskoden MEDIUM25 for at modtage 25% FRA.

Tak, fordi du læser artiklen,

Marc

Designer, forfatter, far og elsker af biblioteker (Zen-lignende Chill)