Allt du behöver veta om UX-design. Var ska du börja lära dig UX-design Plus: Beskrivningar av designpositioner hos Apple, Facebook, Google och andra jättar inom informationsteknologins värld

Vi presenterar en ny artikel i serien. I den här delen av serien kommer vi att överväga positionen för en UX/UI-designer - en specialist som ansvarar för att matcha utseendet och logiken hos en produkt.

UX/UI designer- en specialist som designar användargränssnitt.

Typisk arbetsdag inkluderar:

• arbete med prioriterade uppgifter (design, ritning);
• kommunikation med kunden;
• göra redigeringar.

Fördelar och nackdelar

Yrket lockar designers med möjligheten att göra världen till en bättre plats, såväl som med sina löften och efterfrågan på marknaden:

”Jag tycker om att tro att man kan lösa ett problem för en stor publik, eller åtminstone göra processen att uppfatta innehåll mer trevlig och intressant. Det är intressant att rota runt människor och försöka förstå vad de verkligen behöver, och sedan komma på hur man implementerar det."

”Området är väldigt intressant eftersom rätt beslut av en designer kan avsevärt förenkla och förbättra livskvaliteten för en grupp människor för vilka en viss produkt eller projekt utvecklas. Du kan också lära dig mycket om olika typer av företag i världen, vilket kan vara användbart för att starta eget och ta en mer global syn på världen.”

”Personligen irriterar jag mig på dumma appar, besvärliga knappplaceringar i hissar, dåligt designade bilinredningar – jag gillar att göra något som kan förbättra detta. Den här världen är så ofullkomlig (inte naturen - allt är perfekt och balanserat där) att det alltid finns arbete för en smart designer.”

”Jag studerade till systemadministratörsprogrammerare, men det var alltid intressant att göra något i Photoshop. Tidigare fanns det inte så många handledningar, videolektioner och artiklar som det finns nu, så jag lärde mig de flesta funktionerna och funktionerna på måfå. Senare bestämde jag mig för att prova Illustrator, det var mycket mer komplicerat än Photoshop, men utmärkt för att skapa vektorer. Jag gillar att skapa något nytt, något användbart och vackert, jag gillar att förbättra och se resultatet uppnått. Designområdet låter dig göra allt detta. Det är också intressant hur trender förändras, nya program och funktioner dyker upp, du måste alltid följa allt detta och ständigt utvecklas.”

"Jag gillar UX/UI-design eftersom det är en mycket lovande riktning. Teknikerna utvecklas mycket snabbt, vissa gränssnitt ersätts av nya, och alla måste designas. Här kan du inte bara tänka på om gränssnittet ser vackert ut, utan också på hur bekvämt det är och hur mycket det kan lösa en persons problem (antingen snabbt hitta rätt kafé, eller boka en biljett till en konsert, eller hjälpa till att förbereda din favorit maträtt). Gränssnitt finns överallt: från medicinsk utrustning till bilar. När bilar flyger kommer det att vara nödvändigt för någon att tänka igenom interaktionen mellan deras gränssnitt med en person. Och det kommer att vara vi - UX/UI-designers."

Ett annat plus är möjligheten att arbeta på distans (20% av alla designers), ett stort urval av frilansprojekt.

Bland minusen Designers kallar sitt yrke kommunikation med kunder som inte vet vad de vill ha, samt som är underskattade av IT-kollegor:

"I 80-90% av fallen måste du arbeta utan tekniska specifikationer med krav som: "Gör det megavackert och megakonfigurerbart."

”Jag anser att inställningen till design och designers i Ukraina är en nackdel för yrket. Av någon anledning tror alla att om de en gång öppnade Photoshop, så kan de automatiskt vara designers och självständigt bestämma hur mycket tid som ska läggas på designen. Oerfarna chefer och programmerare är särskilt skyldiga till detta (en nybörjarchef hävdade att han kunde slutföra uppgiften på 30 minuter i Paint, men han har inte tid för kreativitet).

– Nackdelarna är bristen på all seriös utbildning och bristande förståelse för kompetenta processer och metoder på marknaden. Vid outsourcing är det omöjligt att spåra resultaten och öka dina egna bästa praxis. Produkten är något monoton för mogna människor och fullständigt kaos för startups.”

