Micro-inacties: kleine details op het web die een geweldige gebruikerservaring creëren

Heb je ooit op de knop op internet geklikt ... is het stil? Dat is een probleem!

Heb je je ooit zo gevoeld? U gaat op de knop drukken. "Bevestigingsbevestiging" de belangrijkste op de website. Maar eenmaal ingedrukt ... alles is "helemaal stil". Er is niets gebeurd. Het scherm beweegt niet. Geen meldingsbericht dat uw hart duizelig begint. "Eh ... heb ik er al aan gedrukt?" "Zal het geld worden gedupliceerd?" Of bij het invullen van het formulier. Onlangs een beetje verkeerd niets liet niets aan welke kanalen die opnieuw zijn gemist, het opnieuw realiseren, de informatie is volledig verdwenen! Deze gevoelens van frustratie, verwarring en onzekerheid. Is het probleem dat gebruikers daadwerkelijk elke dag op de website tegenkomen die aanvoelt als "dood" of "niet levendig" en het is een belangrijke factor die goede klanten van u maakt om terug te keren en rustig weg te lopen

‍

Waarom de meeste websites "Lordless" en kunnen niet communiceren?

Dit probleem ontstaat omdat de meeste webmensen (zowel ontwerpers als programmeurs) de neiging hebben zich te concentreren op "grote beelden". De webpagina -structuur moet bijvoorbeeld mooi zijn, de belangrijkste functie moet werken, de kleur van het merk moet correct zijn. Dit zijn allemaal erg belangrijk, maar ze hebben de neiging om "kleine details" onderweg over het hoofd te zien, ze denken dat de knop kleurverandering bij het drukken of het hebben van een kleine animatie bij het laden van de gegevens slechts een "decoratie" is die niet nodig is en tijd verspillen om te doen. Maar in werkelijkheid zijn deze details niet alleen mooie dingen. Het is de "lichaamstaal" van de website die rechtstreeks voor gebruikers wordt gebruikt. De "stille" website is alsof we praten met mensen die niet knikken als reactie, geen oogcontact maken of zonder enige reacties. Ten slotte weten we niet of hij naar ons luistert of niet. En dat is de reden waarom veel websites geen charme hebben en een lastige ervaring creëren zonder het te weten

‍

Laat de "stille" website doorgaan = laat de klanten elke dag "ontsnappen"

Een website hebben die "niet kan communiceren", serieuzer dan u denkt. Het is niet alleen een kwestie van schoonheid. Maar heeft direct invloed op uw bedrijf, stel je voor:

• De betrouwbaarheid is verminderd. HABB: Websites die geen feedback hebben, zorgen ervoor dat klanten zich onzeker en onveilig voelen. Vooral wanneer ze financiële transacties moeten doen, zullen ze het gevoel hebben dat deze website "er niet promotie uitziet" en een Scam -website kan zijn.
• Conversieratio down: wanneer de gebruiker niet zeker weet of zijn acties succesvol zijn of niet (zoals het aandragen van de ADD aan de auto), de kans die hij zal verlaten ook bekend als UX die klanten zeer hoog laat verdwijnen, zullen ze de website verlaten, hoewel dat bijna al winkelt
• De gebruiker is gefrustreerd en wil niet meer terugkomen: de slechte ervaring zal altijd in het hart worden begraven. Als uw website moeilijk te gebruiken en verwarrend is, hebben ze geen redenen om weer te komen om opnieuw te gebruiken. Als er concurrenten zijn die betere ervaringen bieden
• Beschadigd merkimago: de website is het gezicht van uw bedrijf. Als het geen aandacht lijkt te besteden aan de kleine details, weerspiegelt dit dat uw merk ook zo is. Dit vernietigt autoriteit en heeft gemakkelijk vertrouwen opgebouwd.

‍

De oplossing is "micro-internationaal". Het geheime wapen dat de website vult.

Al deze oplossing wordt "micro-internationaal" (micro-interactie) . Het gemakkelijkst spreken, het zijn "de kleine details of reacties die plaatsvinden wanneer de gebruiker iets op de website doet" om gebruikers te laten weten dat "ik al weet wat u doet". En "Dit is het resultaat." Het was een website die vroeger "stil" was in een slimme gesprekspartner.

