UX och UI design: syfte och skillnader. Allt du behöver veta om UX design Ux designer vad

29.09.2017

Användarupplevelse eller UXär en för närvarande populär term inom teknik- och designbranschen. När UX fortsätter att utvecklas och definieras är många fortfarande osäkra på vad UX betyder och hur man korrekt använder termen.

Du hör säkert ofta talas om UX när det kommer till gränssnitt på webbplatser eller mobilapplikationer. Detta är delvis sant, men en djupare titt på UX är nödvändig för att till fullo förstå varför användarupplevelsen är så viktig och varför det är så viktigt att veta om det.

Vad är User Experience (UX)?

UX står för "user experience". Erfarenhet är hur människor interagerar med en produkt.

Du stöter på UX överallt. I teorin allt du kommer i kontakt med, till att börja med programvara till på/av-knappen och dess form är exempel på element som skapar UX. Summan av dina interaktioner med en produkt blir upplevelsen du har av att använda den produkten.

Alla föremål runt omkring oss har en upplevelse av interaktion – från pekskärmskiosker i tunnelbanan till elitkaffemaskiner som låter dig hälla upp en kopp gourmetkaffe. Möjlighet att använda mobiltelefon eller någon annan enhet på språng förbättrar UX, precis som att interagera med bilen med hjälp av pekskärmen och röstkommandon gör körningen enklare och bekvämare.

Framgången för en produkt baseras på hur användarna uppfattar den. När de använder en produkt bedömer människor vanligtvis sin upplevelse enligt följande:

  • Hade jag nytta av den här produkten?
  • Är det lätt att använda?
  • Är den trevlig att använda?

Huruvida människor kommer att bli regelbundna och lojala användare av produkten beror direkt på svaret på dessa frågor.

UX-element

Don Norman, medgrundare av Nielsen Norman Group, var den första som myntade konceptet "användarupplevelse" på 90-talet, och sa "Användarupplevelsen täcker alla aspekter av en användares interaktion med ett företag, dess tjänster och produkter."

"Jag myntade den här termen för att jag tyckte att mänskliga gränssnitt och användbarhet var för snäva begrepp. Jag ville fånga alla aspekter av den mänskliga upplevelsen med systemet, inklusive industriell design, grafik, gränssnitt och fysisk interaktion.”

I den här videon delar Don Norman med sig av sina tankar om ursprunget till termen UX.

Design är ett ganska brett och vagt begrepp. När pratar någon? "Jag är en designer", det är inte direkt klart vad han faktiskt gör varje dag. Det finns flera olika områden som faller under paraplyet design.

Yrken relaterade till design finns inom en mängd olika områden - från industriell design (bil- och möbeldesign, etc.), printdesign (tidningar och andra tryckta publikationer) till webbdesign (webbplatser, mobilapplikationer).

Men på senare tid har många nya designyrken dykt upp, fokuserade på att utveckla gränssnitt för olika typer av skärmar. Jobb med titeln UX- eller UI-designers är obegripliga för den oinvigde och till och med ofta för designers själva från andra områden.

Låt oss försöka förstå vad var och en av dessa termer betyder.

UX designer (USER EXPERIENCE designer)

En UX-designer är i första hand fokuserad på hur produkten "känns" och uppfattas av användaren. Uppgiften som ges till designern har inte ett korrekt svar. UX-designers provar olika tillvägagångssätt för att lösa ett specifikt användarproblem. En UX-designers breda ansvarslista inkluderar att se till att produkten konsekvent flyttar kunden från ett steg till nästa. Ett sätt att uppnå detta är att genomföra direkta tester med en riktig användare för att kunna observera deras beteende. Genom att identifiera verbala och icke-verbala hinder förbättrar UX-designers produkten och kommer konsekvent till skapandet det bästa alternativet användarinteraktion med produkten. Testversionen är nödvändig för att säkerställa den mest bekväma användningen av produkten.

Ett exempel på en upplevelsedesigners arbetsbeskrivning på Twitter:

"Definiera interaktionsmodeller, användaruppgiftsflöden och UI-specifikationer. Presentera olika scenarier, beskriv användningsprocessen och interaktionsmodeller från början till slut, och demonstrera prover för intresserade parter. Arbeta med vår kreativa chef och visuella designers för att förena Twitters visuella identitet och signaturfunktioner. Utveckla eller underhålla design, mock-ups och standarder efter behov."

