🔥 Pouze 5 minut pro změnu pohledu.

Mikro-inakce: Malé detaily na webu, který vytváří skvělý uživatelský zážitek

Tak dlouho, chcete číst?

Už jste někdy klikli na tlačítko na webu ... je to ticho? To je problém!

Cítili jste se někdy takto? Stisknete tlačítko. „Potvrzení potvrzení“ nejdůležitější na webu. Ale jakmile se stiskne ... všechno je „úplně tiché“. Nic se nestalo. Obrazovka se nepohybuje. Žádná zpráva o oznámení vaše srdce začne závratě. "Eh ... už jsem to stiskl?" "Budou peníze duplikovány?" Nebo při vyplňování formuláře. Neúmyslně trochu špatné nic nenaznačuje, které kanály, které byly zmeškané znovu uvědomily, jsou informace úplně pryč! Tyto pocity frustrace, zmatení a nejistoty. Je problém, s nímž se uživatelé skutečně setkávají každý den na webových stránkách, který se cítí jako „mrtvý“ nebo „ne živý“, a je to důležitý faktor, díky kterému se dobří zákazníci otočí zpět a tiše odejdou

Proč na většině webových stránek „Lordless“ a nemohou komunikovat

Tento problém vyvstává, protože většina lidí (návrhářů i programátorů) má tendenci se zaměřit na „velké obrázky“. Například struktura webové stránky musí být krásná, hlavní funkce musí fungovat, barva značky musí být správná. Všechny jsou velmi důležité, ale mají tendenci přehlížet „malé detaily“ na cestě, myslí si, že tlačítko změny barvy při stisknutí nebo malou animaci při načítání dat je pouze „dekorace“, která není nutná a ztrácí čas. Ve skutečnosti však tyto detaily nejsou jen krásné věci. Je to „řeč těla“ webu, který používá přímo uživatelům. „Klidný“ web je, jako bychom mluvili s lidmi, kteří v reakci nepřikývli, nečiní oční kontakt nebo bez jakýchkoli reakcí. Nakonec nevíme, jestli nás poslouchá nebo ne. A to je důvod, proč mnoho webových stránek postrádá kouzlo a vytváří nepříjemný zážitek bez vědění

Nechte „tichý“ web pokračovat = nechte zákazníky „uniknout“ každý den

Mít web, který „nemůže komunikovat“, vážnější, než si myslíte. Není to jen otázka krásy. Ale přímo ovlivňuje vaše podnikání představit si:

  • Spolehlivost je snížena. HABB: Webové stránky, které nemají žádnou zpětnou vazbu, způsobují, že se zákazníci cítí nejistí a nebezpeční. Obzvláště při nutnosti provádět finanční transakce budou mít pocit, že tento web „nevypadá propagaci“ a může to být podvodná webová stránka.
  • Míra převodu dolů: Pokud si uživatel není jistý, zda jsou jejich akce úspěšné nebo ne (například stisknutí přidání do auta), příležitost, kterou opustí, také známý jako UX, díky kterému zákazníci zmizí velmi vysoko, opustí web, i když je to téměř již nakupování
  • Uživatel je frustrovaný a nechce se znovu vrátit: Špatná zkušenost bude vždy pohřbena v srdci. Pokud je váš web obtížné použít a matoucí, nemají důvod, proč se znovu vrátit. Když existují konkurenti, kteří poskytují lepší zážitky
  • Poškozený image značky: Web je tvář vaší společnosti. Pokud se nezdá, že by věnoval pozornost malým detailům, odráží to, že vaše značka může být také taková. To ničí autoritu a snadno nashromáždilo důvěru.

Řešením je „mikro-mezinárodní“. Tajná zbraň, která vyplňuje web.

Celé toto řešení se nazývá „mikro-internační“ (mikrointerkce) . Nejjednodušší je to „malé detaily nebo reakce, které se vyskytují, když uživatel na webu něco udělá“, aby uživatelům věděl, že „už vím, co děláte“. A „Toto je výsledek.“ Byl to web, který býval „být tichý“ do partnera pro inteligentní konverzace.

