🔥 Bare 5 minutter for at ændre visningen.

Mikroinaktioner: Små detaljer på nettet, der skaber en god brugeroplevelse

Så længe, ​​vil du læse?

Har du nogensinde klikket på knappen på nettet ... er det stille? Det er et problem!

Har du nogensinde følt dig sådan? Du skal trykke på knappen. "Bekræftelsesbekræftelse" den vigtigste på webstedet. Men når den først er presset ... er alt "helt stille". Intet skete. Skærmen bevæger sig ikke. Ingen meddelelsesmeddelelse dit hjerte starter svimmel. "Eh ... har jeg presset det endnu?" "Vil pengene duplikeres?" Eller når du udfylder formularen. Uforvarende lidt forkert antyder intet, hvilke kanaler, der er gået glip af at realisere igen, oplysningerne er helt væk! Disse følelser af frustration, forvirring og usikkerhed. Er det problem, som brugerne faktisk støder på hver dag på hjemmesiden, der føles som "død" eller "ikke livlig", og det er en vigtig faktor, der får gode kunder til at vende tilbage og gå roligt væk

Hvorfor "Lordless" og kan ikke kommunikere

Dette problem opstår, fordi de fleste webfolk (både designere og programmerere) har en tendens til at fokusere på "store billeder". F.eks. Skal websidestrukturen være smuk, den vigtigste funktion skal fungere, farven på mærket skal være korrekt. Alle er meget vigtige, men de har en tendens til at overse "små detaljer" på vej, de tror, at knappen farveændring, når man trykker eller har en lille animation, når de indlæser dataene, bare er en "dekoration", der ikke er nødvendig og spilder tid til at gøre. Men i virkeligheden er disse detaljer ikke kun smukke ting. Det er det "kropssprog" på det websted, der bruger direkte til brugere. "Stille" webstedet er som om vi taler med folk, der ikke nikker som svar, ikke skaber øjenkontakt eller uden reaktioner. Endelig ved vi ikke, om han lytter til os eller ej. Og det er grunden til, at mange websteder mangler charme og skaber akavet oplevelse uden at vide

Lad webstedet "stille" fortsætte = lad kunderne "undslippe" hver dag

At have et websted, der "kan ikke kommunikere", mere seriøst end du tror. Det er ikke kun et spørgsmål om skønhed. Men påvirker direkte din virksomhed forestil dig:

  • Pålideligheden reduceres. HABB: Websteder, der ikke har nogen feedback, får kunderne til at føle sig usikre og usikre. Især når de skal foretage økonomiske transaktioner, vil de føle, at dette websted "ikke ser promovering" og kan være et fidus -websted.
  • Konverteringsfrekvens ned: Når brugeren ikke er sikker på, om deres handlinger er succesrige eller ej (såsom at trykke på tilføjelsen til bil), vil muligheden for at han vil opgive, også kendt som UX, der får kunderne til at forsvinde meget, de vil forlade webstedet, selvom det næsten allerede er shopping
  • Brugeren er frustreret og ønsker ikke at vende tilbage igen: Den dårlige oplevelse vil altid blive begravet i hjertet. Hvis dit websted er vanskeligt at bruge og forvirre, har de ingen grunde til at vende tilbage til brug igen. Når der er konkurrenter, der giver bedre oplevelser
  • Beskadiget brand image: Hjemmesiden er din virksomheds ansigt. Hvis det ikke ser ud til at være opmærksom på de små detaljer, afspejler det, at dit brand også kan være sådan. Dette ødelægger autoritet og akkumulerede let selvtillid.

Løsningen er "mikro-international". Det hemmelige våben, der fylder webstedet.

Al denne løsning kaldes "mikro-internationalt" (mikrointerction) . Når vi taler den nemmeste, er det "de små detaljer eller reaktioner, der opstår, når brugeren gør noget på webstedet" for at lade brugerne vide, at "jeg allerede ved, hvad du laver." Og "Dette er resultatet." Det var et websted, der plejede at "være stille" til en smart samtalepartner.