“Nackdelarna – som i all IT – är stillasittande arbete, smärtsamma ögon och ibland en kund som behöver göra det vita #ffffff ännu vitare :)”

Hur man blir och vart man ska flytta härnäst

Den första och viktigaste UI-färdigheten är att bemästra en grafikredigerare. De mest populära verktygen är Adobe Photoshop, Sketch, Principle, Adobe Illustrator, After Effects. Till att börja med kan du prova att rita om skärmdumpar av valfri mobilapplikation eller webbplats. Men kopiera inte bara (även om du också måste kunna göra det), utan märk några besvär och ge en lösning på hur du gör det bättre.

Det är också viktigt att förstå färgteori, typografi, komposition, webbplatsergonomi (principer för gränssnittsanvändbarhet), samt grunderna för marknadsföring, affärsanalys och psykologi. För mer effektiv kommunikation med utvecklare kommer layoutkunskaper (HTML/CSS) och grundläggande kunskaper om JavaScript och ramverk vara användbara.

Du kan börja studera UX genom att bli bekant med metodiken genom att läsa böcker av Nielsen Norman, Alan Cooper, Jeff Raskin, Steve Krug, Alistair Coburn. Mer tillämpad litteratur är "The User Experience Team of One: A Research and Design Survival Guide" av Leah Buley.

”I den moderna världen finns det många möjligheter till implementering. Jag har köpt och fortsätter att köpa onlinekurser på plattformar som Coursera, Udemy, Edx. Jag tittar på onlinekonferenser från Adobe, Google, läser teknisk litteratur, analyserar arbete med Dribbble, Behance, Awwwards.”

"En UX/UI-designer behöver studera klassikerna i användargränssnittet: "Don't Make Me Think" av Steve Krug, "The Design of Common Things" av Norman, läs Luke Wroblewski. Du måste ständigt öva, sätta dig själv i användarens skor. Hitta en mentor som kommer att peka ut misstag, ge råd och uppmuntra tillväxt.”

Du kan börja din karriär genom att frilansa på olika engelskspråkiga plattformar; det kommer också att vara användbart att testa dina färdigheter vid mästerskap, till exempel, Dev Challenge. Detta kommer att hjälpa dig att bygga din portfölj.

UX och UI färdigheter och kompetenser ()

Personliga egenskaper som är viktiga är:

• uthållighet;
• uthållighet;
• kreativt tänkande;
• perfektionism;
• önskan att lära och utvecklas;
• förmåga att höra kritik.

”Personen som designar gränssnitt är ingenjör, han måste ha starkt analytiskt tänkande, högt utvecklad empatisk förmåga och förmåga att tränga in i sakers väsen. Naturligtvis finns det också praktiska färdigheter - behärskning av olika tekniker och verktyg, men detta kommer som regel på andra plats; en person måste vara ingenjör av naturen. Och det är inte svårt att bli det om du jobbar hårt med det, läser böcker och artiklar om design (komposition, färgvetenskap, typografi) och psykologi (du måste förstå hur en person gör val och hur hans hjärna fungerar), gå på föreläsningar och workshops och mycket att träna”.

Möjliga karriärvägar UX/UI-designer:

• förbättra dig som designer, öka din hastighet (om du är frilansare);
• masterrelaterade områden, utvecklas som produktdesigner, VR-designer, VFX-designer, speldesigner;
• växa till positionen som Art Director (designchef);
• utvecklas som om du vill byta från design till produkthantering i allmänhet;
• bli om du är intresserad av att samordna människor;
• gör om du är mer intresserad av den tekniska aspekten;
• behärska programmering och bli en UI-utvecklare;
• prova dig fram inom marknadsföring eller .

”Tekniken utvecklas väldigt snabbt och det dyker upp något nytt hela tiden, allt kräver sin egen specifika design, har sina egna krav och egenskaper. Och vi, designers, kommer att hjälpa det hela att bli bättre, vackrare och bekvämare :)"

Jag tackar Yulia Bondarenko, Maxim Palivoda, Marina Popovichenko och 25 andra ukrainska designers som berättade för DOU om sin position för deras hjälp med att skriva artikeln. Citaten i artikeln är hämtade från deras berättelser.