Arbetsresultat: layouter av bilder på skärmar, storyboards, platsplan.

Verktyg: Photoshop, Sketch, Illustrator, Fireworks, InVision

UI designer (USER INTERFACE designer)

Till skillnad från UX-designers, som är ansvariga för den övergripande upplevelsen av en produkt, kretsar en UI-designers jobb kring hur produkten är designad. Dessa specialister är ansvariga för utformningen av varje sida eller skärm som användaren interagerar med, och måste se till att användargränssnittet visuellt matchar sökvägen som lagts upp av UX-designern. Till exempel kan en UI-designer som skapar en analysinstrumentpanel presentera det viktigaste innehållet högst upp på sidan, eller bestämma att en reglage eller kontrollknapp är mer lämplig för användarens uppfattning om att justera grafen.


Vanligtvis är UI-designern också ansvarig för att skapa en konsekvent stil och måste se till att rätt designspråk tillämpas i hela produkten.

Att upprätthålla konsistens över alla visuella element och definiera beteende (som hur man visar fel eller varningar) faller under en gränssnittsdesigner.

Gränsen mellan dessa två yrken är ganska suddig och ofta anställer företag en person för dessa två befattningar.

Verktyg: Photoshop, Sketch, Illustrator, Fireworks

Visuell designer (grafisk designer)

En visuell designer är någon som gör grafik. Om du frågar någon som inte designar vad en designer är, kanske det första som kommer att tänka på är grafisk design eh. Grafiska designers har ingenting att göra med hur skärmar kommunicerar med varandra eller hur någon interagerar med en produkt. Istället fokuserar de på att skapa vackra ikoner, kontroller och andra visuella element och att välja lämpliga typsnitt. Grafiska designers arbetar med de små detaljerna som andra inte uppmärksammar, och arbetar ofta i Photoshop i 4X eller 8X.

Det är också ganska vanligt att UI-designers gör dubbeljobb och skapar den slutliga versionen av bildelement. Vissa företag väljer att inte anlita en separat grafisk designer.

Verktyg: Photoshop, Sketch

Interaktiv designer (motion designer)

Kommer du ihåg den där nästan omärkliga studsande animationen när du uppdaterar din e-post på din iPhone? Det här är en rörelsedesigners jobb. Till skillnad från grafiska designers, som arbetar med statiska element, skapar rörelsedesigners animationer i applikationer. De handlar om vad gränssnittet gör efter att användaren rört det. Till exempel bestämmer de hur menyer ska utökas, vilka övergångseffekter som ska användas och hur en viss knapp ska svara. Väl genomförd rörelsedesign blir en integrerad del av gränssnittet och ger visuella ledtrådar om hur man använder produkten.

Motion Designer Job Description på Apple:

”Högt kvalificerad inom grafisk design, rörlig grafik, kunskap om digital konst, god uppfattning om typsnitt och färger, allmän uppmärksamhet på material och texturer, samt en praktisk förståelse för animation. Kunskaper om iOS, OS X, Photoshop och Illustrator, även förtrogenhet med Director (eller motsvarande), Quartz Composer (eller motsvarande), 3D-modellering, rörlig grafik"

Verktyg: AfterEffects, Core Composer, Flash, Origami

UX Researcher (User Researcher)

Målet för en UX-forskare är att svara på två frågor: "Vem är vår kund?" och "Vad vill vår konsument ha?" Vanligtvis inkluderar en forskares ansvar att genomföra användarintervjuer, undersöka marknadsföringsdata och allmänt samla in analyser. Design är en process av ständig förbättring. En forskare kan hjälpa till i denna process genom att utföra A/B-tester för att identifiera vilken designlösning som bäst möter konsumenternas behov. En UX-forskare är vanligtvis en stöttepelare i stora företag, där tillgång till en enorm mängd information ger honom tillräckligt med kraft för att komma till meningsfulla slutsatser.

Jobbbeskrivning för Facebook UX Researcher:

"Arbeta nära produktteam för att identifiera forskningsämnen. Genomför forskning som samtidigt tar upp både konsumentbeteende och konsumentåsikter. Utför forskning med ett brett utbud av kvalitativa och kvantitativa metoder, såsom undersökningar.”