Podle přijatých principů odborníků, jako je Nielsen Norman Group, se složení mikro-mezinárodního dobra skládá ze 4 hlavních částí:

  • 1. Trigger (Stimulator): je akce uživatelů, kteří začínají interakci, jako je kliknutí na tlačítko, posouvání posouvání, tahání obrazovky a obnovení
  • 2. Pravidla (pravidla): je to, co určilo, že když se spoušť stane, „co se stane dál“, například stisknutí tlačítka „jako“, čísla přidají 1 a ikona se změní na modrou.
  • 3. Zpětná vazba (odpověď): je to, co uživatel „viz“, „slyšel“, nebo „pocit“, že pravidla fungují, jako je vidět ikonu animace, má animaci, která vychází, slyší „ting“ tiše nebo se cítí trochu třesení.
  • 4. Loopps & Režimy (podmínky a smyčka): je další pravidlo, které se interaktivní se v průběhu času mění nebo opakovaně, jako je tlačítko „jako“ nelze opakovat. Nebo pokud stisknutí znovu bude na rozdíl od

Nejlepším zahájením je hledat nejdůležitější body na vašem webu, jako je tlačítko Call-to-Fuction, proces platby. Nebo různé formy a začněte přidávat „život“ nebo tyto malé zpětné vazby. Porozumění psychologii za designem vám pomůže vytvořit silnější mikro-inakce

Příklady ze skutečné věci: Když se nudná forma stane nástrojem, který zapůsobí

Chtěl bych uvést příklad softwarové společnosti B2B, která narazila na velký problém. Zákazníci přicházejí na stránku „Požádat o nabídku“ hodně, ale vyplňte formulář velmi málo. Tým šel zkontrolovat a zjistil, že jejich podoba je dlouhá a nudná. Nic neřeklo, kde se vyplnit. Nebo který kanál je špatný

Co dělat: Rozhodli se také přepracovat tuto formu. Mikro-inakce

  • Předtím: Je to dlouhá forma. Vypadá více než 10 kanálů na jedné stránce.
  • Po provedení: Změnili se na vícestupňový formulář, rozděleni do 3 krátkých kroků se progresivního panelu (zpětná vazba), což uživateli umožňuje vědět, že je téměř dokončen. Pokaždé, když vyplníte správné informace, malá zelená značka trochu vibruje a bude mít červenou hranu. A vymazat zprávy (zpětná vazba) a když vyplní poslední krok, tlačítko „Data“ se změní na raketu na oblohu. Se zprávou „Nejlepší! Tým bude spěchat, aby kontaktoval do 24 hodin.“

Výsledky: Stačí to upravit. Tyto mikro-inakce, míra dokončení formuláře, zvýšení až o 60% a také obdržela chválu od zákazníků, že „je to zkušenost s vyplňováním nejlepší formy vůbec“. Toto je jasný příklad, že UX/UI je dobrý a stará se o detaily. Jak může osoba, která se chystá opustit web, v dobrého zákazníka?

Co chcete dělat? Jednoduchý kontrolní seznam pro váš web.