Design är ett ganska brett och vagt begrepp. När någon säger "Jag är en designer" är det inte direkt klart vad de gör till vardags. Det finns ett antal olika branscher som faller under detta koncept.

Designrelaterade jobb finns inom en mängd olika områden, från industriell design (fordon, möbler), print (tidningar och andra publikationer) till webbdesign (webbplatser, mobilapplikationer). Med den senaste tidens tillströmning av högteknologiska företag fokuserade på att skapa gränssnitt för skärmar, finns det mycket nytt arbete inom design. Positionen för en UX- eller UI-designer kan vara obegriplig inte bara för den oinvigde, utan även för designers själva som kommer från andra branscher.

"Det finns inget rätt svar på den här frågan."

Låt oss försöka ta reda på vad detta faktiskt betyder i IT-branschen.

UX designer

UX-designers sysslar främst med hur produkten interagerar med användaren. Det finns inget enda rätt svar på denna fråga. UX-designers utforskar olika tillvägagångssätt för att lösa ett specifikt användarproblem. Huvuduppgiften för en UX-designer är att se till att produkten flyter logiskt från ett steg till ett annat. Ett sätt som en UX-designer kan ta reda på är att göra användartester personligen och dra slutsatser från sina känslor. Genom att identifiera verbala och icke-verbala stötestenar, justerar och itererar den, vilket skapar en "bättre" upplevelse för användaren. Ett exempel skulle vara att skapa en fantastisk introduktionsupplevelse för en ny användare.

"Definiera interaktionsmodeller, användaruppgiftsflöde och gränssnittsspecifikationer. Utveckla skript, end-to-end-interaktioner, interaktionsmodeller, grafiskt användargränssnittsutveckling. Samarbetar med vår kreativa chef och grafiska designer för att slå samman den visuella sidan av Twitter med dess funktionella funktioner. Utveckla och underhålla wireframes, mockups och specifikationer efter behov."

Exempel på en applikationsskärm utvecklad av en UX-designer
Källa: Kitchenware Pro Kit Wireframe av Neway Lau på Dribbble.

Uppgift: Skärm wireframes, storyboards, platsplan

Verktyg: Photoshop, Sketch, Illustrator, Fireworks, InVision

Du har förmodligen hört honom säga: " Användaren bör se sidan "Tack" efter att registreringen är klar.

UI designer

Till skillnad från UX-designers, som är intresserade av den övergripande upplevelsen av produkten, är UI-designers bekymrade över hur ser produkten ut. De är ansvariga för att designa varje skärm eller sida som användaren interagerar med och tillhandahålla den visuella delen av användargränssnittet som UX-designern designat. Till exempel kan en UI-designer, när han skapar en analysinstrumentpanel, markera viktigare information eller bestämma om ett skjutreglage eller kontrollpanel är det mest intuitiva att lägga till i ett diagram. UI-designern är också vanligtvis ansvarig för att skapa en komplett designguide, som säkerställer ett sammanhållet formspråk som spänner över hela produkten. Att upprätthålla konsekvens i visuella element och bestämma vilken riktning man ska arbeta i. Till exempel, hur man visar fel eller varningar ligger inom ramen för en UI-designer.

"Konceptet och implementeringen av det visuella språket på Airbnb.com. Skapande av en utökad stilguide."

Gränserna mellan UI och UX-designer är ganska suddiga, och väldigt ofta väljer företag att kombinera dessa roller.

Användargränssnittsdesignern bestämmer den övergripande känslan och utseendet på applikationen.
Källa: Metro Style Interface 4 av Ionut Zamfir på Dribbble.

Verktyg: Photoshop, Sketch, Illustrator, Fireworks

"Fälten "inloggning" och "registrera" ska flyttas till det övre högra hörnet."

Grafisk designer

"Grafiska designers tittar på de små detaljerna som andra inte uppmärksammar."

En grafisk designer är någon som gör grafik, vilket är vad en icke-designer förmodligen skulle berätta för dig om du frågade dem vad en designer gör. Grafiska designers bryr sig inte om hur skärmar hänvisar till varandra, inte heller hur någon interagerar med en produkt. Istället ligger deras fokus på att designa vackra ikoner, kontroller och visuella element och skapa en design som passar. Grafiska designers arbetar med små detaljer som andra inte ser, och arbetar ofta i Photoshop med 4x och 8x zoom.

