Vad är UX och UI, och varför finns det inga UX-designers

Uttrycket "UX / UI-designer" är absurt. Användarupplevelse (eller UX) är lika relevant för design som kontextuell marknadsföring är. Det är kontextuell annonsering är ett av många marknadsföringsverktyg. Och design, inklusive användargränssnitt, är en av många faktorer som formar användarupplevelse eller UX.

  • Vad är skillnaden mellan UX och UI?
  • Vem är en UX-designer faktiskt och varför behöver han inte Figma och Photoshop?
  • Vilken roll spelar en marknadsförare, chef och ägare av ett företag i form av användarupplevelse?

Låt oss diskutera.

Varför UX / UI-designers inte händer

För att svara på denna fråga, analysera begreppen.

Vad är ett användargränssnitt eller användargränssnitt

Användargränssnitt eller användargränssnitt (Eng. användargränssnitt) - En uppsättning element som besökaren använder webbsidan till. Dessa inkluderar:

  • Menu.
  • Modala fönster.
  • Formen.
  • Button.
  • Referenser.
  • Innehåll.

Till exempel, för att en användare ska lägga till en produkt i vagnen finns det en "Köp" -knapp i gränssnittet i onlinebutiken. För att besökaren ska kunna se ytterligare material om ämnet finns det "Läs även" rutor i gränssnittet till vår blogg (se nedan).

Vad är UX eller användarupplevelse?

UX eller användarupplevelse - användarens uppfattning och reaktion på samspelet med tjänsten, tjänsten eller produkten. UX inkluderar känslor, förväntningar, preferenser, personliga perceptioner, fysiska, mentala och beteendemässiga reaktioner som förekommer före, under och efter interaktionen.

Denna definition är en översättning från ISO 9241-210: 2010 Ergonomi för interaktion mellan mänskliga system.

Nu i enkla ord. Användarupplevelse bildar inte bara elementen på webbplatsen. UX-klienten i en onlinebutik påverkas av:

  • Sortimentet av produkter.
  • Priser.
  • Tillgänglighet av bekväma betalningsmetoder.
  • Tillgänglighet av bekväma leveransmetoder.
  • Fraktkostnad
  • Varornas kvalitet.
  • Förpackningskvalitet vid leverans.
  • Möjligheten att återvända eller byta varor.
  • Röstcentralen för call center-operatören.

Listan är långt ifrån fullständig. Den sista punkten betonar att inte bara objektiva faktorer påverkar UX. Användarens uppfattningar, känslor, förväntningar, preferenser, fysiska och mentala reaktioner är några av de subjektiva faktorer som formar användarupplevelsen.

Ett enkelt exempel på illustrationen visar UXs avstånd attityd att designa.

På webbshopens hemsida kostar produkten 900 rubel, förutom den är inte tillgänglig. I gruppen av en privat säljare i nätverket "VKontakte" kostar samma produkt 600 rubel. Uppmärksamhet, fråga: Vad har designern att göra med det?

Vem kan faktiskt kallas UXs designer

Designern i ordets vanliga bemärkelse kontrollerar inte UX fullständigt. Kompletterande färger är värdelösa om du säljer en lågkvalitativ produkt. Med hjälp av "Photoshop" kan man inte rita direkthänder hos de anställda som packar dåligt bräckliga föremål. Konstruktören, även om han lade till ett UX-prefix på hans märke, kan inte helt skapa användarupplevelsen.

Dan Makoski, designchef på Lloyds Banking Group, säger att UX-design inte existerar. Erfarenhet är en subjektiv erfarenhet som konstruktören inte kan kontrollera. Specialisten kan endast påverka användarupplevelsen.

Ändå påverkar designern genom användargränssnittet och den visuella utformningen av webbplatsen användarupplevelsen. Andra yrkesverksamma påverkar också användarupplevelsen:

  • Författaren och redaktören hjälper besökaren att hitta den information som behövs på webbplatsen.
  • En webbutvecklare gör designerlayouter till levande webbsidor.
  • Fabriksarbetaren gör en kvalitetsprodukt, för vilken användaren kommer till webbplatsen.
  • En försäljningschef hjälper en kund att förstå exakt vilken produkt han behöver.

