Hva er UX og UI, og hvorfor er det ingen UX-designere

Uttrykket "UX / UI-designer" er absurd. Brukeropplevelse (eller UX) er like relevant for design som kontekstuell markedsføring er. Det er kontekstuell annonsering er et av mange markedsføringsverktøy. Og design, inkludert brukergrensesnitt design, er en av mange faktorer som former brukeropplevelsen eller UX.

  • Hva er forskjellen mellom UX og UI?
  • Hvem er en UX-designer faktisk, og hvorfor trenger han ikke Figma og Photoshop?
  • Hvilken rolle spiller en markedsfører, leder og eier av et foretak i å skape brukeropplevelse?

La oss diskutere.

Hvorfor UX / UI-designere ikke skjer

For å svare på dette spørsmålet, analyser konseptene.

Hva er et brukergrensesnitt eller brukergrensesnitt

Brukergrensesnitt eller brukergrensesnitt (Eng. brukergrensesnitt) - et sett med elementer som den besøkende bruker nettsiden til. Disse inkluderer:

  • Meny.
  • Modale vinduer.
  • Form.
  • Button.
  • Referanser.
  • Innhold.

For eksempel, for at en bruker skal legge til et produkt i handlekurven, er det en "Kjøp" -knapp i grensesnittet til nettbutikken. For at den besøkende skal se flere materialer på emnet, er det også "Les også" bokser i grensesnittet til bloggen vår (se nedenfor).

Hva er UX eller brukeropplevelse?

UX eller brukeropplevelse - brukeroppfattelse og reaksjon på samspillet med tjenesten, tjenesten eller produktet. UX inkluderer følelser, forventninger, preferanser, personlige oppfatninger, fysiske, mentale og atferdsreaksjoner som oppstår før, under og etter samspillet.

Denne definisjonen er en oversettelse fra ISO 9241-210: 2010 Ergonomi av menneskesysteminteraksjon.

Nå i enkle ord. Brukeropplevelsesform ikke bare elementene på nettstedet. UX-klienten til en nettbutikk påvirkes av:

  • Utvalget av produkter.
  • Priser.
  • Tilgjengelighet av praktiske betalingsmåter.
  • Tilgjengelighet av praktiske leveringsmetoder.
  • Fraktkostnad.
  • Kvaliteten på varene.
  • Pakkingskvalitet ved frakt.
  • Evnen til å returnere eller bytte varer.
  • Stemmen til operatøren av call center.

Listen er langt fra fullført. Det siste punktet understreker at ikke bare objektive faktorer påvirker UX. Brukeroppfattelser, følelser, forventninger, preferanser, fysiske og mentale reaksjoner er noen av de subjektive faktorene som former brukeropplevelsen.

Et enkelt eksempel på illustrasjonen viser UXs eksterne holdning til design.

På nettsiden til nettbutikken koster produktet 900 rubler, dessuten er det ikke tilgjengelig. I gruppen av en privat selger i nettverket "VKontakte" koster det samme produktet 600 rubler. Oppmerksomhet, spørsmål: hva har designeren å gjøre med det?

Hvem kan bli kalt designer av UX faktisk

Designeren i ordets vanlige forstand tar ikke full kontroll over UX. Komplementære farger er ubrukelige hvis du selger et produkt av lav kvalitet. Med hjelp av "Photoshop" kan man ikke trekke direkte hender til leveranseservice ansatte som pakker dårlig skjøre gjenstander. Designeren, selv om han ble lagt til et UX-prefiks på hans merke, kan ikke fullt ut danne brukeropplevelsen.

Dan Makoski, designleder hos Lloyds Banking Group, sier at UX-design ikke eksisterer. Erfaring er en subjektiv opplevelse som designeren ikke kan kontrollere. Spesialisten kan kun påvirke brukeropplevelsen.

Ikke desto mindre påvirker designeren gjennom brukergrensesnittet og visuell utforming av nettstedet brukeropplevelsen. Andre fagfolk påvirker også brukeropplevelsen:

  • Forfatteren og redaktøren hjelper besøkende å finne den nødvendige informasjonen på nettstedet.
  • En webutvikler forvandler designoppsett til levende websider.
  • Fabrikken på fabrikken gjør et kvalitetsprodukt, som brukeren kommer til nettstedet.
  • En salgsansvarlig hjelper en kunde å forstå nøyaktig hvilket produkt han trenger.