"Producera högkvalitativa visuella projekt från idé till genomförande, inklusive skrivbord, webb och mobil i flera upplösningar (ikoner, grafik och marknadsföringsmaterial). Att skapa och iterera tillgångar som speglar varumärket, gör produkten vacker och blåser liv i den.”

UI-designers måste också ofta göra inte bara sitt eget arbete, utan också skapa pixel-perfekt layout. Vissa företag väljer att inte ha en dedikerad person i rollen som grafisk formgivare.

En grafisk designer designar, riktar och justerar varje pixel för att säkerställa det perfekta slutresultatet.
Källa: IOS 7 Guide Freebie PSD av Seevi kargwal på Dribbble.

Verktyg: Photoshop, Sketch

Du har med största sannolikhet hört honom säga:"Minska kerning och flytta knappen 1 pixel åt vänster!"

Rörelsedesigner

Kommer du ihåg den subtila rörelsen när du drar skärmen för att uppdatera e-post på din iPhone? Det här är en rörelsedesigners jobb. Till skillnad från grafiska designers, som vanligtvis arbetar med statiska objekt, skapar rörelsedesigners animationer i applikationen. De sysslar med vad gränssnittet gör efter att användaren rört det. Till exempel bestämmer de hur menyn ska glida, vilka effekter som ska användas för övergångar och hur knappen ska tryckas in. När det görs bra blir rörelse en integrerad del av gränssnittet, vilket ger visuella ledtrådar om hur man använder produkten.

”Kunskaper om grafisk design, motion design, digital konst, känsla för färg och typografi, allmän medvetenhet om material/texturer och en fungerande förståelse för animation krävs. Kunskaper om iOS, OS X, Photoshop och Illustrator firmware, samt förtrogenhet med Director (eller motsvarande), Quartz Composer (eller motsvarande), 3D datormodellering, rörlig grafik."

Verktyg: AfterEffects, Core Composer, Flash, Origami

Du har med största sannolikhet hört honom säga:"Menyn bör dyka upp till vänster efter 800 ms."

UX-forskare

En UX-forskare vet allt om användarbehov.

En UX-forskare vet allt om användarbehov. Målet för forskaren är att svara på två huvudfrågor: "Vilka är våra användare?" och "Vad vill våra användare ha?" Som regel handlar det om användarundersökningar, marknadsundersökningar och dataanalyser. Design är en process av konstant iteration. Forskare kan hjälpa till i denna process genom att utföra A/B-tester för att ta reda på vilket designalternativ som bäst möter användarnas behov. UX-forskare tenderar att vara stöttepelaren för stora företag, där tillgång till stora mängder data ger dem stora möjligheter att dra statistiskt signifikanta slutsatser.

"Arbeta nära med utvecklingsteam för att identifiera forskningsämnen. Forskningsdesign relaterad till både användarhandlingar och användaruppfattningar. Att bedriva forskning med och använda en mängd olika metoder som undersökningar.”

Att arbeta med användarupplevelse hjälper till att ta en produkt eller ett företag till nästa 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 ett digitalt 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 konkurrenters 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. Det viktigaste ä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. På var och en av dem gör UX-designern 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 ett 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 interaktionslogiken.

De mest framstående representanterna väljs ut från målgruppen och berättas 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å ska känna sig 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 strukturen för applikationen, 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 annorlunda - lågdetaljerade och svartvita eller ljusa och interaktiva. Vissa arbetar med papper och penna, andra använder speciella program. Vissa designers arbetar direkt i grafiska redaktörer.

Designfasen hjälper till att spara mycket tid. Det är snabbare att visa en skiss för användaren och fråga hans åsikt än att rita och programmera produkten från början och sedan fixa felen.

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.

Grafiska redaktörer där designers arbetar är lämpliga för detta:

• 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."

Live feedback från 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 webbplatslayout eller kom med en mobilapplikation. 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.

Termen UX uppstod 1993 i djupet av Apple Corporation, avkodningen låter som User eXperience. Med den växande populariteten för mobila enheter har detta koncept blivit på modet och började användas överallt. Men inte ens nu kan alla svara med tillförsikt vad UX-design är, hur det skiljer sig från UI-design och varför dessa saker ofta nämns i samband. Vi hjälper dig att reda ut det.