UX-designers fungerar periodvis som UX-forskare.

Arbetsresultat: användarprofil, A/B-testresultat, beteendevetenskaplig användarundersökning/intervjuer.

Verktyg: mikrofon, papper, dokument

Front-end-utvecklare (UI-utvecklare)

Externa utvecklare ansvarar för den funktionella implementeringen av produktgränssnittet. Vanligtvis skickar en UI-designer en statisk mockup till en extern utvecklare, som sedan omvandlar den till en fungerande, interaktiv produkt. Externa utvecklare ansvarar också för kodning och layout av interaktiv grafik skapad av rörelsedesignern.

Verktyg: CSS, HTML, JavaScript

Produktdesigner

Produktdesigner är en allomfattande term för att beskriva en designer som i allmänhet är involverad i processen att skapa bilden och uppfattningen av en produkt.

Rollen som produktdesigner är inte särskilt väl definierad och varierar från företag till företag. En produktdesigner kan göra minimal kodning, utföra användarundersökningar, skapa gränssnitt eller skapa visuella element. Från början till slut hjälper en produktdesigner att identifiera det initiala problemet, fastställa några kriterier för att lösa det och sedan skapa, testa och förfina olika lösningar. Vissa företag som vill arbeta i ett mer ”flytande” samarbete specificerar just denna lediga tjänst när de söker efter en sökande, för att i slutändan skapa ett team av multidisciplinära designers och arbeta med användarens uppfattning om produkten, genomföra användarundersökningar och skapa visuella element.

Vissa företag använder "UX-designer" eller helt enkelt "designer" som ett sammanfattande begrepp. Att läsa arbetsbeskrivningen är det bästa sättet att ta reda på vad din expertis kommer att vara.

Produktdesigner arbetsbeskrivning för Pinterest

”Färdighet inom alla områden av design: interaktion, visuell del, arbete med produkten, layout. Skapa mallar för bildelement och deras layout."

Söker en designer

Den vanligaste frasen jag hör från unga startups. De letar vanligtvis efter någon som kan göra allt ovanstående. De letar efter någon som kan skapa vackra ikoner, skapa målsidor, kör A/B-tester, placera logiskt UI-element på skärmen och kan till och med utföra vissa av en front-end-utvecklares uppgifter. På grund av den här positionens allmänna karaktär hör vi ofta att ett företag bara vill anställa en "designer" utan att fördjupa sig i detaljerna och detaljerna för detta yrke.

Gränserna mellan var och en av dessa designtrender är mycket suddiga. Det förväntas att vissa UX-designers också kommer att arbeta med interaktion med konsumenten, och vissa UI-designers kommer också att arbeta med grafik. Det bästa sättet hitta en designer – beskriv i detalj vad du förväntar dig av honom som en del av arbetet för ditt företag, och välj en befattning som tydligast återspeglar designerns ansvar.

Att arbeta med användarupplevelse hjälper till att få en produkt eller ett företag till ny nivå, eftersom en UX-designer tänker igenom produktens logik och hjälper kunder att nå sina mål.

För att börja lära dig UX-design måste du förstå hur arbetet med alla digitala projekt är uppbyggt och vad exakt en sådan designer är ansvarig för under utvecklingen.

Vem är en UX-designer och vad gör han?

En UX-designer är en designer som gör digitala produkter begripliga och logiska. Den studerar användarens upplevelse av interaktion med en produkt - webbplats, applikation, program. Målet med en UX-designer är att hjälpa användaren att nå sitt mål. För att göra detta är projektet uppdelat i etapper och var och en av dem genomarbetas.

Först analyserar designers produktens publik och utforskar deras mål och rädslor. Sedan genomför de intervjuer med riktiga människor och observerar konkurrenternas webbplatser och applikationer. Efter detta skapas prototyper, visas för användare och filerna överförs till utvecklare.

Om du tittar på vart och ett av dessa steg i detalj är det lätt att förstå var du ska börja lära dig UX-design.

Vem kan bli en UX-designer

Ofta kommer webbdesigners till UX som bestämmer sig för att fördjupa sig i området för användarinteraktion. De har redan arbetat med användare, känner till de grundläggande principerna och vet hur man visualiserar information.