Přečtěte si zde, pravděpodobně chcete začít zlepšovat svůj web, že? Zkuste použít tento jednoduchý kontrolní seznam a okamžitě začít:

  1. Prozkoumejte klíčové body interakce: Procházka a prozkoumejte svůj web jako zákazníka. A poté vyjmenujte, kde uživatelé musí „dělat“ něco, například tlačítko přidat do košíku, tlačítko přihlášení, vyhledávací pole, formulační formulář, načtení stránky
  2. Proveďte „kliknutí“ Význam: Pro různá tlačítka zkuste přidat efekt vznášejícího se (změňte barvu nebo malou velikost při převzetí myši k bodu) a aktivní stav (při stisknutí trochu změňte barvu nebo kolaps, abyste uživateli věděli, že „toto tlačítko lze stisknout“ a „Stisknu ji“. “
  3. Poskytněte zpětnou vazbu při vyplňování formuláře: přidání ověření dat v reálném čase, například na zelené značce při plnění levné a nahoru s červeným rámečkem radou při plnění nesprávného způsobu nečekejte, až uživatel stiskne „Odeslat“ a pak řekněte, že je špatně.
  4. Změňte stránku nudné načítání tak, aby byla užitečná: místo toho, aby uživatel zíral na bílou obrazovku nebo shnilé ikony, zkuste přejít na obrazovku Skeleton (obrys webové stránky, která má být načtena) nebo animaci související s vaší značkou. Snížit pocit čekání
  5. Vytvořte trochu štěstí (nádherné detaily): Pokuste se najít bod, abyste vytvořili úsměv, například když uživatelé žádají o přijímání novinek, může dojít k roztomilé animaci nebo při přetažení produktu na košíku je „tung“ měkký. Tyto věci pomáhají velmi dobře vytvářet emocionální vztahy. Zejména v podnicích, které vyžadují vysokou důvěryhodnost, jako je web pro investory

Nemusíte to všechno dělat najednou. Stačí zvolit 1-2 jako důležitou a začněte to dělat. Nástroje, jako je WebFlow, mají také nástroje interakce , které vám pomohou vytvořit tyto věci mnohem snadněji.

Otázky, které lidé mají tendenci přemýšlet (a jasná odpověď)

Q1: Zadejte animaci nebo mikro-internacionální zpomalí tyto webové stránky?
A: Je to velmi dobrá otázka! Odpověď zní „Ne, pokud se to provede správně“. Mikro-inakce Většina z nich používá přechody/animace CSS nebo soubory SVG, které jsou velmi lehké a vůbec neovlivňují rychlost webu. Je třeba se vyhnout použití velkého souboru GIF nebo zbytečného skriptu. Rychlost webu je vždy srdcem.

Q2: Je to jen krásná hračka, že? Musíte to udělat?
A: Ne! Jak je vysvětleno, že jeho hlavní funkcí je „komunikace a zpětná vazba“, aby se snížila zmatek, zvyšuje důvěru a vede uživatele k kráse cíle je jen potěšením. Jeho skutečnou hodnotou je však vytvořit vynikající uživatelský zážitek (UX), který má přímý vliv na míru konverze a loajalitu zákazníků.

Q3: Pokud vůbec neexistuje základ pro psaní kódu, můžete tyto věci udělat?
A: Samozřejmě! V současné době má moderní platforma pro vytváření webových stránek, zejména WebFlow, vizuální interaktivní a animační nástroj, na který můžete kliknout a vytvořit úžasné výsledky, aniž byste museli psát kód, dokonce jeden řádek. Nebo pokud chcete výsledky nad pro design UX/UI , je to zkratka úspěchu.

Q4: Měl by začít přidávat mikroinakce. Kde je nejlepší první?
Odpověď: Začněte nejprve „akcí vydělávání peněz“ nebo nejdůležitějším bodem pro vaši firmu, tlačítkem výzvy k akci (CTA) (jako je použití, objednávka, kontakt) a informací , protože zlepšení těchto bodů ovlivní výsledky obchodních výsledků jasně a co nejrychleji.

Shrnutí: Je čas přidat na váš web „život“. Poté změňte publikum na zákazníka

V tomto okamžiku se domnívám, že jste viděli, že mikro-inakce nejsou jen „malé detaily“, které lze udělat nebo ne, ale je to „klíč“ zážitku působivých a různých uživatelů. Je to most, který spojuje funkci webu a pocity uživatele. Změňte z nepříjemných vztahů na hladkou a důvěryhodnou konverzaci.

Investice jsou účinné při věnování pozornosti těmto údajům. Je říct svým zákazníkům, že „na vás se staráme“. „Záleží nám na vašem každém kroku“ a tento pocit se změní z spravedlivých „návštěvníků“ na „zákazníka“ a nakonec se stal „skutečným fanouškem“ vaší značky

Nedovolte, aby váš web byl jen osamělou online brožurou. Pokuste se nyní vstát a prozkoumat svůj web a najít „malý bod“, který k němu můžete přidat „život“. to být jen jedno tlačítko a určitě budete překvapeni skvělými výsledky!

Chtěli Vision X Brain, aby vám pomohl „naplnit váš život“ na web. Mikro-inakce, které jsou krásné a vytvářejí obchodní výsledky, že? Zdarma se poraďte s našimi odborníky! Jsme připraveni změnit váš web a vytvořit pozoruhodný zážitek, dokud se zákazníci nebudou muset WOW!

podíl

Nedávný blog

Porovnejte trhy Shopify Vs. Multingual Apps: Co si vybrat pro export elektronického obchodování?

Chcete prodat po celém světě? Porovnejte výhody disAdvanty během používání trhů Shopify a aplikací pro překlad jazyků. (Mullingual Apps) pro výběr systému, který je nejvhodnější pro váš obchod.

SEO Strategie pro webové stránky pro půjčovnu (stroje, nemovitosti, vybavení)

Přidejte zákazníky k pronájmu se SEO! V -DEPTH, SEO strategie pro půjčovny podniků, zejména z místního SEO na stránku produktu.

Vytvořte automatizovanou zprávu s datovým studiem N8N + Google: Ušetřete 10 hodin marketingového času/týden.

Přestaňte plýtvat časem, aby se hlásila! Naučte se, jak se připojit k N8N s Google Looker Studio (Data Studio) a vytvořit palubní desku a automatický marketing.