Vad är UX-design

På ryska är UX-design användarupplevelsedesign. Det är ett av de första stegen för att skapa en produkt och tjänar till att säkerställa att applikationen är logisk, bekväm och användbar. och webbplatser avgör vilka intryck en person kommer att få av att använda dem, och exakt hur han kommer att använda dessa produkter.

Var är det bättre att placera ingången till ditt personliga konto? Hur många steg måste en användare gå igenom för att prenumerera på ett nyhetsbrev eller göra en beställning? Hur kommer han att förstå att operationen var framgångsrik? Det är frågorna som en UX-designer löser.

UX-design innehåller olika komponenter:

• informationsarkitektur;
• interaktiv design;
• användbarhet (en indikator på enkelheten, bekvämligheten och effektiviteten hos en produkt i användarnas ögon).

En UX-designer förstår användarnas psykologi och känslor, analyserar deras förväntningar på produkten och sätter ett mål att uppnå. Därefter väljer han lämpliga verktyg och kommer med en applikation eller webbplatsstruktur som uppfyller alla nödvändiga parametrar.

En grov idé för en webbplats eller applikation är som ett demonterat pussel på vårt kontor. Genom UX-designers vilja bildas en tydlig struktur av dessa bitar

En UX-designer har inte samma uppgifter, så olika projekt kräver ofta personer med kompetens från olika områden. Det finns hela laboratorier med kraftfull teknisk utrustning, där ett team på flera personer arbetar med forskning. I sådana laboratorier finns det enheter som registrerar användarnas psykofysiska reaktioner (till exempel ögonrörelser och hjärtslag), de genomför undersökningar, observerar användare med den inkluderade och icke-inkluderade metoden, etc.

Det är viktigt för UX-designers att kunna:

• utföra användarforskning;
• skapa wireframes och prototyper av webbplatser och applikationer. Detta hjälper dig att utvärdera i vilken riktning du ska utveckla din applikation eller webbplats. Dessutom är förmågan att rita inte en nödvändig färdighet för en modern UX-designer. Det finns många verktyg för prototyper, där man med hjälp av färdiga element kan skapa en kompetent visualisering av gränssnittet (till exempel Axure, Balsamiq eller UXPin);
• designinteraktion, det vill säga föreställ dig exakt hur en person kommer att använda produkten. För detta ändamål skapas kartor över användarvägar över applikationsskärmar, interaktiva skelett av webbplatser och applikationer med olika designalternativ;
• testa produkten;
• göra analyser. Att använda olika mätvärden (som Webvisor, Hotjar, Mixpanel, UXcam eller Appsee) hjälper dig att förstå hur effektivt designen fungerar och förfina produkten baserat på verklig data.

Du kan läsa mer om principerna och grunderna för UX-gränssnittsdesign i.

Vad är UI-design

Användargränssnittsdesign eller UI-design är den visuella utföringsformen av UX-design. Dess uppgift är att göra en applikation, webbplats eller annan produkt intuitiv, attraktiv och så enkel att använda som möjligt med hjälp av vissa grafiska lösningar.

En UI-designer är ansvarig för hur varje enskild skärm eller sida kommer att se ut. Hans ansvarsområde är grafiska kontroller som knappar och kryssrutor, typsnitt, färgscheman och olika visuella bilder.

Hur ska en knapp se ut för att den ska vara bekväm att trycka på? Vilken teckenstorlek ska jag välja för att göra texten lättläst? Hur formaterar man ett felmeddelande så att det drar till sig uppmärksamhet utan att vara irriterande? UI-gränssnittsdesign hjälper till att hitta svar på dessa frågor.

En UI-designer använder olika grafiska redigerare i sitt arbete: Photoshop, Illustrator, Sketch, Fireworks, Adobe XD, Gravit Designer, Affinity Designer, Figma

När man arbetar med hur applikationen kommer att se ut på gadgetens skärm, fokuserar UI-designern på riktlinjerna för mobila plattformar - uppsättningar av rekommendationer från Apple och Google, tack vare vilka tredjepartsapplikationer ser enhetliga ut och passar organiskt in i det övergripande konceptet.