Du kan fortsette denne listen på egenhånd, justert for omfanget av selskapets aktiviteter og særegenheter ved webprosjektet.

Hvem kan bli kalt designer eller brukeropplevelsesdesigner? Hvem planlegger, implementerer og kontrollerer kundeinteraksjon med virksomheten? Hvem kan rette de pakkeres skæve hender, hint til leverandørene av et svakt sortiment, undervise de gode manerer fra snappers fra call center?

Avhengig av omfanget av bedriften er disse toppledere og eiere.

Overordnet leder eller eier av bedriften er ansvarlig for brukeropplevelsen eller erfaringen med forbrukerinteraksjon med virksomheten. Hans første assistent er markedsfører eller leder for markedsføring. Her er de ekte designere eller designere av UX.

Hvordan UI-design forbedrer brukeropplevelsen

Det er sagt ovenfor at pakkerens direkte hender, det gode hjertet til call center-operatørene og redaktørens opptatt øye påvirker UX. UI-design påvirker også brukeropplevelsen. Eksemplene nedenfor bekrefter dette. Men først må du bryte et annet mønster.

Faktum er at det ikke er noen universelt akseptert definisjon av begrepet og ansvaret til webdesigneren generelt og UI-designeren spesielt. Vi har en webdesigner kalt designere av nettsider. Disse eksperter designer grensesnittet, lager en prototype og gir oppsettet til webutvikleren. En webutvikler implementerer design ved hjelp av HTML, CSS, JavaScript og andre verktøy.

I burzhunete webdesigner - en spesialist som designer og implementerer nettsider. Ta en titt på Responsive Web Design kurset på freeCodeCamp. Dette er grunnleggende for HTML og CSS. Den samme tilnærmingen følges av den pedagogiske ressursen "Hekslet". I den første leksjonen av kurset om HTML og CSS forklarer lærerne hvorfor det er bedre å ringe webdesignere de som kalles løpere i runet.

Den andre tilnærmingen er mer logisk, siden UX påvirkes ikke bare av prosjektet av nettsiden som helhet og nettgrensesnittet, men også av korrekt implementering av dette prosjektet. Eksemplene nedenfor bekrefter dette.

Altattributtet er avgjørende for UX av personer med nedsatt syn.

Dette er det mest trivielle eksempelet på hvordan et brukergrensesnitt påvirker brukeropplevelsen. Når en vanlig person lander på en destinasjonsside, ser han vakre bilder av produktet. Når en synskadet lander på en destinasjonsside, ser han ikke bildet.

Alt-attributtet til img-taggen løser problemet. Hvis du ikke har strammet søkeordene inn i det, men beskrevet bildet, forstår en blind person innholdet på bildet ved hjelp av en skjermleser.

Verifiserer korrektheten ved å fylle ut skjemafelt forbedrer UX

Sikkert står du overfor en ubehagelig situasjon: fyll ut en lang form, prøv å sende data og få en feilmelding. Implementere et brukergrensesnitt med HTML5-standarder beskytter mot dette problemet og forbedrer UX.

Prøv å skrive inn tall eller tekst i e-postadressefeltet under. Hvis du oppgir en feil verdi, viser skjemaet det umiddelbart. For dette oppgav webdesigneren datatypen for skjemafeltet (inngangstype = "e-post").

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

Autofokus sparer besøkstid

Vær oppmerksom på illustrasjonen. Etter at du har gått til påloggingssiden, kan brukeren umiddelbart skrive inn et telefonnummer. Det trenger ikke å plassere markøren i skjemafeltet.

Webdesignere har forbedret brukeropplevelsen med autofokusattributtet.

Forfattere kan forbedre UX med informative ankre.

Ankre som "her", "les mer" eller "tyder" reduserer brukervennligheten til brukergrensesnittet og nedbryter brukeropplevelsen. De fleste brukere overlever dette, siden de kan lese den omgivende teksten og forstå kontekstuelt hvor linken fører.

Personer med synshemming vanskeligere. Skjermlesere har navigasjon på linkene på siden. Blinde mennesker hører ankre, men ser ikke den omgivende teksten. Derfor er det viktig å bruke informative ankre. For eksempel, her er en lenke til Yandex.Direct gjennomgang.

Asynkron skriptlasting forbedrer UX