Volgens de geaccepteerde principes van experts zoals Nielsen Norman Group, bestaat de samenstelling van micro-internationaal goed om uit 4 hoofdonderdelen te bestaan:

• 1. Trigger (stimulator): is de actie van gebruikers die interactie starten, zoals op de knop klikken, scrollbar scrollen, het scherm trekken om te vernieuwen
• 2. Regels (regels): is wat vastbesloten is dat wanneer de trigger gebeurt, "wat er zal gebeuren", zoals op de knop 'Like' drukken, de nummers zullen 1 toevoegen en het pictogram verandert in blauw.
• 3. Feedback (reactie): is wat de gebruiker "zie", "gehoord", of "voelen" dat de regels werken, zoals het zien van een animatiepictogram, een animatie heeft die naar buiten komt, de "ting" zachtjes horen of een beetje schudden.
• 4. Lusps & modi (voorwaarden en lus): is een extra regel die de interactieve zal veranderen in de tijd of herhaaldelijk gebruikt, zoals de knop 'Like' kan niet worden herhaald. Of als het opnieuw drukken is anders dan

Het beste begin is om te zoeken naar de belangrijkste punten op uw website, zoals de call-to-to -ation-knop, het betalingsproces. Of verschillende vormen en beginnen met het toevoegen van "leven" of deze kleine feedback. Inzicht in de psychologie achter het ontwerp zal u helpen om micro-inacties krachtiger te maken

‍

Voorbeelden van het echte ding: wanneer de saaie vorm een hulpmiddel wordt om indruk te maken

Ik wil graag een voorbeeld geven van een B2B -softwarebedrijf dat een groot probleem heeft ondervonden. Klanten komen veel naar de pagina "Verzoek een offerte", maar vullen het formulier heel weinig in. Het team ging inspecteren en ontdekte dat hun vorm zowel lang als saai is. Niets zei waar te vullen. Of welk kanaal is verkeerd

Wat te doen: ze besloten deze vorm ook te herzien. Micro-inacties

• Voordat het doet: het is een lange vorm. Meer dan 10 kanalen in één pagina zien er ontmoedigd uit.
• Na het doen: ze veranderden in meerstappenvorm, verdeeld in 3 korte stappen met voortgangsbalk (feedback), waardoor de gebruiker kan weten dat deze bijna is voltooid. Telkens wanneer u de juiste informatie invult, een klein groen merk een beetje trilt en een rode rand heeft. En berichten wissen (feedback) en wanneer de laatste stap de knop "Data" invult, verandert de raket in de lucht. Met het bericht "Best! Het team zal zich haasten om binnen 24 uur contact te maken."

Resultaten: pas het gewoon aan. Deze micro-inacties, vorm voltooiingspercentage, een toename van maximaal 60% en ontvingen ook lof van klanten dat "het de ervaring is om de beste vorm ooit in te vullen." Dit is een duidelijk voorbeeld dat de UX/UI goed is en om de details geeft. Hoe kan de persoon die op het punt staat het web bij een goede klant te laten?

‍

Wat wil je doen? Eenvoudige checklist voor uw website.

Lees hier, u wilt waarschijnlijk beginnen met het verbeteren van uw website, toch? Probeer deze eenvoudige checklist te gebruiken om onmiddellijk te beginnen:

1. Ontdek belangrijke interactiepunten: loop om uw website als klant te verkennen. En vermeld vervolgens waar de gebruikers iets moeten "doen", zoals de knop Toevoegen aan kar, inloggen, zoekvak, formulering van formulering, laadpagina
2. Maak "klik" betekenis: voor verschillende knoppen, probeer het zweefeffect toe te voegen (wijzig de kleur of een klein formaat bij het nemen van de muis naar punt) en actieve status (wijzig de kleur of instort een beetje bij het drukken) om de gebruiker te laten weten dat "deze knop kan worden ingedrukt" en "Ik druk er op."
3. Geef feedback bij het invullen van het formulier: het toevoegen van realtime gegevensverificatie, zoals op de groene markering bij het vullen van goedkoop en het rode frame met advies bij het invullen van de verkeerde manier wacht niet tot de gebruiker op "verzenden" drukt en zegt dan dat het verkeerd is.
4. Wijzig de saaie laadpagina om nuttig te zijn: in plaats van dat de gebruiker naar het witte scherm staart of rotte pictogrammen, probeer dan overstappen in skeletscherm (de omtrek van de te laden webpagina) of animatie gerelateerd aan uw merk. Om het gevoel van wachten te verminderen
5. Creëer een beetje geluk (heerlijke details): probeer een punt te vinden om een glimlach te maken, bijvoorbeeld wanneer gebruikers solliciteren om nieuws te ontvangen, kan er een schattige animatie zijn, of bij het slepen van het product op de mand, er is een "tung" zacht. Deze dingen helpen om emotionele relaties heel goed te creëren. Vooral in bedrijven die een hoge geloofwaardigheid nodig hebben, zoals website voor beleggers