Om vi ​​drar en mycket enkel analogi från livet, så är UX-design layouten för lägenheten och kommunikation, och UI är valet av tapeter och golv. Men i praktiken är UX- och UI-design nära relaterade, den andra följer logiskt den första, och ofta gör samma person båda. Därför är gränsen mellan de två begreppen suddig, och de indikeras tillsammans.

UX-design - vad är det? UI-branschen växer i snabb takt dessa dagar, men UX-design är fortfarande en helt ny värld för de flesta chefer och chefer. Detta område syftar till att öka användarnas nöjdhet med produkten, förbättra användbarhet, tillgänglighet och interaktion. Kombinerar traditionell människa-datorinteraktionsdesign och tar hänsyn till alla aspekter av användarinteraktion med en produkt eller tjänst.

UX-designers spelar en ledande roll för att förbättra slutanvändarens grundläggande behov och försöker skapa en produkt som gör publiken nöjd. Detta resulterar i sin tur i sund investeringsavkastning och hjälper till att stödja ett växande företag eller organisation.

Vad gör en UX-designer?

UX-designers studerar och utvärderar hur användare tycker om ett system och tittar på saker som användarvänlighet, upplevt värde av systemet, användbarhet och effektivitet i att slutföra uppgifter.

UX-designers överväger också delsystem och processer inom ett system. De kan till exempel studera kassaprocessen på en e-handelswebbplats för att se hur enkelt och tillgängligt det är att slutföra processen med att köpa produkter från webbplatsen. De kan fördjupa sig djupare i delsystemets komponenter, som att se hur effektiv och njutbar upplevelsen är för användare som fyller i inmatningsfält på ett webbformulär.

UX-design - vad är det? Teknik koncept

Ett viktigt koncept i UX-design är den process genom vilken användare skapar upplevelser. När en konsument först möter en produkt bildas ett omedelbart intryck som förändras över tid. I denna process går perception, handling, motivation och kognition samman för att forma användarupplevelsen. Denna process producerar känslomässiga reaktioner som till stor del avgör om upplevelsen kommer att vara positiv eller negativ.

UX-designers strävar efter att skapa processinfluenser avsiktligt. För att göra detta överväger en UX-designer tre kategorier av frågor: vad, varför och hur.

Varför- innebär användarnas motivation att acceptera produkten och önskan att äga den.

Vad— handlar om vad människor kan göra med produkten och dess funktionalitet.

Hur- syftar på design av funktionalitet på ett tillgängligt och estetiskt tilltalande sätt.

UX-design börjar med "varför", definierar sedan "vad" och slutligen "hur", för att skapa produkter som ger användarna meningsfulla upplevelser.

Historisk tillbakablick

Jämfört med många andra discipliner, särskilt webbsystem, är UX-design relativt ny. Termen "användarupplevelse" myntades av Dr Donald Norman, en kognitionsvetenskaplig forskare som också först beskrev vikten av användarcentrerad design – konceptet att designbeslut bör baseras på konsumenternas behov. Historien om UX-design började med publiceringen av detta koncept.

Oavsett om du arbetar för en startup eller ett stort företag, är en UX-designer direkt involverad i att göra en produkt användbar och njutbar att använda för företagets målmarknad. Produktskapandeprocessen innehåller flera viktiga steg:

konsumentundersökning;

produktdesign;

testning;

genomförande.

Låt oss titta på var och en av dem mer i detalj.

Konsumentforskning: var ska man börja för en ny designer?

Att analysera konsumentpubliken och identifiera behov innebär att kommunicera med riktiga användare på målmarknaden. Om ämnet forskning endast existerar hypotetiskt och ännu inte har skapats, blir diskussionsämnet liknande produkter av konkurrerande företag, deras fördelar och nackdelar. Om produkten redan finns ställs konsumenterna frågor om hur folk känner när de navigerar på sajten med nuvarande design, om det är lätt att hitta den information som krävs, hur strukturerade sidorna är. Kvaliteten på skriftligt och grafiskt innehåll och det övergripande visuella intrycket av sajten bedöms separat. Följande metoder kan användas för denna del av processen:

frågeformulär;

fokusgruppsdiskussioner;

onlineundersökningar;

uppgiftsanalys.

