UI, UX: Hvem gør hvad? En designerguide til techindustrien

Plus: Hvordan Apple, Facebook, Google og flere sværvægtere i tech-verden beskriver deres designjob.

Design er et ret bredt og uklart udtryk. Når nogen siger, at jeg er designer, er det ikke umiddelbart klart, hvad de rent faktisk gør hver dag. Der er en række forskellige ansvarsområder omfattet af paraplybetegnelsen designer.



Designrelaterede roller findes på en række områder fra industrielt design (biler, møbler) til tryk (blade, andre publikationer) til tech (websteder, mobilapps). Med den relativt nylige tilstrømning af tech -virksomheder fokuseret på at skabe grænseflader til skærme, er der dukket mange nye designroller op. Jobtitler som UX- eller UI -designer er forvirrende for de uindviede og ukendte, selv for designere, der kommer fra andre brancher.

Et givet designproblem har ikke et enkelt rigtigt svar.

Lad os forsøge at destillere, hvad hver af disse titler virkelig betyder inden for den tekniske industri.



UX Designer (User Experience Designer)

UX -designere er primært bekymrede for hvordan produktet føles . Et givet designproblem har ikke et enkelt rigtigt svar. UX -designere undersøger mange forskellige tilgange til at løse et specifikt brugerproblem. UX -designerens brede ansvar er at sikre, at produktet logisk flyder fra et trin til et andet. En måde, hvorpå en UX-designer kan gøre dette, er ved at foretage personlige brugertests for at observere ens adfærd. Ved at identificere verbale og ikke-verbale snublesten, forfiner de og gentager de for at skabe den bedste brugeroplevelse. Et eksempelprojekt er at skabe et dejligt onboarding -flow for en ny bruger.



Definer interaktionsmodeller, brugeropgaveforløb og UI -specifikationer. Kommuniker scenarier, ende-til-ende-oplevelser, interaktionsmodeller og skærmdesign til interessenter. Arbejd med vores kreative direktør og visuelle designere for at indarbejde Twitters visuelle identitet i funktioner. Udvikl og vedligehold designtrådrammer, mockups og specifikationer efter behov.

- Oplev Designer jobbeskrivelse på Twitter

Eksempel på en apps skærme oprettet af en UX -designer.Kredit: Kitchenware Pro Wireframe Kit af Neway Lau på Dribbble.



Leverancer : Wireframes af skærme, storyboards, sitemap

Handelens værktøjer : Photoshop, Sketch, Illustrator, Fyrværkeri, InVision

Du hører dem måske sige det i naturen
: Vi bør vise brugerne 'Tak' -siden, når de er tilmeldt.

hvordan man kontakter rekrutterere på LinkedIn

UI Designer (brugergrænseflade designer)

I modsætning til UX -designere, der er bekymrede over produktets overordnede fornemmelse, er designere af brugergrænseflader særlig om hvordan produktet er lagt op . De har ansvaret for at designe hver skærm eller side, som en bruger interagerer med og sikre, at brugergrænsefladen visuelt kommunikerer den vej, som en UX -designer har lagt. For eksempel kan en UI -designer, der opretter et analysedashboard, frontlaste det vigtigste indhold øverst eller beslutte, om en skyder eller en betjeningsknap giver den mest intuitive mening at justere en graf. UI -designere er også typisk ansvarlige for at oprette en sammenhængende stilguide og sikre, at der anvendes et konsistent designsprog på tværs af produktet. At opretholde konsistens i visuelle elementer og definere adfærd, f.eks. Hvordan man viser fejl- eller advarselstilstande, hører under en UI -designer.



Koncept og implementer det visuelle sprog på Airbnb.com. Opret og fremfør vejledninger i hele webstedet.

-UI Designer jobbeskrivelse hos Airbnb

Grænsen mellem UI- og UX -designere er temmelig sløret, og det er ikke ualmindeligt, at virksomheder vælger at kombinere disse roller.

navn på hyæner i løvekongen