Att vara webbdesigner är dock inte nödvändigt för att arbeta i UX. Alla processer inom detta område bygger i första hand på logik, förmåga att tänka kritiskt, kommunikation med människor och förmåga att analysera.

En av Googles designers, Fiona Yong, sa att det i hennes team bara finns ett fåtal specialister med en designers utbildning. Resten arbetade tidigare inom närliggande områden eller andra branscher. Vissa var inom kognitionsvetenskap, andra inom psykobiologi.

Därför kan arkitekter, ingenjörer och programmerare bli bra designers. Huvudsaken är att förstå grunderna i interaktiv design och förstå hur logiken i arbetet i UX är uppbyggd. Detta kan göras självständigt eller i speciella UI/UX-designkurser.

Var ska man starta

Du kan börja lära dig UX-design med kurser, böcker och artiklar. Huvudsaken är att göra upp rätt träningsplan, formulera mål och gå från det allmänna till det specifika.

Processen att arbeta på en produkt består av flera steg. Vid var och en av dem är en UX-designer engagerad olika saker. För att förstå vilken kunskap som behövs för arbete måste du överväga vart och ett av stegen i detalj:

  • studie,
  • dataanalys,
  • design,
  • design,
  • mätvärdesanalys.

Studie

En UX-designer ser till att den framtida webbplatsen eller applikationen utför en användbar åtgärd - sälja, annonsera, hjälpa användare.

Men det är svårt att skapa bra projekt, om du inte förstår problemet. Därför samlar designern först in data om den framtida produkten. Forskar om konkurrenter, planerar funktioner, funderar över arbetets logik.

En bra forskningsmetod är att prata med riktiga användare. När du skapar en tjänst för att köpa biljetter är det bättre att gå till stationen och intervjua passagerare. Ta reda på om det blir lättare för dem att köpa biljetter via internet, om det är bekvämt att betala med kort, hur de vill välja platser i vagnen.

Under forskningsfasen ska UX-designern aktivt prata med potentiella användare och fråga vad de behöver.

Dataanalys

När produktens mål är tydliga tänker designern igenom interaktionens logik.

Från målgrupp välja de mest framstående representanterna och prata om dem. De försöker föreställa sig vad som är viktigt för denna person i produkten. Vilka problem kommer han att lösa, och på vilket sätt? Detta steg, att skapa personas, hjälper designern att föreställa sig specifika människor och arbeta för dem.

Det kommer inte att vara möjligt att tillfredsställa kraven från hela målgruppen, men du kan arbeta med de mest framstående representanternas önskemål. Då ökar chansen att andra också kommer att vara bekväma med att använda produkten.

Designern skapar användningsfall för varje persona. Det viktiga här är att föreställa sig hur en specifik person kan interagera med produkten. Vilken funktionalitet behövs och vad kan kasseras i första skedet.

Att skapa skript hjälper dig att tänka igenom strukturen för en applikation eller webbplats, såväl som de grundläggande elementen.

Design

I detta skede visualiseras all insamlad data. De bygger applikationens struktur, arrangerar element för varje skärm.

Att designa handlar inte om att skapa en färdig design. Det här är snabba skisser som visas för användarna. De genomför tester och tar reda på om produkten i denna form kommer att lösa problemet.

Layouter i detta skede kan vara helt olika - låga detaljer och svartvitt eller ljusa och interaktiva. Vissa arbetar med papper och penna, andra använder specialprogram. Vissa designers arbetar omedelbart i grafiska redaktörer.

Designfasen hjälper till att spara betydande tid. Det går snabbare att visa en skiss för användaren och fråga hans åsikt än att rita och programmera produkten från grunden och sedan eliminera bristerna.

Design

UI-designern är ansvarig för att skapa den slutliga versionen. Men ofta måste man rita den slutliga versionen själv. Därför är det användbart att få grundläggande färdigheter och lära sig UI-design.

På scenen skapas visualiseringar från prototyper och wireframes, arbete med färg, komposition och typografi samt designinnehåll.

Lämplig för detta grafisk redaktör där designers arbetar:

  • Adobe Photoshop,
  • Adobe XD,
  • Skiss,
  • Figma.

Uppgiften för en UX-designer är att övervaka användbarheten av enskilda element och sidor som helhet. Se till att produktens huvudsakliga betydelse inte går förlorad när du lägger till visuella effekter.

Metrik analys

Efter att ha publicerat den första fungerande versionen av produkten övervakar UX-designern användarnas faktiska beteende. För detta ändamål används analyssystem och olika mätetal.

De jobbar på produkten – genomför användbarhets- och A/B-tester. Förbättra användarupplevelsen och lägg till nya funktioner.

Hur man lär sig UX-design

UX-design består av olika riktningar och discipliner. Detta inkluderar visuell design, arbete med användare och testresultat. Vissa UX-specialister arbetar inom ett område, vissa inom alla områden.

För att lära dig UX-design måste du föreställa dig hela produktutvecklingsresan och förbättra de färdigheter som krävs för varje steg."

  • leva Respons med lärare
  • Obegränsad tillgång till kursmaterial
  • Praktik i partnerföretag
  • Examensarbete från en riktig kund
  • Garanterad anställning i partnerföretag för akademiker som disputerat
  • När du studerar teori, glöm inte praktiska färdigheter. Skapa en webblayout eller kom på mobil app. Dela upp projektet i delar och arbeta med var och en noggrant: gör research och analys, gör sedan design och design. Endast övning hjälper en designer att bli en bra specialist.

    Att skapa de bästa chokladbrowniesna kräver både UX och UI. Jag är seriös. För att komma igång behöver du ett recept, ingredienser, köksredskap och en ugn. Sedan: blanda, grädda, skär, lägg på tallrikar, servera och ät.

    Men vilket av detta är UX och vilket är UI? Processen att göra är UX, och processen för plätering och servering är UI.

    Vad sägs om att äta? Detta är UX; förutom när det inte är UX. Skulle konsumenten få en annan upplevelse om kakorna serverades direkt från pannan eller presenterades vackert på en tallrik? Jag skulle säga ja, det senare vore att föredra.

    I den här artikeln kommer jag att dela med dig av fem skillnader mellan UX- och UI-design. Låt oss hoppas att du i slutet av det kommer att ha en bättre förståelse för dem. Låt mig säga direkt att även om du kommer att märka skillnader, kommer vissa av dem att vara väldigt lika varandra.

    Med den ansvarsfriskrivningen, låt oss ta en titt på några av skillnaderna mellan de två.

    UX är inte UI

    UX-design, eller användarupplevelsedesign, är den process genom vilken ett behov identifieras. En grov prototyp ritas sedan, som senare valideras (eller inte) genom testning. När både affärsmodellen och värdeerbjudandet bekräftats är produkten klar.

    UI, eller användargränssnittsdesign, kan tänkas så här:

    Användargränssnittsdesign = Visuell design + Interaktionsdesign.

    Visuell design är hur en webbplats ser ut, dess personlighet, om du så vill; varumärke. Interaktionsdesign är hur människor interagerar med din webbplats. När någon trycker på en knapp, ändras den på ett sätt som gör det tydligt att den har tryckts ned?

    Medan både UX- och UI-designers skapar interaktioner kan UX-designers betraktas som makrointeraktionsarkitekter, och UI-designers kan betraktas som skapare av mikrointeraktioner som hanterar detaljerna.

    Enligt designern Nick Babich:

    "De bästa produkterna gör två saker bra: funktion och detaljer. Funktioner är det som lockar människor till din produkt. Det är detaljerna som håller dem samman."

    En UX-designer vill hellre designa användarflöden, de steg en användare skulle ta för att till exempel registrera sig för ett nyhetsbrev. Vilka steg kommer de att följa och hur kommer de att veta att de lyckades?

    Projektet går sedan till UI-designern. Användargränssnittsdesignern kommer att förbättra dessa interaktioner genom att lägga till färg och framhäva den ursprungliga designen, ge dem tips och visa riktning till nyhetsbrevet.

    UI gör gränssnitt vackra

    En användbar produkt tillfredsställer ett behov som marknaden ännu inte har stött på. UX-designerns researchprocess inkluderar konkurrensanalys, utveckla personas och sedan skapa en lägsta livskraftig produkt; en produkt som kommer att vara värdefull för din målgrupp. Detta bekräftas genom testning genomgående livscykel produkt.

    När användaren flödar och wireframes är prototyperade och testade, går processen vidare till UI-designern - hans jobb är att få det hela att se bra ut. Detta inkluderar att välja ett färgschema och design som är både vacker och lätt att använda. Färgval, design och interaktioner är dock inte baserade på designerns personliga preferenser, utan snarare på tydligt formulerade personspecifika skäl utvecklade av UX-designers. Med deras hjälp implementerar UI-designers en visuell hierarki som kommer att fungera som en guide för användare och förklarar för dem vad och när de ska göra för att uppnå sitt mål.

    En väldesignad hierarki kommer att framhäva ett huvudmål på sidan och låta användarna veta var de är på webbplatsen och vad de kan göra när som helst. det här ögonblicket tid. Hierarkin hanterar detta genom att använda konventioner och mönster som redan är bekanta för användarna. Dessa mönster kommer att ge användarna riktning.

    UX hjälper användare att nå sina mål

    UI skapar känslomässiga kopplingar

    Människor kommer till din webbplats för att göra något. Kanske letar någon efter en hund till en liten lägenhet.

    UX-sidan av saker och ting kan se på människor som hundälskare och försöka förstå vad som är viktigt för dem. Vad värdesätter eller behöver de när de söker hjälp med att välja sin lurviga vän? För att förstå detta börjar de arbeta. De ställer frågor, observerar människor, intervjuar dem, kanske gör prototyper och gerillatester för att se om de kan hjälpa dem.

    När du väl har fått din grundläggande användbarhet på plats, enligt Aaron Walter, författare till Design for Emotion, kommer dina användares lojalitet att bero på ditt gränssnitts personlighet. En levande design kan locka människor till din webbplats, och de kan till och med dröja kvar om det finns något att göra där. Och när bildas den personlig anknytning– de är på kroken. Får ditt gränssnitt dem att skratta? Tar han tag i dem? Hur kaxig är han? Aaron säger: "Människor kommer att förlåta dina brister, följa dig och lovsjunga dig om du belönar dem med positiva känslor." Det är här UI-designern kommer in.

    Först skapas UX-designen

    Sedan (ibland) skapas UI-designen

    Hur arbetar UX- och UI-designers tillsammans under hela designprocessen?

    Vanligtvis är UX-design och forskning de första stegen när man bestämmer sig för att skapa en produkt eller applikation. UX-designers utför mycket av forskningen som bekräftar eller motbevisar en produkts ursprungliga idéer och vägleder dess utveckling.

    När prototypen har testats flera gånger och nästan är klar kommer UI-designern in och börjar arbeta med visuell design och mikrointeraktioner.

    Denna väg är dock inte alltid linjär och beror på många faktorer. Till exempel:

    • Vem gör UX och UI?
    • Samma person, eller någon annan, och ett annat team?

    UX används i alla produkter, gränssnitt och tjänster

    UI avser endast gränssnitt

    Användarupplevelsedesign är ett stort område och blir mer populärt för varje dag. Nuförtiden börjar inte bara företag som använder webben, utan många andra som utvecklar produkter eller tillhandahåller tjänster, förstå värdet av att förstå sina användare och validera hypoteser innan skapelseprocessen börjar.

    Användargränssnittsdesign handlar om användargränssnitt. Det betyder inte att det är grafiskt begränsat. användargränssnitt datorer, surfplattor och Mobil enheter. Idag finns gränssnitt i många andra produkter, såsom klockor, tvättmaskiner, instrumentbrädor i bilar, varuautomater med mera.

    Jag läste nyligen om en iPhone-app som låser upp din bildörr. Det visar sig att denna uppsättning interaktioner innebär många fler steg än att bara använda en nyckel för att öppna en dörr. Oavsett om vi designar för gränssnittet eller upplevelsen måste vi se till att våra användare förblir i hjärtat av processen.

    Slutsatser

    Det är nästan omöjligt att separera UX från UI eller UI från UX.

    Men om du försöker kan du dra slutsatsen att:

    • UX-design hjälper användare att slutföra uppgifter över olika plattformar och tjänster.
    • UI-design skapar attraktiva och estetiska gränssnitt som ansluter till människor.

    Översättning av en artikel av Don Sklecht

    På frågan om vad som är skillnaden mellan en UX-designer och en UI-designer, svarar folk gärna nekande. Du vet, en sådan litterär apparat. Som "UX handlar inte om gränssnittet, det handlar inte om grafisk design, det är inte användbarhet, det är inte analys, det är inte en prototyp." Idag kommer vi kort att visa skillnaden, berätta historien om termernas utseende och förklara varför de två begreppen, även efter så många år, så gärna slås samman till ett - UX/UI.

    Kort om skillnaden

    En UI-designer (användargränssnitt) är en gränssnittsdesigner i en idealisk miljö som ritar knappar, ikoner, formulär, väljer typsnitt och gör en harmonisk och vacker layout av allt. En webbplats, en applikation, allt som användaren kommer att interagera med - till och med skärmen på en stationsterminal. Och han tänker inte på något annat.

    En UX-designer (användarupplevelse) är inte en designer, utan en designer (det är bara att på engelska har ordet designer bara den andra betydelsen). Han studerar användarnas behov, bygger logiska diagram över gränssnittet, testar prototyper på riktiga människor och skriver tekniska specifikationer för designen. Med andra ord, det här är en sådan marknadsföringsingenjör: inputen är analys, outputen är principerna för att skapa ett gränssnitt, logiken i arbetet, layout, innehåll. Det gäller inte ritning som sådan.

    Det är allt.

    Varför behövde det vara komplicerat?

    Som det var tidigare: designern fick uppdraget att "rita en webbplats." Alla sajter var mer eller mindre desamma: hemmet, om företaget, katalogen, sedan ner i listan. Designern frågade: "När kommer de att ge oss innehållet?" Aldrig, kamrat ande, det här är en armé.

    Och designern kallades helt enkelt "designer". Utan utländska prefix.

    Vad som hände senare: byråer ville få mer pengar, och världen började gradvis övergången från "bara webbplatser" till komplexa webbtjänster. Och en tjänst är inte bara ett unikt gränssnitt, det är också en speciell affärsprocess bakom den. Kom till exempel ihåg Airbnbs webbplats – utan djupgående studier av ämnet skulle inte en enda grafisk designer omedelbart kunna skapa ett gränssnitt.

    Eftersom det blev mer arbete fanns ett behov av att dela upp ett yrke i flera. Nu har UX-specialisten (vi kallar honom det för att undvika förvirring) undersökt och designat informationsarkitektur, prototyperna gjorde den funktionella delen, och den grafiska (UI) designern skapade slutprodukten: modern och tilltalande för ögat.

    Samma sak har redan hänt i branschen. Till exempel var "programmerare" helt enkelt uppdelade i "front-end" och "back-end". Och frontendrar till sanna frontendrar och "bara layoutdesigners". Förresten, .

    Anledningen är alltid densamma: en person räcker inte till stor process. Låt oss gå vidare.

    Vem är en UX/UI-designer

    Vad som är roligt: ​​lediga jobb inkluderar ofta UX/UI-designerpositioner, precis som det, med ett snedstreck. Även Tinkoff letar efter en sådan kombinationsspecialist:

    På andra sidan barrikaderna började designers alla hänvisa till sig själva som UX/UI. För att bara vara designer är fy, omodernt.

    Vem är UX/UI i en idealisk värld? En superman som utför hela cykeln av UX-arbete, och sedan ändå lyckas rita allt med flera iterationer av redigeringar (gör UI).

    Vad är UX/UI egentligen? Bara en bra designer. För dem som anser det vara sin plikt att inte bara "göra modeller", utan att närma sig varje projekt individuellt, med början i analys, frågor, förtydliganden, skisser, diagram, etc. Detta är inte en fullfjädrad UX-undersökning, men som regel räcker det för att stödja en färdig tjänst eller utveckla "bara en webbplats."

    Så om du ser en fantastisk UX/UI-mutant, vet detta:

    • Det här är en designer som närmar sig ett projekt med huvudet, och inte bara klicka med musen och näbben.
    • Det här är en kille som har läst många smarta ord och nu kallar sig UX/UI.

    Det kan enkelt kontrolleras: be designern att berätta varför han valde just detta arrangemang av element, denna sekvens av skärmar, etc. En bra designer fattar inte ett enda gränssnittsbeslut bara sådär - allt har en logisk motivering.

    Förresten

    Den här artikeln är den andra i serien "hur en webbspecialist skiljer sig från en annan." Vad fick oss till idén att skapa en katalog över alla yrken från webben, med olika alternativ deras namn. För att göra livet tydligare för klienten (och för oss alla, för den delen).