Forskellen mellem UX og UI-udvikling

Et af de vigtigste stadier i oprettelsen af ​​hvert websted er udviklingen af ​​dets design. Meget, meget afhænger af, hvordan ressourcen kommer til at se ud: tiltrækningskraft for publikum, brugervenlighed ved interaktion med menuen, og vigtigst af alt – evnen til at "tjene": om det er salg af varer eller likes på Facebook.

Derfor skal sidens udseende skabes med al ansvar – hvilket betyder: at tage sig af UX og UI design. Hvad er disse koncepter, og hvad er forskellen mellem dem, hvis du ansætter ux-udvikler ?

Indhold

• 1 Hvad er UX-design?
• 2 Hvad er UI-design?
• 3 Hvordan opretter man et kvalitets-UX/UI-websidedesign?

Hvad er UX-design?

Strengt taget er ordet "design" i dette tilfælde ikke helt korrekt, det er et kalkerpapir. Hvis vi vender tilbage til hjemmesideudvikling og design , så skal UX løse følgende opgaver:

• en simpel søgning efter al den information, brugeren har brug for;
• intuitiv orientering i strukturen af ​​webstedet som sådan;
• udarbejde typiske scenarier for besøgendes adfærd på webstedet;
• brugervenlighed for målrettede forretningshandlinger.

Ud fra disse mål gennemføres udviklingen af ​​sitets UX-design. Den omtrentlige procedure, i dette tilfælde, kan bygges i form af nogle standardordninger:

• Analyse af site opgaver. Sælg et produkt, tilbud tekst til læsning, tiltrække og fasthold publikums opmærksomhed, øg brand awareness osv. – afhængigt af dette vælges en videre arbejdsretning.
• Studie af publikum. Købere af mp3-sange opfører sig anderledes på siden end købere af masser af byggematerialer. Derfor bør logikken i organisationen af ​​ressourcen tage højde for dette og være passende for en sådan situation.
• Oprettelse af sitemap. Portalens mål og publikums karakter bestemmer, hvordan dens arkitektur vil blive arrangeret: hovedsiden, afsnittet og underafsnittet, den sidste side – så overgange mellem dem forenkler arbejdet.
• Prototyping. For alle typiske portalsider skal du oprette din egen skabelon, hvor nøgleblokkene er angivet, deres placering i forhold til hinanden, visuelle ændringer, når du holder musemarkøren over dem og klikker på dem osv.
• Afprøvning. Allerede før du får stilen "shell", bør du tjekke, om webstedet er tydeligt nok for brugeren, om håndteringen af ​​dets grænseflade forårsager vanskeligheder, om den besøgende opnår forretningsmålet.

Hvad er UI-design?

I tilfældet med UI er ordet design meget mere berettiget: specialister på dette område vil ansætte en ui-udvikler til at udvikle nøjagtigt udseendet af webstedet, fra design af blokke til skrifttyper med fotos. Det er dog vigtigt at forstå, at korrekt UI-design ikke kun er smukt, men også funktionelt. Denne forkortelse står for "User Interface", brugergrænseflade.

Derfor skal de valgte stilistiske teknikker både tiltrække og opfylde UX-opgaverne: det vil sige hjælpe brugeren med hurtigt at navigere i strukturen og menuen på webstedet. Hvis vi husker vores eksempel med en bil, så er UI udviklingen af ​​et ratdesign på en sådan måde, at intet distraherer brugeren fra at løse sin hovedopgave med et lignende værktøj.

Som med UX-design har websteds-UI-design mange vigtige mål:

• forenkling af opfattelsen af ​​webstedets arkitektur, dens logiske blokke;
• visuel indtastning af sider og individuelle elementer på webstedet;
• nem opfattelse af information på webstedet (tekst, billeder osv.);
• æstetisk appel af en enkelt virksomhedsidentitet på webstedet.

Det skal bemærkes, at designudvikling ofte forløber parallelt og uadskilleligt med UX (derfor udføres sådanne opgaver i øvrigt ofte af den samme specialist). Hvad angår et omtrentligt skema til oprettelse af en brugergrænseflade, kan du oprette et typisk scenarie:

• Vurdering af funktionalitet og publikum;
• Konceptudvikling;
• Prototyping;
• Afprøvning.

Hvordan opretter man et kvalitets-UX/UI-websidedesign?

Hovedopgaven er at vælge en kompetent og kvalificeret entreprenør. Han skal have tilstrækkelig erfaring på dette område og reelt grundlag for at udvikle ikke kun et smukt og effektivt, men også et produktivt webstedsdesign .