En UI -designer definerer det overordnede layout og udseende af en app.Kredit: Metro Style Interface 4 af Ionut Zamfir på Dribbble.

Handelens værktøjer : Photoshop, Skitse, Illustrator, Fyrværkeri

Du hører dem måske sige det i naturen : Login- og tilmeldingslinkene skal flyttes til øverste højre hjørne.

Visual Designer (grafisk designer)

Visuelle designere sveder de små detaljer, som andre overser.

En visuel designer er den, der skubber pixels . Hvis du spørger en ikke-designer, hvad en designer gør, er det sandsynligvis det, der først kommer til at tænke på. Visuelle designere er ikke bekymrede over, hvordan skærme linker til hinanden, og heller ikke hvordan nogen interagerer med produktet. I stedet er deres fokus på at lave smukke ikoner, kontroller og visuelle elementer og gøre brug af passende typografi. Visuelle designere sveder i de små detaljer, som andre overser og ofte opererer på 4X til 8X zoomniveauet i Photoshop.

Producer visuelle designs i høj kvalitet-fra koncept til udførelse, herunder dem til desktop-, web- og mobilenheder i forskellige opløsninger (ikoner, grafik og marketingmateriale). Opret og gentag aktiver, der afspejler et mærke, håndhæver et sprog og injicerer skønhed og liv i et produkt.

- Visual Designer jobbeskrivelse hos Google

Det er også ret almindeligt, at UI -designere trækker dobbeltarbejde og opretter de sidste pixel perfekte aktiver. Nogle virksomheder vælger ikke at have en separat visuel designer rolle.

En visuel designer udstiller guider og justerer hver enkelt pixel for at sikre, at slutresultatet er perfekt.Kreditter: iOS 7 Guide Freebie PSD af Seevi kargwal på Dribbble.

Handelens værktøjer : Photoshop, Skitse

Du hører dem måske sige det i naturen : Kerning er slukket, og knappen skal være 1 pixel til venstre!

Interaction Designer (Motion Designer)

Kan du huske den subtile hoppende animation, når du trækker for at opdatere i Mail -appen på din iPhone? Det er en bevægelsesdesigners arbejde. I modsætning til visuelle designere, der normalt beskæftiger sig med statiske aktiver, opretter bevægelsesdesignere animationer inde i en app. De beskæftiger sig med hvad grænsefladen gør, når en bruger rører ved den . For eksempel beslutter de, hvordan en menu skal glide ind, hvilke overgangseffekter der skal bruges, og hvordan en knap skal vifte ud. Når det gøres godt, bliver bevægelse en integreret del af grænsefladen ved at give visuelle spor om, hvordan produktet skal bruges.

Kendskab til grafisk design, bevægelsesgrafik, digital kunst, en følsomhed over for typografi og farve, en generel bevidsthed om materialer/teksturer og en praktisk forståelse af animation. Kendskab til iOS, OS X, Photoshop og Illustrator samt kendskab til Director (eller tilsvarende), Quartz Composer (eller tilsvarende), 3D computermodellering, bevægelsesgrafik er påkrævet.

-Interaction Designer jobbeskrivelse hos Apple

Handelens værktøjer : AfterEffects, Core Composer, Flash, Origami

Du hører dem måske sige det i naturen : Menuen skal lette ind fra venstre i 800 ms.

UX Researcher (brugerforsker)

En UX -forsker er forkæmper for en brugers behov.

En UX -forsker er forkæmper for en brugers behov. Målet for en forsker er at besvare de to spørgsmål om Hvem er vores brugere? og hvad ønsker vores brugere? Typisk indebærer denne rolle at interviewe brugere, undersøge markedsdata og indsamle fund. Design er en proces med konstant iteration. Forskere kan hjælpe med denne proces ved at udføre A/B -tests for at finde ud af, hvilken designmulighed der bedst opfylder brugernes behov. UX -forskere er typisk grundpilarer i store virksomheder, hvor adgangen til et væld af data giver dem rig mulighed for at drage statistisk signifikante konklusioner.

Arbejd tæt sammen med produktteams for at identificere forskningsemner. Designundersøgelser, der adresserer både brugeradfærd og holdninger. Udfør forskning ved hjælp af en lang række kvalitative metoder og en delmængde af kvantitative metoder, såsom undersøgelser.

- UX Researcher stillingsbeskrivelse på Facebook

UX -designere udfører også lejlighedsvis UX -forskernes rolle.

trumf luftvåben et design

Leverancer : Brugerpersonas, A/B -testresultater, Undersøgende brugerundersøgelser og interviews

Handelens værktøjer : Mikrofon, papir, Docs

Du hører dem måske sige det i naturen : Fra vores forskning, en typisk bruger ...

Front-end udvikler (UI-udvikler)

Frontend-udviklere er ansvarlige for at skabe en funktionel implementering af et produkts interface. Normalt afleverer en UI-designer en statisk mockup til front-end-udvikleren, der derefter oversætter det til en fungerende, interaktiv oplevelse. Frontend-udviklere er også ansvarlige for kodning af de visuelle interaktioner, som bevægelsesdesigneren finder på.

Handelens værktøjer : CSS, HTML, JavaScript

Du hører dem måske sige det i naturen : Jeg bruger et 960px 12-søjles gittersystem.

Vise sig : Ofte skal frontend -udviklere dele deres arbejde med kolleger, klienter eller open source -verdener. Det er der mange værktøjer til, men den enkleste måde er at få delt hosting og smide HTML -filer der. Her kan du finde top 10 webhosting anmeldelser . Masser af nyttig information der. Vær opmærksom på inmotion hosting anmeldelse , såvel som a2 hosting anmeldelse .

Produktdesigner

Produktdesigner er et overordnet udtryk, der bruges til at beskrive en designer, der generelt er involveret i skabelsen af ​​et produkts udseende og fornemmelse.

Rollen som produktdesigner er ikke veldefineret og adskiller sig fra den ene virksomhed til den anden. En produktdesigner foretager muligvis minimal front-end-kodning, foretager brugerundersøgelser, designer grænseflader eller opretter visuelle aktiver. Fra start til slut hjælper en produktdesigner med at identificere det første problem, sætter benchmarks for at løse det og designer, tester og gentager derefter forskellige løsninger. Nogle virksomheder, der ønsker mere flydende samarbejde inden for de forskellige designroller, vælger at have denne titel for at tilskynde hele designteamet til i fællesskab at eje brugeroplevelsen, brugerundersøgelser og visuelle designelementer.

Nogle virksomheder bruger UX designer eller simpelthen designer som et overordnet udtryk. At læse stillingsbeskrivelsen er den bedste måde at finde ud af, hvordan virksomhedens designteam fordeler ansvaret.

Ejer alle facetter af design: interaktion, visuel, produkt, prototyper. Opret pixel-perfekte mocks og kode til nye funktioner på tværs af web og mobil.

- Produktdesigners jobbeskrivelse hos Pinterest

dette ansigt eksisterer ikke

Jeg leder efter en designer

Dette er den mest almindelige fase, jeg hører fra nye startups. Det, de normalt leder efter, er en, der kan alt, der er beskrevet ovenfor. De vil have en, der kan lave smukke ikoner, oprette A/B-testede landingssteder, logisk arrangere UI-elementer på skærmen og måske endda lave noget front-end-udvikling. På grund af den brede rækkevidde af denne rolle hører vi normalt mindre virksomheder, der beder om at ansætte en designer frem for at være specifikke i deres behov.

Grænserne mellem hver af disse forskellige designroller er meget flydende. Nogle UX -designere forventes også at lave interaktionsdesign, og ofte forventes UI -designere også at skubbe pixels. Den bedste måde at lede efter den rigtige person er at beskrive, hvad du forventer, at designeren skal gøre inden for din virksomheds proces, og vælge en titel, der bedst repræsenterer den persons primære opgave.

En version af denne artikel dukkede oprindeligt op her . Det blev genudgivet med tilladelse.