Du kan fortsätta denna lista på egen hand, anpassad för omfattningen av företagets verksamhet och särdrag hos webbprojektet.

Vem kan kallas designer eller användarupplevelse designer? Vem planerar, genomför och kontrollerar kundinteraktion med verksamheten? Vem kan räta ut de krokiga händerna på packarna, tips till leverantörerna av ett mager sortiment, lära snappers godart från callcenter?

Beroende på företagets omfattning är dessa toppledare och ägare.

Toppansvarig eller företagets ägare ansvarar för användarupplevelsen eller erfarenheten av konsumentinteraktion med verksamheten. Hans första assistent är marknadsförare eller chef för marknadsföring. Här är de verkliga designersna eller designerna av UX.

Hur UI-design förbättrar användarupplevelsen

Det sägs ovan att packers direkta händer, det centrala hjärtat av call center operatörer och redaktörens känsliga öga påverkar UX. UI-design påverkar också användarupplevelse. Exemplen nedan bekräftar detta. Men först måste du bryta ett annat mönster.

Faktum är att det inte finns någon allmänt accepterad definition av termen och ansvaret för webbdesignern i allmänhet och speciellt UI-designern. Vi har en webbdesigner kallad designers av webbsidor. Dessa experter utformar gränssnittet, gör en prototyp och ger layout till webbutvecklaren. En webbutvecklare implementerar design med hjälp av HTML, CSS, JavaScript och andra verktyg.

I burzhunete webbdesigner - en specialist som designar och genomför webbsidor. Ta en titt på Responsive Web Design-kursen på freeCodeCamp. Det här är grunderna i HTML och CSS. Samma tillvägagångssätt följs av den pedagogiska resursen "Hekslet". I den första lektionen av kursen om HTML och CSS förklarar lärare varför det är bättre att kalla webbdesigners de som kallas löpare i runetten.

Det andra tillvägagångssättet är mer logiskt, eftersom UX påverkas inte bara av projekten på webbsidan som helhet, utan även av webgränssnittet, men också av att projektet är korrekt. Exemplen nedan bekräftar detta.

Alt attributet är avgörande för UX av personer med nedsatt syn.

Detta är det mest triviala exemplet på hur ett användargränssnitt påverkar användarupplevelse. När en vanlig person landar på en målsida ser han vackra bilder på produkten. När en synskadad person landar på en målsida ser han inte bilden.

Alt attributet för img-taggen löser problemet. Om du inte har pratat in sökorden i det, men beskrivit bilden, förstår en blinda personens innehåll med en skärmläsare.

Verifiera korrektheten att fylla i formulärfält förbättrar UX

Visst står du inför en obehaglig situation: fyll i en lång form, försök att skicka data och få ett felmeddelande. Genomförandet av ett användargränssnitt med HTML5-standarder skyddar mot detta problem och förbättrar UX.

Försök ange siffror eller text i rutan E-postadress nedan. Om du anger ett felaktigt värde visas formuläret omedelbart. För detta angav webbdesignern datatypen för formulärfältet (inmatningstyp = "email").

Se Penning Email Validering av Dmitriy Dementiy (@ dmitriy-dementiy) på CodePen.

Autofokus sparar besökartid

Var uppmärksam på bilden. Efter att ha gått till inloggningssidan kan användaren omedelbart ange ett telefonnummer. Det behöver inte placera markören i formulärfältet.

Webbdesigners har förbättrat sin användarupplevelse med autofokusattributet.

Författare kan förbättra UX med informativa ankare.

Ankare som "här", "läs mer" eller "tyder" minskar bekvämligheten av användargränssnittet och försämrar användarupplevelsen. De flesta användare kommer att överleva detta eftersom de kan läsa den omgivande texten och förstå kontextuellt där länken leder.

Människor med synskador är svårare. Skärmsläsare har navigering på länkarna på sidan. Blinda människor hör ankare, men ser inte den omgivande texten. Därför är det viktigt att använda informativa ankare. Till exempel, här är en länk till Yandex.Direct-genomgången.