Je hoeft dit allemaal niet tegelijk te doen. Kies gewoon 1-2 als belangrijk en begin het te doen. De tools zoals WebFlow hebben ook interactietools die u helpen deze dingen veel eenvoudiger te maken.

‍

Vragen die mensen de neiging hebben zich af te vragen (en het duidelijke antwoord)

V1: Voer animatie of micro-international in. Zullen deze websites vertragen?
A: Het is een heel goede vraag! Het antwoord is "Nee, indien correct gedaan." Micro-inacties gebruiken de meeste van hen CSS-overgangen/animaties of SVG-bestanden, die erg licht zijn en helemaal geen invloed hebben op de websnelheid. Wat moet worden vermeden, is om een groot GIF -bestand of een onnodig script te gebruiken. Websnelheid is altijd het hart.

V2: Het is gewoon een prachtig speeltje, nietwaar? Moet je het doen?
A: Nee! Zoals uitgelegd dat de belangrijkste functie "communicatie en feedback" is om de verwarring te verminderen, is het vertrouwen te vergroten en de gebruiker naar de doel schoonheid te begeleiden, is gewoon een plezier. Maar de werkelijke waarde is het creëren van uitstekende gebruikerservaring (UX) die een direct effect heeft op de conversieratio en de loyaliteit van de klant.

V3: Als er helemaal geen basis is voor het schrijven van code, kunt u deze dingen doen?
A: Natuurlijk! Momenteel heeft een modern platform voor het maken van websites, met name de WebFlow, een visuele interactieve en animatie -tool die u kunt klikken om geweldige resultaten te maken zonder een code te schrijven, zelfs één regel. Of als een resultaten boven de UX/UI Design Expert , is dit een snelkoppeling naar succes.

Q4: Moet beginnen met het toevoegen van micro-inacties. Waar is de beste eerste?
A: Begin met "Geldacties" of het belangrijkste punt voor uw bedrijf eerst, call-to-action (CTA) -knop (zoals toepassing, bestelling, contact) en informatie , omdat de verbetering van deze punten de bedrijfsresultaten duidelijk en zo snel mogelijk zal beïnvloeden.

‍

Samenvatting: Het is tijd om "leven" toe te voegen aan uw website. Verander het publiek vervolgens in een klant

Op dit moment geloof ik dat je hebt gezien dat micro-inacties niet alleen de "kleine details" zijn die kunnen worden gedaan of niet, maar het is de "sleutel" van de ervaring van indrukwekkende en verschillende gebruikers. Het is een brug die de webfunctie en de gevoelens van de gebruiker verbindt. Verander van ongemakkelijke relaties in een soepel en betrouwbaar gesprek.

Investering is effectief om aandacht aan deze details te besteden. Is om uw klanten te vertellen dat "wij om u geven." "We geven om je elke stap" en dit gevoel zal veranderen van alleen "bezoekers" in een "klant" en uiteindelijk "True Fan" van je merk geworden

Laat uw website niet gewoon een eenzame online brochure zijn. Probeer nu op te komen om uw website te verkennen en zoek een "klein punt" dat u "leven" kunt toevoegen. Het kan slechts één knop zijn en je zult zeker verrast zijn door de geweldige resultaten!

Wil Vision X Brain om je te helpen ook "je leven te vullen" naar de website. Micro-inacties die zowel mooi zijn als het creëren van zakelijke resultaten, toch? Raadpleeg onze experts gratis! We zijn klaar om uw website te wijzigen om een opmerkelijke ervaring te creëren totdat klanten moeten wow!

‍

‍