Det är viktigt att notera att om en produkt är en produkt av designtanke och inte har någon koppling i sin utveckling och implementering med användarupplevelse och feedback, är den inte resultatet av UX-design.

Design

Att utveckla en designhypotes innebär att föreställa sig hur en ny produkt eller tjänst kan anpassa sig till hur kunden redan beter sig (vilket framgår av användarforskning). Produktdesign fokuserar på funktionalitet och användbarhet snarare än hur det ser ut. I detta skede används följande:

informationsarkitektur;

• prototypframställning.

Testning

Testning innebär att verifiera att ändringar som gjorts under designfasen fungerar korrekt och är ändamålsenliga. Detta är ett utmärkt sätt att bli av med användarproblem eller svårigheter som inte var synliga under designfasen, innan arbetet påbörjas under implementeringsfasen. Det finns olika:

a/b-testning;

användbarhet;

fjärrtestning av användare.

Genomförande

Implementering innebär ett nära samarbete med webbutvecklare för att nå slutmålet. Webbutvecklingsspecialister arbetar med att förvandla designidéer till en riktig webbplats. Det är viktigt att utvecklare arbetar som ett team genom hela processen för att göra detta slutskede mer effektivt och optimalt.



Vad är användarupplevelse?

Webbplatser och applikationer blir mer komplexa i takt med att tekniken utvecklas. Det som en gång var en enkelriktad, statisk miljö har nu blivit en rikt interaktiv upplevelse.

Men oavsett hur mycket produktionsprocessen har förändrats beror framgången för en webbplats fortfarande på en sak: hur användarna uppfattar den. "Ger den här webbplatsen mig värde? Är det lätt att använda? Är det trevligt att vara här? är de frågor som användarna ställer sig när de interagerar med ett företags produkter, och det är utifrån denna erfarenhet som de i regel fattar ett köpbeslut.

Användargränssnitt (förkortat UX) i design är hur en person känner sig när han interagerar med ett system. Systemet kan vara en webbplats, webbapplikation eller datorprogramvara. I moderna sammanhang kallas detta ofta för människa-datorinteraktion.

Begreppet Användarupplevelse omfattar alla aspekter av slutkonsumentens interaktion med företaget, dess tjänster och produkter. Det är viktigt att skilja den övergripande designen av ett projekt från användargränssnittet, även om User Experience är en extremt viktig del av designen.

Det är också nödvändigt att skilja mellan UX och användbarhet: enligt definitionen, kvalitetsattributet för ett användargränssnitt som täcker enkel inlärning, effektivitet i användningen, trevlighet, visuell acceptans och designens estetik.



Professionella kompetenser

UX-designern ansvarar för alla processsteg som beskrivs ovan och deras utförande. Det finns ett antal professionella kompetenser som får stor uppmärksamhet när man utbildar en designer:

ledarskap;

• projektledning;

  effektiv interaktion med teamet.

Dessa professionella egenskaper är mycket viktiga för framgångsrikt arbete.

Vad är skillnaden mellan UX- och UI-design?

Användargränssnittsdesigners (UI) fokuserar på layouten och den faktiska designen av varje element som användaren interagerar med, medan User Experience (UX) designers fokuserar på användarens interaktioner med det elementet, såväl som den övergripande upplevelsen av produkten. UI- och UX-designers arbetar ofta tillsammans, såväl som i team med webbutvecklare, för att skapa en produkt som är visuellt tilltalande och trevlig att använda.

Vad gör en UX-designer egentligen?

UX-designers utför olika funktioner beroende på projektet och utvecklingsstadiet. I de tidiga stadierna av ett projekt genomför experter preliminära användarupplevelsestudier och planerar sedan interaktioner genom wireframing och prototypframställning av deras design, som sedan testas med olika heuristiska tekniker.

Under utvecklingen fortsätter testning och utveckling av användargränssnitt för att förbättra produktens och konsumenternas upplevelse.

När ett projekt väl har startat kan en UX-designer analysera användarmått för att spåra resultaten av deras arbete, gå tillbaka och fortsätta att iterera för att förbättra svaga delar av designlösningen.



Mål och metoder

UX-designers utför olika uppgifter vid olika tillfällen i processen. Nedan är huvudlistan:

Utvärdering av nuvarande system. Om ett system redan finns, kommer en UX-proffs att ta en helhetssyn på dess nuvarande tillstånd. Problem identifieras och korrigeringar föreslås baserat på analys av forskningsdata.

A/B-TESTER. Utövaren kan utforma en studie för att jämföra effektiviteten och kvaliteten på upplevelsen av olika användargränssnitt. Detta görs genom att göra en hypotes (till exempel "den gröna knappen är mer attraktiv än den röda knappen"). Sedan föreslås flera versioner av designen och den "bästa upplevelsen" bestäms genom testning (till exempel "den gröna knappen är bättre eftersom användarna klickade på den oftare.").

Omröstningar. UX-designern kartlägger nuvarande och potentiella användare av systemet för att få insikt i vilka de mest effektiva designbesluten var. Eftersom upplevelsen av en enskild användare är subjektiv, är det bästa sättet att få direkt information genom att studera och interagera med gruppens åsikter.

Wireframes och prototyper. Baserat på sina resultat kan UX-proffs utveckla wireframes med olika layouter och prototyper med högre kvalitet.

Användarflöden. Att designa hur användare ska navigera i ett system är ett annat populärt verktyg.

Design mönster

Mönster ger konsekvens och ett sätt att hitta det mest effektiva "verktyget" för jobbet. Till exempel, när du designar UI-mönster, val av rätt element (t.ex. modulflikar, bildspel) för vissa uppgifter baserat på deras effektivitet resulterar i en bättre lösning. UX-utvecklare erbjuder inte bara designmönster som används på andra webbplatser, utan utvecklar också sina egna mönster för det aktuella projektet.

Program

Det finns flera populära och lättillgängliga UX-designprogram för arbete och studier. Verktygen är inte bara för UX-designers. Programmerare och webbansvariga använder dem också.

UX-designkurser använder prototypverktyg – vilket initialt kan göras med penna och papper. Detta billiga och lättillgängliga praktiska träningsverktyg för designers låter dig snabbt skapa en prototyp och gå vidare till design.

Några mjukvaruverktyg för att skapa wireframes och prototyper:




När man lär ut grunderna i UX-design används A/B-testning, även känd som delad eller multivariat testning. Det här verktyget jämför olika versioner av en sida. Testning kan utföras med vilket som helst av flera program.

I grund och botten delar A/B-testprogramvaran upp webbplatstrafiken i två lika stora segment. En grupp ser version A och den andra gruppen ser version B. Statistik som konverteringsfrekvens och avvisningsfrekvens spåras för varje version. Splittestning avgör vilken version som är bättre, och detta beslut baseras på statistiska data. En av de mest populära apparna för A/B-testning är Googles webbplatsoptimerare.

Innehållshantering

När man lär ut UX-design från grunden finns det många metoder för innehållsinventering som används. Att använda en lokal serverapplikation (som kräver att du får åtkomst till en webbserver) är bäst för produktionsplatser. Genom att vara närmare källan än programvara från tredje part är dessa applikationer mer exakta och effektiva. Ett enkelt Excel-verktyg för att skapa och hantera innehållsinventering, som GetUXIndex()-mallen, kan användas för detta ändamål.

Webbplatser byggda med innehållshanteringssystem som WordPress och Drupal har vanligtvis inbyggda verktyg som visar en karta över den befintliga webbplatsen.

Undersökningar och feedback

Användarundersökningar är en annan populär UX-designuppgift. Det mest effektiva och kostnadseffektiva sättet att göra detta är genom en fjärranvändarundersökning och feedbackapplikation eller testning.

Allmänna undersökningsverktyg som PollDaddy är flexibla lösningar som även kan användas för andra uppgifter. Det finns återkopplingsverktyg för användbarhet som Usability och fjärranvändartesttjänster som Usability Hub som administrerar testsystemet.

Exempel

UX-designexempel - vad är det? Användarupplevelsedesign är processen att skapa produkter som ger meningsfulla och upplevelserika upplevelser. Detta förutsätter noggrann design och enkel användning av produkten, estetiskt nöje vid användning och omfattande funktionalitet.

Produkter som ger en fantastisk användarupplevelse (till exempel iPhone är det bästa exemplet på UX-design) handlar alltså inte bara om att konsumera eller använda produkten, utan om hela processen med att köpa, äga och till och med felsöka.