Asynkron skriptladdning förbättrar UX

Extern kod kan blockera sidladdning. Uppmärksamhet på illustrationen.

För att undvika problem med UX har webbdesignern konfigurerat asynkront script-laddning. I det här fallet laddas sidinnehållet, även om det externa skriptet är tillfälligt eller permanent inte tillgängligt.

De flesta tjänster, inklusive Google AdSense, YAN och andra, erbjuder som standard en kod med asynkron lastning. Ibland vägrar webbplatsägare detta alternativ på grund av oerfarenhet. Detta kan påverka användarupplevelsen negativt.

Rekommendationsblock förbättrar UX och förbättrar webbplatsens prestanda

Att lägga till ett block av rekommendationer till webbplatsgränssnittet är ett enkelt och effektivt sätt att förbättra användarupplevelsen. Detta är relevant både för innehållsprojekt och för e-handelswebbplatser. Online-butiker med hjälp av referensblock som "Se även" eller "Med den här produkten köper de" öka konverteringen och öka genomsnittsräkningen.

Du kan lägga till ett block av rekommendationer till webbplatsgränssnittet med hjälp av tjänster som Relap eller myWidget, samt att använda verktygen för det valda CMS.

För att förbättra användarupplevelsen, ta bort sidofältet

Apple Design Director Jonathan Ive säger att det inte borde finnas några onödiga element i ett bra användargränssnitt. Sidofältet avvisande är ett enkelt och effektivt sätt att ta bort ett extra element från webbplatsgränssnittet och förbättra UX. I detta fall omvandlas förbättringen av användarupplevelse till en ökning av plats effektivitet. Detta bekräftas av studier som vi skrev om i artikelns användbarhetsartikel.

Visuellt svar animerar gränssnittet och gör användaren glad.

Visuella responsgränssnittselement hjälper besökaren att använda sidan och förbättra UX. exempel:

  • Byt knapp när du svävar.
  • Ändra färg på fältet eller annan visuell bekräftelse på korrekt fyllning av formuläret.
  • En statusfält som ändras när du bläddrar igenom sidan.

"Air" på sidan gör gränssnittet mer bekvämt

Fritt utrymme betonar gränssnittselement, hjälper användarna att söka efter önskat innehåll eller funktionalitet. För att förbättra användargränssnittet och UX, lägg till luft till sidan.

Exemplen ovan är tillräckliga för att visa användargränssnittets påverkan på användarupplevelsen.

Jag måste notera att Dmitry anser att man arbetar med användarupplevelse i bred mening, ur affärsprocessens synvinkel, från och till. Detta tillvägagångssätt är relevant om företaget i staten har egna specialister som hanterar dessa frågor. Vår verksamhet handlar också om användarupplevelse, men vi gör det som en del av kampanjarbetet, det vill säga de processer som vi som entreprenör kan påverka: analys av målgrupp, analys av beteende med statistiska system, fokusgruppsundersökningar mm . Men inom ramen för vårt arbete betalar UX-design och är en viktig faktor för högkvalitativ sökmotoroptimering.

UI - del, UX - heltal

Användarupplevelse går långt utöver webbdesigners kompetens. Designern kan påverka UX med användargränssnittet. Men för att ringa en specialist på att skapa webbsidor kan användarupplevelse av användaren inte. Det är detsamma som att utse en kassör i en butik nära huset som ansvarig för det finansiella resultatet och kräva av honom samma försäljningsvolymer som i stormarknaden.

UX är inte begränsad till webbplatsen. Användarupplevelsen påverkas av arbetaren på maskinen, lastaren, leverantören, säljaren, designern och utvecklaren av webbplatsen, författaren och redaktören, kontohanteraren och så vidare. Och orkestern utförs av företagets chef och hans marknadsföring högra hand.

Sammanfattningsvis är det lämpligt att citera Steve Jobs, som var en riktig UX designer eller användarupplevelse designer.

Design är inte vad en sak ser ut. Design är hur det fungerar.

Loading...

Lämna Din Kommentar