I henhold til de accepterede principper for eksperter som Nielsen Norman Group er sammensætningen af mikro-internationalt godt at bestå af 4 hoveddele:

  • 1. trigger (stimulator): er handlingen fra brugere, der starter interaktion, såsom at klikke på knappen, rulle rullebjælke, trække skærmen for at opdatere
  • 2. regler (regler): er det, der bestemte, at når udløseren sker, "hvad der vil ske næste", såsom at trykke på knappen 'lignende', vil tallene tilføje 1, og ikonet ændres til blåt.
  • 3. feedback (svar): Er det, brugeren "se", "hørt" eller "føle", at reglerne fungerer, såsom at se et animationsikon, har en animation, der kommer ud, hører "ting" blødt eller føler lidt ryste.
  • 4. loopps & tilstande (betingelser og loop): er en ekstra regel, som den interaktive vil ændre over tid eller gentagne gange brugt, såsom 'som' -knappen kan ikke gentages. Eller hvis du trykker på igen, vil det være i modsætning til

Den bedste start er at se efter de vigtigste punkter på dit websted, såsom knappen Opkald til funktion, betalingsprocessen. Eller forskellige former og begynder at tilføje "liv" eller disse små feedback. At forstå psykologien bag designet vil hjælpe dig med at skabe mikroinaktioner mere kraftfulde

Eksempler fra den rigtige ting: Når den kedelige form bliver et værktøj til at imponere

Jeg vil gerne give et eksempel på et B2B -softwarefirma, der har stødt på et stort problem. Kunder kommer til siden "Anmod om et tilbud" meget, men udfyld formularen meget lidt. Holdet gik for at inspicere og fandt, at deres form er både lang og kedelig. Intet sagde, hvor man skal udfylde. Eller hvilken kanal er forkert

Hvad de skulle gøre: De besluttede også at gennemgå denne formular. Mikroinaktioner

  • Før du gør: Det er en lang form. Mere end 10 kanaler på en side ser modløs ud.
  • Efter at have gjort: de ændrede sig til multi-trin-form, opdelt i 3 korte trin med overgangsstang (feedback), så brugeren kan vide, at den næsten er færdig. Hver gang du udfylder de korrekte oplysninger, et lille grønt mærke vibrerer lidt og har en rød kant. Og klare meddelelser (feedback), og når udfyldningen af det sidste trin, ændres "data" -knappen til raketten til himlen. Med beskeden "Bedste! Holdet skynder sig at kontakte inden for 24 timer."

Resultater: Juster det bare. Disse mikroinaktioner, formularafslutningsgrad, en stigning på op til 60% og modtog også ros fra kunderne om, at "det er oplevelsen af at udfylde den bedste form nogensinde." Dette er et klart eksempel på, at UX/UI er god og bekymrer sig om detaljerne. Hvordan kan den person, der er ved at forlade internettet til en god kunde?

Hvad vil du gøre? Enkel tjekliste til dit websted.

Læs her, du vil sandsynligvis begynde at forbedre dit websted, ikke? Prøv at bruge denne enkle tjekliste til at starte med det samme:

  1. Udforsk nøgleinteraktionspunkter: Gå for at udforske dit websted som kunde. Og angiv derefter, hvor brugerne skal "gøre" noget, f.eks
  2. Lav "Klik" Betydning: For forskellige knapper skal du prøve at tilføje hovereffekt (skift farve eller lidt størrelse, når du tager musen til punktet) og aktiv tilstand (skift farve eller kollaps lidt, når du trykker) for at lade brugeren vide, at "denne knap kan presses" og "Jeg trykker på den."
  3. Giv feedback, når du udfylder formularen: Tilføjelse af realtidsdata-verifikation, f.eks. På det grønne mærke, når du udfylder billig og op den røde ramme med rådgivning, når du udfylder den forkerte måde, skal du ikke vente på, at brugeren trykker på "Send" og siger derefter, at det er forkert.
  4. Skift side af kedelig indlæsning for at være nyttig: I stedet for at brugeren stirrer på den hvide skærm eller rådne ikoner, prøv at skifte til skeletskærmen (konturen af websiden, der skal indlæses) eller animation relateret til dit brand. At reducere følelsen af at vente
  5. Opret lidt lykke (dejlige detaljer): Prøv at finde et punkt for at skabe et smil, for eksempel, når brugerne ansøger om at modtage nyheder, kan der være en sød animation, eller når du trækker produktet på kurven, er der en "Tung" blød. Disse ting hjælper med at skabe følelsesmæssige forhold meget godt. Især i virksomheder, der har brug for stor troværdighed som websted for investorer

Du behøver ikke at gøre alt dette på én gang. Vælg bare 1-2 som vigtig og begynd at gøre det. Værktøjerne som WebFlow har også et interaktionsværktøj , der hjælper dig med at skabe disse ting meget lettere.

Spørgsmål, som folk har en tendens til at undre sig (og det klare svar)

Spørgsmål 1: Indtast animation eller mikro-internationale vil disse websteder bremse?
A: Det er et meget godt spørgsmål! Svaret er "nej, hvis det gøres korrekt." Mikroinaktioner De fleste af dem bruger CSS-overgange/animationer eller SVG-filer, som er meget lette og ikke påvirker webhastigheden overhovedet. Hvad der skal undgås er at bruge en stor GIF -fil eller et unødvendigt script. Webhastighed er altid hjertet.

Spørgsmål 2: Det er bare et smukt legetøj, er det ikke? Har du brug for at gøre det?
A: Nej! Som forklaret, at dens vigtigste funktion er "kommunikation og feedback" for at reducere forvirring øger tilliden og guider brugeren til målskønheden er bare en fornøjelse. Men dens sande værdi er at skabe fremragende brugeroplevelse (UX), der har en direkte effekt på konverteringsfrekvensen og kundeloyaliteten.

Q3: Hvis der overhovedet ikke er noget grundlag for at skrive kode, kan du gøre disse ting?
A: Selvfølgelig! I øjeblikket har en moderne webstedsoprettelsesplatform, især WebFlow, et visuelt interaktivt og animationsværktøj, som du kan klikke for at oprette fantastiske resultater uden at skulle skrive en kode, endda en linje. Eller hvis det ønsker et resultat over UX/UI -designekspertkonsulenten , er det en genvej til succes.

Q4: Bør begynde at tilføje mikroinaktioner. Hvor er den bedste først?
A: Start med "Money-Making Actions" eller det vigtigste punkt for din virksomhed først, call-to-action (CTA) -knap (såsom anvendelse, ordre, kontakt) og information , fordi forbedringen af disse punkter vil påvirke forretningsresultaterne klart og så hurtigt som muligt.

Resumé: Det er tid til at tilføje "liv" til dit websted. Skift derefter publikum til en kunde

På dette tidspunkt tror jeg, at du har set, at mikroinaktioner ikke kun er de "små detaljer", der kan gøres eller ej, men det er "nøglen" for oplevelsen af imponerende og forskellige brugere. Det er en bro, der forbinder webfunktionen og brugerens følelser. Skift fra ubehagelige forhold til en glat og pålidelig samtale.

Investering er effektiv til at være opmærksom på disse detaljer. Er at fortælle dine kunder, at "vi holder af dig." "Vi er interesseret i dit hvert trin", og denne følelse vil ændre sig fra bare "besøgende" til en "kunde" og blev endelig "ægte fan" af dit brand

Lad ikke dit websted være bare en ensom online brochure. Prøv at stå op for at udforske dit websted nu og finde et "lille punkt", som du kan tilføje "liv" til det. Det kan være kun en knap, og du vil bestemt blive overrasket over de store resultater!

Ønsker Vision X -hjerne, der hjælper dig med at "fylde dit liv" til webstedet også. Mikroinaktioner, der er både smuk og skaber forretningsresultater, ikke? Konsulter vores eksperter gratis! Vi er klar til at ændre dit websted for at skabe en bemærkelsesværdig oplevelse, indtil kunderne skal wow!

dele

Seneste blog

Google EEAT til IR -webstedet: Sådan oprettes et pålideligt signal for investorer at være selvsikker.

Eat er ikke kun SEO! I -dybtgående hvordan man bygger og viser tegn på erfaring, ekspertise, autoritet og pålidelighed på IR -webstedet for at vinde investorer.

Opret "Digital Show" til industrielle virksomheder: Præsentation af produkter, komplicerede, lette at forstå og værd at købe.

Skift det kedelige websted til et digitalt showroom! UX/UI -designteknikker og brug interaktivt indhold til at præsentere et interessant industrielt produkt og stimulere kontakt.

Logfilanalyse for Internettet. Virksomhed: Søg efter SEO på Google -søgekonsollen.

Dyk ned i essensen! Lær hvordan du analyserer logfilen på serveren for at forstå GoogleBots opførsel, opdage gennemgangen og SEO -mulighederne, som konkurrenter overser.