\n Du kan lage den mest kjedelige designen i verden, og den vil ikke lykkes hvis den ikke tilfredsstiller brukervennligheten.\n<\/p>\n
\n Alt fra en tannpirker til et kommersielt passasjerfly krever brukervennlighet for \u00e5 fungere og selge, ellers er designen d\u00f8mt. P\u00e5 samme m\u00e5te, i nettverdenen, kommer et begrep kalt UX til \u00e5 spille n\u00e5r et nettsted brukes og graderes.\n<\/p>\n
\n UX er en forkortelse for brukeropplevelse en nettbruker tilegner seg n\u00e5r de surfer p\u00e5 en nettside og samhandler med dens elementer og funksjoner. Hvis opplevelsen er hakkete og mal ettertraktet, s\u00e5 er nettsiden ingenting av flytende s\u00f8ppel p\u00e5 internett ingen vil bry seg om. UX kan p\u00e5 egenh\u00e5nd bestemme om et nettsted kan brukes eller selges, og derfor er det avgj\u00f8rende for designeren at det teller. I denne artikkelen vil vi dele 10 kardinalregler ang\u00e5ende brukervennlighet hver webdesigner m\u00e5 kjenne til f\u00f8r nettstedet tar sluttfasen av ferdigstillelsen.\n<\/p>\n
\n Det er en fin linje mellom UX og UI. Selv om du er klar over forskjellen, kan du kanskje h\u00f8re det fra klienten p\u00e5 ett eller annet punkt, men n\u00e5r den tid kommer m\u00e5 du kunne forklare forskjellen p\u00e5 best mulig m\u00e5te. Brukergrensesnitt er definert som det faktiske systemet mens brukeropplevelse er definert som det emosjonelle resultatet etter interaksjon med systemet.\n<\/p>\n
\n Microsoft Windows er brukergrensesnittet, mens den emosjonelle tilfredsstillelsen etter bruk er UX. \u00c5 forveksle de to begrepene kan ikke bare skade ditt eget arbeid, men ogs\u00e5 overbelaste deg med noe som ikke er din jobb.\n<\/p>\n
\n En god designer vil ikke bare kjenne forskjellen, men ogs\u00e5 v\u00e6re i stand til \u00e5 forklare det for kunden n\u00e5r han foresl\u00e5r en pitch for \u00e5 presentere arbeidet sitt.\n<\/p>\n
\n Webdesign er mer enn det som m\u00f8ter \u00f8yet. Alt fra de visuelle detaljene, produktet du bruker og stedene du bes\u00f8ker har UX skrevet over seg. \u00c5 kj\u00f8re en s\u00f8ppelbil er en d\u00e5rlig opplevelse, mens \u00e5 \u00e5pne en pakket boks lett er en god en. Offline UX-markedsf\u00f8ring kan virke som en annen kjole, men opprinnelig klippet fra samme t\u00f8y. Selv om det ikke er helt det samme og ikke kan rettferdiggj\u00f8res med noen f\u00e5 eksempler, produserer UX-opplevelse i en materiell og immateriell plattform de samme hormonene i hjernen din. For eksempel oppdaget noen at mennesker prioriterer informasjon fra venstre til h\u00f8yre og elementer til venstre tar mindre vertikal plass og har like stor visuell vekt.\n<\/p>\n
\n I l\u00f8pet av \u00e5r 2000 begynte trenden \u00e5 endre seg og webdesignere begynte \u00e5 plassere navigasjonslinjer til venstre panel p\u00e5 nettsiden. Dette tillot brukere \u00e5 skanne innhold raskere og bedre, samtidig som det ga st\u00f8rre eksponering for innholdet p\u00e5 nettstedet. Som webdesigner vil det \u00e5 ha f\u00f8ttene dine i begge mediene tillate deg \u00e5 trene hjernen din og utvide kunnskapen din for \u00e5 vurdere og produsere prosjekter fra et livligere perspektiv.\n<\/p>\n
\n Kunst og vitenskap g\u00e5r h\u00e5nd i h\u00e5nd n\u00e5r det kommer til UX. \u00c5 ha en raffinert forst\u00e5else av deres b\u00e5nd er avgj\u00f8rende, spesielt under designprosessen. Vitenskapelig er det probleml\u00f8sningsscenario hvor designeren m\u00e5 legge ut et veikart og takle problemene med en teoretisk l\u00f8sning. For eksempel g\u00e5r et nettsted drastisk lavt p\u00e5 salget. Designeren vil foresl\u00e5 \u00e5 oppdatere nettstedet, teste og feils\u00f8ke det som vil danne en l\u00f8sning. Det er her kunsten trer inn.\n<\/p>\n
\n Alle aspekter og elementer vil bli foresl\u00e5tt i l\u00f8sningen som farger, skriftsnitt, layout, tekst og visuelt innhold for \u00e5 gj\u00f8re nettstedet tiltalende estetisk s\u00e5 vel som funksjonelt. Den vil bli gjenstand for mer testing til den klarer \u00e5 fremkalle \u00f8nsket f\u00f8lelsesmessig respons fra brukeren. Denne kanaliseringen av ytre atferd gjennom en vitenskapelig implementering er det som gj\u00f8r kunst og vitenskap til et merkelig, men potent par.\n<\/p>\n
\n Det er ingen hemmelighet at designere forholder seg til kunder som vil at ting skal styres etter b\u00f8kene deres. Dette skaper en labyrint som ikke f\u00f8rer til noe sted siden mange ting klienten ikke er klar over som bare designeren vet. P\u00e5 samme m\u00e5te er designere noen ganger opptatt av \u00e5 gj\u00f8re ting p\u00e5 sin m\u00e5te, mens andre metoder ogs\u00e5 er p\u00e5 bordet og kan fungere bedre.\n<\/p>\n
\n \u00c5 ha en ensrettet tiln\u00e6rming som s\u00e5dan er aldri sunt n\u00e5r du designer et UX-rikt webdesign. En god UX er kun oppn\u00e5elig fra en m\u00e5ldrevet tiln\u00e6rming som fokuserer p\u00e5 den beste tilgjengelige l\u00f8sningen. For eksempel \u00f8nsker en klient \u00e5 flytte kundeanbefalingslenken til toppen av siden for \u00e5 f\u00e5 mer eksponering og invitere mer trafikk. Problemet ligger imidlertid ikke i lenkens plassering, men selve posisjonskoblingen da den ikke klarer \u00e5 tiltrekke seg trafikk. Derfor kan du ogs\u00e5 fikse koblingen ved \u00e5 gj\u00f8re den mer synlig akkurat der den i stedet for \u00e5 flytte den til et nytt sted. Begge l\u00f8sningene kan brukes til \u00e5 l\u00f8se problemet, og du m\u00e5 holde alternativet \u00e5pent. Dette kalles m\u00e5ldrevet design.\n<\/p>\n
\n Merkevareidentitet er blant hovedm\u00e5lene bak \u00e5 bygge en flott brukeropplevelse. Hvis UX setter sitt preg p\u00e5 \u00e5 tilfredsstille brukerne, vil det reflektere mye mot merkevaren som gjorde denne opplevelsen mulig. Det er viktig at du ikke blir distrahert i \u00e5 skape et utseende som oppfyller kundens preferanser. Et godt design som m\u00e5 vise den rette blandingen av funksjonalitet og funksjoner som ikke bare gj\u00f8r brukeropplevelsen til en godbit, men ogs\u00e5 detaljerer investeringen et merke har gjort for \u00e5 gj\u00f8re den vellykket. Dette avgj\u00f8r om brukeren vil bes\u00f8ke nettstedet igjen.\n<\/p>\n
\n For \u00e5 sikre at du har kundens perspektiv forankret i designet, informer dem om hvert trekk og gj\u00f8r eventuelle n\u00f8dvendige endringer som kan im\u00f8tekommes i designet. Det er ogs\u00e5 viktig at du vurderer det st\u00f8rre bildet mens du legger til klientpreferansene slik at brukeropplevelsen forblir up\u00e5virket i prosessen.\n<\/p>\n
\n Bli aldri et offer for din egen fantasi. Siden du har litt av en kreativ frihet mens du designer et nettsted, er det avgj\u00f8rende at du ikke misbruker det. I dette spesielle tilfellet har du klientens retningslinjer og dine preferanser dypt forankret, men har helt glemt brukerens perspektiv. Som designer er det viktig at du aldri lar fantasien si fra deg fra \u00e5 oppn\u00e5 det kunden og brukeren \u00f8nsker. Et brukerdrevet design har den beste sjansen til \u00e5 produsere en vinnende UX enn noen andre tiln\u00e6rminger.\n<\/p>\n
\n For \u00e5 v\u00e6re sikker p\u00e5 at du er p\u00e5 rett spor, unders\u00f8k brukerne av designnisjen din og l\u00e6r om deres behov og \u00f8nsker i ditt spesielle design. F\u00f8r du er klar til \u00e5 lansere den, bruk A\/B-testing for \u00e5 bekrefte om designet ditt oppfyller kravene. Husk at brukerens behov er viktigere enn dine personlige innspill fordi de til slutt vil bruke det.\n<\/p>\n
\n Atferdsutl\u00f8sere er basert p\u00e5 menneskelig psykologi som stimulerer emosjonell respons fra brukeren. Gode \u200b\u200bdesignere er i stand til \u00e5 kvalitativt vurdere brukerens tankesett og utlede f\u00f8lelsesmessig tilknytning til innholdet. Disse f\u00f8lelsesmessige forbindelsene er avgj\u00f8rende for \u00e5 produsere en livlig UX i et webdesign. Ta varsler for eksempel. Du har kanskje opplevd den irriterende popup-varslingsfunksjonen som sender deg ut av nettstedet og smeller igjen d\u00f8ren p\u00e5 vei ut. Selv om det delvis er til fordel for kunden og samtidig sikre konverteringer for forhandleren, er det en forferdelig id\u00e9 \u00e5 vise det rett etter at kunden har havnet p\u00e5 nettstedet.\n<\/p>\n
\n Se for deg at du ankommer kontorets n\u00e5lpunkt og blir beordret til \u00e5 gj\u00f8re oppgavene dine uten \u00e5 trekke pusten eller nyte en varm kopp kaffe. Timing er en avgj\u00f8rende faktor her. Hvis du kjenner menneskets psyke, vil du aldri starte med en pop-up som dekker mer enn halvparten av skjermen. I stedet kan du vente p\u00e5 at den bes\u00f8kende skal skumme innholdet og deretter begynne med pitch. P\u00e5 denne m\u00e5ten vil det samme varselet bli mottatt med \u00e5pne armer, for n\u00e5 kan brukeren faktisk spare tid til \u00e5 engasjere seg. UX er sterkt avhengig av forbrukerens psyke, og det er grunnen til at du m\u00e5 integrere en sunn dose av atferdstriggere, samtidig som du er forsiktig der den m\u00e5 v\u00e6re.\n<\/p>\n
\n \u00c5 rulle fungerer som magi sp\u00f8r du meg. Det sender brukeren som s\u00f8ker informasjon dypere inn p\u00e5 nettstedet, og utvider sjansene deres til \u00e5 konvertere. Det er sannsynligvis grunnen til at de fleste designere plasserer CTA-ene sine nederst p\u00e5 siden, der rullingen m\u00f8ter slutten.\n<\/p>\n
\n Til og med \u00abkj\u00e6rlighet ved f\u00f8rste blikk\u00bb-tiln\u00e6rmingen kan fremme rulling, der designet viser CTA-er \u00f8verst p\u00e5 siden. Du kan optimalisere slike sider ved \u00e5 introdusere rullesignaler. Rullesignaler kan variere fra pilsukk til fengslende grafiske elementer. For eksempel, Piler kan brukes til \u00e5 peke retninger for neste del av innholdet, mens grafiske elementer kan ta brukeren direkte til neste lysbilde n\u00e5r de samhandler med det.\n<\/p>\n
\n N\u00e5r du legger innholdet ditt live p\u00e5 internett, m\u00e5 du forvente at det blir m\u00f8tt med mennesker fra alle slags bakgrunner. Alle deler ikke dine synspunkter slik du har tenkt \u00e5 foresl\u00e5 dem. Det er derfor innholdet ditt b\u00f8r v\u00e6re absorberbart slik at brukeren ikke trenger ekstra innsats for \u00e5 forst\u00e5 hva du tilbyr dem. Hvis innholdet er ford\u00f8yelig, vil brukeren konvertere raskere.\n<\/p>\n
\n Gi dem en bit om gangen. \u00c5 vise alt du kan tilby p\u00e5 \u00e9n gang desorienterer ikke bare brukeren, men gjenspeiler ogs\u00e5 desperasjon p\u00e5 din halvdel. For \u00e5 sikre at designet ditt er pustende og lett \u00e5 assimilere, bruk mye hvitt mellomrom rundt elementene dine slik at de er enkle \u00e5 skille. Lag ogs\u00e5 innhold som er forst\u00e5elig for alle slags publikum med eksempler og dine egne fortellinger. Vis deg selv som deres venn, ikke som en forretningsmann.\n<\/p>\n
\n Sideelementer er en integrert del av et webdesign. De utf\u00f8rer viktige funksjoner for brukerne og opprettholder en f\u00f8lelsesmessig harmoni i UX. Men \u00e5 legge til un\u00f8dvendige sideelementer kan v\u00e6re farlig for nettstedet ditt og brukeren ogs\u00e5.\n<\/p>\n
\n Sideelementer som en CTA med flere kommandoer i stedet for \u00e9n, et bilde som distraherer nok til \u00e5 trekke blikket vekk fra motivet eller teksten midt p\u00e5 siden som villeder kunden. \u00c5 legge til disse elementene p\u00e5virker meningsl\u00f8st webdesignets troverdighet samtidig som lastehastigheten reduseres. HD-bilder kan for eksempel v\u00e6re lag fabrikker for nettsidene dine. De krever mye b\u00e5ndbredde og tar bort den ideelle lastetiden for et konverteringsvennlig nettsted. Et nettsted som laster sakte er det siste du vil ha i nettstedets UX.\n<\/p>\n
\n Som webdesigner m\u00e5 du ta alle elementer, aspekter og tiln\u00e6rminger inn i ligningen. M\u00e5let ditt er \u00e5 produsere et design som ikke bare vinner kundene, men som ogs\u00e5 leverer en tilfredsstillende brukeropplevelse. Gjennom disse 10 grunnleggende reglene skaper du det ideelle webdesignet som im\u00f8tekommer brukervennlighet fra alle mulige vinkler.\n<\/p>\n<\/p>\n