Ekstern kode kan blokkere sideopplasting. Oppmerksomhet på illustrasjonen.

For å unngå problemer med UX har nettdesigneren konfigurert asynkron skriptlasting. I dette tilfellet lastes sideinnholdet, selv om det eksterne skriptet er midlertidig eller permanent utilgjengelig.

De fleste tjenester, inkludert Google AdSense, YAN og andre, tilbyr som standard en kode med asynkron lasting. Noen ganger avviser nettstedseiere dette alternativet på grunn av manglende erfaring. Dette kan påvirke brukeropplevelsen negativt.

Anbefalingsblokkene forbedrer UX og forbedrer ytelsen på nettstedet

Å legge til en blokk med anbefalinger til nettstedgrensesnittet er en enkel og effektiv måte å forbedre brukeropplevelsen på. Dette er relevant både for innholdsprosjekter og for e-handelsnettsteder. Nettbutikker ved hjelp av referanseblokker som "Se også" eller "Med dette produktet kjøper de" øker konverteringen og øker gjennomsnittsregningen.

Du kan legge til en blokk med anbefalinger til nettstedgrensesnittet ved hjelp av tjenester som Relap eller myWidget, samt å bruke verktøyene til det valgte CMS.

For å forbedre brukeropplevelsen, fjern sidebjelken

Apple Design Director Jonathan Ive sier at det ikke bør være noen unødvendige elementer i et godt brukergrensesnitt. Sidebjelkeavvisning er en enkel og effektiv måte å fjerne et ekstra element fra nettstedgrensesnittet og forbedre UX. I dette tilfellet blir forbedringen av brukeropplevelsen omgjort til en økning i effektiviteten på nettstedet. Dette bekreftes av studier som vi skrev om i sidebarbruksområdsartikkelen.

Visuelt svar animerer grensesnittet og gjør brukeren fornøyd.

Visuelle svargrensesnittelementer hjelper den besøkende til å bruke siden og forbedre UX. eksempler:

  • Bytt knapp når du svinger.
  • Endre farge på feltet eller annen visuell bekreftelse på riktig fylling av skjemaet.
  • En fremdriftslinje som endres mens du ruller gjennom siden.

"Air" på siden gjør grensesnittet mer praktisk

Gratis plass legger vekt på grensesnittelementer, hjelper brukere å søke etter ønsket innhold eller funksjonalitet. For å forbedre brukergrensesnitt og UX, legg til luft på siden.

Eksemplene ovenfor er tilstrekkelig til å vise innflytelsen fra brukergrensesnittet på brukeropplevelsen.

Jeg må legge merke til at Dmitry vurderer å jobbe med brukeropplevelse i bred forstand, fra forretningsprosessens synspunkt, fra og til. Denne tilnærmingen er relevant dersom selskapet i staten har egne spesialister som håndterer disse problemene. Vårt byrå omhandler også brukeropplevelse, men vi gjør det som en del av kampanjen, det vil si de prosessene som vi som entreprenør kan påvirke: analyse av målgruppen, analyse av atferd ved hjelp av statistiske systemer, fokusgruppeundersøkelser mv. . Men innenfor rammen av vårt arbeid betaler UX-design seg og er en viktig faktor i søkemotoroptimalisering av høy kvalitet.

UI - del, UX - heltall

Brukeropplevelsen går langt utover nettdesignerens kompetanse. Designeren kan påvirke UX ved hjelp av brukergrensesnittet. Men for å ringe en spesialist i å lage websider, kan brukeropplevelse ikke gjøres. Det er det samme som å betegne en kasserer i en butikk i nærheten av huset som ansvarlig for det økonomiske resultatet, og kreve samme salgsvolum fra ham som i supermarkedet.

UX er ikke begrenset til nettstedet. Brukeropplevelsen påvirkes av arbeideren på maskinen, lasteren, leverandøren, selgeren, designeren og utvikleren av nettstedet, forfatteren og redaktøren, kontoadministratoren og så videre. Og orkesteret blir utført av lederen av selskapet og hans markedsførings høyre hånd.

Til slutt er det hensiktsmessig å sitere Steve Jobs, som var en ekte UX designer eller brukeropplevelsesdesigner.

Design er ikke hva en ting ser ut som. Design er hvordan det fungerer.

Se på videoen: Don Norman: The term "UX" (Februar 2020).

Loading...

Legg Igjen Din Kommentar