Når du designer en tilmeldings- eller login-side, skal du overveje det fra brugerens synspunkt. Brugere har en onboarding-oplevelse på tilmeldings- og login-sider, så du vil sikre dig, at de ikke føler sig forvirrede eller frustrerede.
Således er en veldesignet login-side nøglen til dit websteds UX-proces. Det hjælper med at trække besøgende til dit websted og konverterer besøgende til leads, og det er vigtigt at have en venlig portal. Dette fremhæver nødvendigheden af en ligetil login-side, der ikke overvælder brugerne og giver dem mulighed for at logge ind på få trin.
Vores erfaring med 12 års erfaring med at lave hjemmesider til brancheledere gør os i stand til at give anbefalinger. Vi er stolte af at skabe websteder, der ser godt ud og fungerer godt. Derfor vil vi diskutere de bedste strategier og eksempler på fremragende tilmeldings- og login-sidedesign - og give gode eksempler til at inspirere dig.
Gør det klart, hvor loginområdet er. Hvis brugeren skal søge efter loginområdet, vil de være frustrerede og mindre tilbøjelige til at tilmelde sig.
Tilmelding til en ny applikation ved hjælp af eksisterende sociale mediekonti bliver populær blandt brugerne. Denne proces er hurtig og effektiv, da der ikke er behov for at oprette en ny konto og give alle oplysninger fra bunden.
Faktisk, 86% af brugerne er ofte irriterede over behovet for at oprette nye konti på websteder, og 88% bruger sociale medier til at logge ind. Så når brugere kun behøver at klikke på en tilmeldingsknap på sociale medier for at komme ind i applikationen, føler de sig mere komfortable. Det vil også gøre tilmeldingsprocessen mere social og engagerende, hvilket gør det mere sandsynligt for nye brugere at dele dit websted med deres venner og kolleger.
At logge ind med en social mediekonto er også en fordel for virksomheden, da den i de fleste tilfælde vil have adgang til flere oplysninger, som sociale medier giver om brugeren - demografi, interesser, adfærd osv.
Ved at undersøge deres brugere, a virksomheden opdagede, hvilke sociale medieplatforme der er mest populære at tilmelde sig til. Ifølge deres statistik foretrækker brugerne Google (70,97%), efterfulgt af Facebook (19,69%) og derefter Twitter (9,32%).
Betyder det, at brugerne skal bruge Google eller Facebook? Det afhænger af dit mål. Men dine brugere logger normalt ind ved hjælp af det sociale, de bryr sig mindre om på grund af sikkerhedsproblemer, såsom Gmail eller Facebook.
Websteder beder ofte brugerne om at bekræfte deres adgangskode, når de logger ind. Denne sikkerhedsforanstaltning er blevet standardpraksis siden rapporteringen af de første databrud, og feltet Bekræft adgangskode hjælper brugerne med at undgå fejlstavning af deres adgangskoder, mens de tilmelder sig appen.
Selvom det giver mening, at websteder ønsker at gøre dette, er det kontraproduktivt. Bekræftelse af adgangskode skaber en falsk følelse af sikkerhed. I denne proces skal du først indtaste en adgangskode to gange, hvis den ikke matcher systemets krav.
Brugeren kan dog ikke se eller finde fejlen. På grund af dette skal de fjerne begge adgangskoder og indtaste dem igen uden nogen idé. Som et resultat vil brugernes frustration stige.
At give en Vis adgangskode mulighed med feltet Adgangskode er en bedre løsning, der er både hurtig og effektiv. Brugerne kan klikke på indstillingen og se den adgangskode, de indtaster, hvilket gør øjeblikkelige rettelser enkle.
Brugere kan indtaste en forkert adgangskode, hvis de ikke er klar over, om Caps Lock-tasten er slået til eller fra. Dette vil resultere i en fejl, når appens eller webstedets indstillede adgangskode ikke stemmer overens, når en bruger logger ind. Så du skal sikre dig, at du underretter brugerne, når de indtaster adgangskoder i indtastningsfeltet for at undgå uventede fejl, når du genbruger adgangskoden.
På verdensplan ser den mest almindelige sætning ud til at være „log ind“ ifølge Google Trends. Selvom „log ind“, „log ind“, „log ind“ og „log på“ er synonymer, synes „log ind“ at være det mest populære udtryk.
Hvad der er vigtigt ud fra et UX-perspektiv er, at du vælger det samme udtryk på hvert sted. Du bør ikke bruge „log ind“ et sted og „login“ et andet, for eksempel. Men hvis du bruger „log ind“, skal du bruge „log ud“ i stedet for „log ud“.
Det kan virke som en lille detalje, men det er vigtigt at opretholde konsistens på hele dit websted eller din app. Dette vil hjælpe besøgende med at føle sig mere trygge og mindre forvirrede, når de bruger dit produkt.
Brug af inputvalidering på dine tilmeldings- og login-sider forbedrer deres brugervenlighed. Valideringen gør tilmeldingsprocessen nemmere, forhindrer fejl og genkender og korrigerer hurtigt feedbacken, vel vidende at inputtet er korrekt.
Når du tilbyder nyttig øjeblikkelig validering, skal du overveje et par kritiske faktorer. Medtag en nyttig fejlmeddelelse, der forklarer problemet, og hvordan du løser det og hjælper brugeren med at opbygge tillid til dit produkt. Og vis kun meddelelsen, når brugeren for nylig har forladt inputfeltet.
Men overvej, at vi ønsker at hjælpe brugeren så meget som muligt. Vi skal huske, at alt, hvad der hjælper brugerne, også hjælper hackere. For eksempel: Når en adgangskode og en e-mail ikke stemmer overens, ville det være mere fordelagtigt for brugeren at vise noget som „Forkert e-mail“ eller „Forkert adgangskode“, fordi han ville vide, hvilket felt der er forkert.
På den anden side ville dette også fjerne 50% af en hackers arbejde, da han ved, at denne e-mail har en konto på det websted og kun behøver at ændre adgangskodefeltet. På grund af dette ville en meddelelse som „Ugyldig kombination“ være at foretrække, da den ikke giver nogen information til hackere, men stadig informerer brugeren om, hvad der sker, og hvorfor han ikke kunne logge ind.
Gør også tilmeldingsprocessen lettere ved kun at bede om nødvendige oplysninger. Alt, hvad der ikke er nødvendigt for oprettelse af konto, skal gå til onboarding i appen, hvor brugeren kan tilføje mere personlig information for at tilpasse platformen til sine behov. Ved at gøre dette undgår vi at sænke satser på grund af for komplekse processer. Du ønsker ikke at frustrere brugerne med en lang, kedelig form, hvor de skal bruge en masse tid på at vælge, hvad de ikke har brug for.
Antag aldrig, at brugerne er opmærksomme på stærke adgangskoderegler. Kræv adgangskoder i nærheden af kontrolelementet, så brugerne kan se dem.
Skjul ikke adgangskodekravene i standardvisningen; vis dem kun, når brugeren indtaster en svag adgangskode. Ud over at spilde brugernes tid, vil dette også reducere deres tillid til dit produkt.
Hvis der er flere tilmeldingsmuligheder, skal du sikre dig, at knapetiketten tydeligt angiver, hvilken indstilling brugeren vælger. Dette eliminerer forvirring og hjælper brugerne med at bevæge sig hurtigere gennem tilmeldingsprocessen. Lad os for eksempel sige, at du har to forskellige planer: den grundlæggende og pro-planen. Hvis du har to tilmeldingsmuligheder, en til grundplanen og en til pro-planen, skal du sørge for, at du utvivlsomt angiver, hvilken mulighed brugeren vælger.
Du vil have brugerne til at vide, hvor de skal hen, hvis de vil tilmelde sig eller logge ind på dit websted. Det er ikke sjovt, hvis en bruger ikke kan finde tilmeldings- eller login-knappen på en webside.
Du kan bruge forskellige farver, layout og kopier til at skelne dine loginfelter fra dine registreringsfelter.
Få din bruger til at tilmelde sig ved hjælp af deres e-mail-adresse eller telefonnummer i stedet for et brugernavn. Brugere er undertiden nødt til at opgive at vælge et unikt brugernavn, hvis et ikke er tilgængeligt, hvilket gør det udfordrende at huske brugernavne til flere websteder.
Det er bedre at bede om registreringsoplysninger snarere end brugernes brugernavne for at spare dem besværet med at komme med og huske en, hvilket gør loginprocessen meget enklere.
Dette vil også give dig en måde at kontakte brugeren på, hvis det er nødvendigt, hvilket kan være meget nyttigt for din virksomhed:
1. Markedsføringsformål: Hvis du vil sende beskeder eller endda en kampagne.
2. Kundeservice og supportteam: Hvis du bemærker, at brugeren ikke interagerer med dit produkt, har du et andet kontaktpunkt til at kommunikere direkte med brugeren og forsøge at vinde ham tilbage.
Det er også vigtigt at give en nem adgangskodegendannelsesproces. Brugere vil uundgåeligt glemme deres adgangskoder eller få dem hacket, og du vil gøre det nemt for dem at gendanne deres konti. Du kan gøre dette ved at give brugerne mulighed for at nulstille deres adgangskoder via e-mail, give dem mulighed for at tilføje et backup-telefonnummer eller sikkerhedsspørgsmål eller give dem mulighed for at bruge en betroet konto.
Brugere kan administrere masser af data mere effektivt med en flertrinsformular. De kan koncentrere sig om en bestemt kategori af data ad gangen.
De fleste websteder kræver, at brugerne opretter en konto, før de bruger den. Når du designer din tilmeldingsformular, kan du opdele registreringsprocessen i forskellige trin for at gøre det lettere og mindre forvirrende for nye brugere.
Det kan være en god idé at opdele registreringsprocessen i tre trin:
Opdeling af registreringsprocessen vil gøre det lettere for nye brugere at tilmelde sig dit websted og forstå de forskellige involverede trin.
Glem ikke, at design af en flertrinsformular er afgørende for at gøre den brugervenlig for brugeren. Sørg for, at trinene har passende navne, at brugeren nemt kan hoppe mellem dem, og at brugeren kan se et resumé af dataene, før du sender formularen.
Dette vil også give brugeren en følelse af præstation, da vi kan lide at udføre opgaver og se, at vi kommer tættere på slutningen af noget.
Et eksempel på god praksis er en „tak“ -besked i slutningen af flowet, så brugeren føler, at hans indsats værdsættes.
En eksplicit Husk mig-indstilling gør det lettere for brugerne at udtrykke, om de ønsker, at webstedet skal huske legitimationsoplysningerne, når de vender tilbage. De kan fjerne markeringen i afkrydsningsfeltet, hvis de ikke ønsker, at webstedet skal huske deres e-mail-adresse, hvilket gør det lettere for en anden person at gætte deres adgangskode.
Der er to måder at gøre dette på:
I denne artikel har vi givet dig de bedste fremgangsmåder til design af en tilmeldings- og login-side. Men du skal altid være opmærksom på at passe til dine behov baseret på dit publikum og projektmål. Jo mere indsats du lægger på dine tilmeldings- og login-sider, jo mere sandsynligt vil brugerne føle sig motiverede til at tilmelde sig og logge ind.
Så du skal skabe en engagerende og tilgængelig oplevelse for dine brugere gennem hele deres onboarding-proces. Hvis de har problemer, skal du guide dem gennem processen. Nogle ting at huske på er at skabe en brugervenlig login- og tilmeldingsproces og være gennemsigtig om din tilmeldings- og loginproces.
Hvis du vil forbedre dit websteds tilmeldings- og login-oplevelser, kan du komme i kontakt med Imaginary Cloud.
Alexandra Mendes er Senior Growth Specialist hos Imaginary Cloud med 3+ års erfaring med at skrive om softwareudvikling, AI og digital transformation. Efter at have gennemført et frontend-udviklingskursus fik Alexandra nogle praktiske kodningsevner og arbejder nu tæt sammen med tekniske teams. Alexandra brænder for, hvordan nye teknologier former erhvervslivet og samfundet, og hun nyder at omdanne komplekse emner til klart og nyttigt indhold for beslutningstagere.
Ung UX/UI-designer brænder for detaljer og menneskelig adfærd, der elsker at lære noget nyt hver dag.
People who read this post, also found these interesting:
