Emotioneel ontwerp: hoe een web voor gebruikers te ontwerpen, voelt goed.

Mooie website ... maar waarom zijn mensen niet gebonden? Het probleem dat de ontwerper en de eigenaar van het web daadwerkelijk zijn aangetroffen

Heb je je ooit zo gevoeld? U besteedde zowel geld als tijd om een prachtige website te maken. Volledige functie Het ontwerp is ook modern. Maar het resultaat was teleurstellend ... het aantal gebruikers neemt niet toe. De snelheid van hergebruik is klein. Klanten komen binnen en gaan rustig. Zoals gewoon langskomen om hallo te zeggen en dan doorgegeven aan dit probleem is niet alleen voor jou. Maar het is een waargebeurd verhaal waar veel webmensen voor staan dat we de neiging hebben geobsedeerd te zijn door "esthetiek" en "bruikbaarheid" totdat de belangrijkste dimensie de "emotie) van gebruikers is. De" hart "-website is niet anders dan de robot die werkt zoals besteld. Maar helemaal geen indrukken of obligaties maken

-[Snel]-

Prompt voor illustraties: de vergelijkingsafbeelding tussen de website A ziet er mooi uit maar levendig met de website B, die een eenvoudiger ontwerp heeft, maar er zijn elementen die de gebruiker laten glimlachen (zoals een schattige mascotte of een vriendelijke wensbericht) met de grafiek die de verloving a, de stabiele en de b -website toont.

-[/Snel]-

Waarom is onze website "zonder hart"? De wortels doorboren die over het hoofd worden gezien

Dit probleem ontstaat omdat we de neiging hebben om het webontwerp als alleen "logisch en redeneren" te beschouwen. We maken de kortste gebruikersstroom, plaatsen de knop om het meest eenvoudig te vinden te vinden, gebruik de meest contrastkleuren. Maar alles is de enige logische reactie (logica) die we zijn vergeten dat mensen de meeste herinneringen hebben besloten en creëerden met "emoties". Volgens Don Norman Principles heeft de pionier van gebruikerservaring in het beroemde emotionele ontwerpboek dat er 3 niveaus van menselijke perceptie zijn: visceraal (instincten), gedrag (gedrag) en reflecterend. Gedrags is "gemakkelijk te gebruiken", maar het examen faalt naar het viscerale niveau dat "mooi op het eerste gezicht" moet zijn en het reflectieniveau dat "goede herinneringen en betekenis" voor gebruikers moet creëren die we concentreren op de functie maar geen emotionele verbinding missen. Is als het bouwen van een sterk huis, maar niemand wil blijven omdat het niet het gevoel van het woord "huis" geeft. De onwetendheid van de emoties van de gebruiker is de oorzaak van het probleem dat onze website alleen "tools" maakt, maar niet "vrienden" waar gebruikers aan denken

-[Snel]-

Prompt voor illustraties: eenvoudige infographicbeelden Het menselijk brein is verdeeld in 2 delen: "Logica" (met een versnellingsbakpictogram, grafiek) en "Emotie" (met hartvormige pictogrammen, sterren, glimlachen) met de pijlen die de meeste ontwerpen richten op de logica, maar de pijl die punt tot emotie is leeg.

-[/Snel]-

Laat de website verder "drogen" ... meer pijnlijke resultaten dan verwacht

Als we onze website blijven laten zijn gewoon een prachtig maar blootgesteld gebied, waren de gevolgen ernstiger dan alleen "de verkoop is niet bang", maar het is een langetermijncorrosiemerk. Voorstellen:

• Merkloyaliteit is nul: als er geen emotionele bond is, hebben klanten geen reden om loyaal te zijn aan uw merk. Hij is klaar om over te schakelen naar een concurrent zodra er een beetje beter voorstel is.
• Niet verder (mond-tot-mondreclame): mensen zullen delen of vertellen waardoor ze zich "wow", "indrukwekkend" of "leuk" voelen. De website die gewoon "kan worden gebruikt" zal helemaal niet worden herinnerd of vermeld.
• Verdwijn in de zee van concurrenten: in een tijdperk dat iedereen een mooie website "gevoel" kan maken, is iets dat echte verschillen creëert. Als uw website niet emotioneel is, ziet deze er niet anders uit dan andere websites. Miljoenen op de markt
• Verlies van kansen voor het creëren van gemeenschap: het gemeenschappelijke gevoel is de basis van gemeenschapsopbouw. Harteloze websites kunnen geen fanbase bouwen die klaar is om uw merk te ondersteunen en te beschermen.

Het negeren van emotioneel ontwerp is alsof je probeert water toe te voegen aan het lek. Je kunt misschien veel marketingbudgetten krijgen om mensen aan te trekken. Maar uiteindelijk zullen ze volledig uitstromen omdat je website "hun gevoelens" niet goed kan houden ". Inzicht in de impact van de organisatiewebsite op het merk zal u helpen het beeld duidelijker te zien waarom deze kwestie uiterst belangrijk is

-[Snel]-

Prompt voor illustraties: voor/na vergelijkende afbeeldingen. De eerste kant is een watertank met veel gaten. Het water stroomde bijna volledig. (Het is als een klant die is overleden). De nazijde is een watertank die is gelekt met hartvormige pictogrammen. En heeft een volle tank (zoals klanten die nog steeds bij het merk zijn)

-[/Snel]-

Maak je hart wakker voor je website! Beginnend bij 3 niveaus van emotioneel ontwerp

Het goede nieuws is ... we kunnen ons hart wakker maken om onze website levendig te zijn! En het beste uitgangspunt is het begrijpen en toepassen van de 3 niveaus van het emotionele ontwerp van Don Norman bij Interaction Design Foundation. Laten we eens kijken wat elk niveau is en waar we kunnen beginnen:

• Niveau 1: Visceraal ontwerp (het ontwerp dat van invloed is op instincten): dit is "Love First". Het is de eerste indruk die in een seconde plaatsvond. De gebruiker zal onmiddellijk beoordelen dat "likes" of "niet leuk vinden" zonder zelfs maar na te denken. Het is het verhaal van "look en feel".
  Vanaf hier: Focus met de kwaliteit van de illustratie, het gebruik van de kleur die de emoties van het merk, prachtige typografie, gemakkelijk te lezen, schone en aantrekkelijke lay -out overbrengt.
• Niveau 2: Behavirar Design (ontwerp dat op gedrag reageert): wanneer de gebruiker begint met het "gebruik" van uw website, zal het gevoel veranderen in het "gemak" en "efficiëntie", maakt uw website zijn leven gemakkelijker? Gebruikte en voelde zich slim en in staat om iets te bereiken zoals u wilt?
  Vanaf hier: de website het gemakkelijkst te gebruiken (gebruiksvatbaarheid) maken, complexe procedures verminderen, waardoor de acties van elke gebruiker een duidelijk antwoord kunnen hebben (feedback), zoals het gebruik van mooie micro -interessen
• Niveau 3: Reflecterend ontwerp (het ontwerp dat een reflectie creëert): dit is de hoogste en krachtigste. Het is het gevoel. "Na" Welke gebruiker is van uw website gebruikt? Geeft het hem een goed gevoel over zichzelf? Is het gekoppeld aan de identiteit of de waarde die hij heeft? Het is het creëren van "verhalen" en "betekenis".
  Begin vanaf hier: maak een merk dat de moeite waard is om te volgen, met behulp van UX Writing dat begrip toont (zoals een vriendelijk foutbericht), het creëren van een gevoel van merken en het geven van "waarde" die meer is dan alleen het product of de dienst.

Het perfecte ontwerp is om alle 3 niveaus samen te combineren. Om ervaringen te creëren die niet alleen "bevredigend" zijn, maar het is een gedenkwaardig ". Als u experts nodig hebt om strategieën in dit gedeelte te helpen plaatsen, UX/UI -ontwerpdienst klaar om advies te geven.

-[Snel]-

Prompt voor illustraties: 3 lagen piramide piramide, de onderste verdieping is "visceraal" (oogvormige pictogram), de middelste laag is "gedrags" (handvormig pictogram, gebruik) en de bovenste verdieping is "reflecterend" (het hersenvormige pictogram, de betekenis/verhaal) met korte uitleg in elke laag.

-[/Snel]-

Echte gevallen van MailChimp: When "Monkey" creëert banden van wereldklasse

Als het gaat over het voorbeeld van een bedrijf dat emotioneel ontwerp gebruikt, wordt het een legende van "MailChimp". Het moet eerst zijn. MailChimp is een platform voor e -mailmarketing, een "saaie" en "volledige techniek, maar ze kunnen het" leuk "en" vriendelijk maken.

Startprobleem: e -mailcampagne is stressvol en bezorgd voor marketeers. Je moet het controleren en opnieuw controleren. Bang om fouten te sturen en te hopen dat de resultaten goed zullen verschijnen

Hoe u kunt oplossen met emotioneel ontwerp: MailChimp begrijpt dit gevoel goed. En ze ontwierpen de ervaring op alle niveaus om stress in geluk te veranderen:

• Visceraal: ze gebruiken mascotte apen genaamd "Freddie" met schattige en speelse personages, unieke stijl en vriendelijke taal. Geeft het een goed gevoel
• Gedrag: hun platform staat bekend als zeer gemakkelijk te gebruiken. De stappen zijn duidelijk, niet ingewikkeld. Laat de gebruiker het gevoel hebben dat "kan doen" en "controle" alles
• Reflecterend: de meeste piek is "na" dat u al een e -mailcampagne hebt verzonden. In plaats van een saai scherm te vinden, toont MailChimp de animatie van de Freddie Monkey die "hi-five" met u is met een bericht om dit kleine ding aan te moedigen om enorme emotionele gevolgen te creëren. Het verandert de meest stressvolle momenten in een tijd van "feest" en "goede gevoelens". Veel gebruikers maken zelfs foto's van dit scherm om op sociale media te delen met goede gevoelens.

Resultaten: Investering in emotioneel ontwerp maakt MailChimp niet alleen een "tool", maar wordt een "partnervriend" van de wereldwijde marketeers. Tot het groeien tot miljarden dollars is dit de kracht van design die echt het "hart" van de gebruiker begrijpt.

-[Snel]-

Prompt voor illustraties: MailChimp -schermmodel met Freddie Mascoting Freddie is leuk om te acteren (zoals hoge -vijf) nadat sommige gebruikers hebben gewerkt. Met een grafiek die de tevredenheid van de klant toont (klanttevredenheid)

-[/Snel]-

Checklist kan onmiddellijk worden gebruikt! Maak uw website wakker om in 3 stappen te wonen.

Zou graag willen proberen emotioneel ontwerp toe te passen op uw website, maar weet u niet hoe u moet beginnen? Maak je geen zorgen! Probeer deze eenvoudige checklist te gebruiken. Kan worden verdeeld in 3 niveaus, zodat u het onmiddellijk kunt doen.

Stap 1: Wijzig "Visceraal niveau"

• [] Afbeeldingen van hoge kwaliteit: alle afbeeldingen op de website zijn duidelijk, mooi en communiceren de emoties van het merk?
• [] Palet, de juiste kleur: de kleur die op internet wordt gebruikt, is consistent met de persoonlijkheid van het merk en creëert het gewenste gevoel (zoals Blue = betrouwbaar, geel = leuk) of niet?
• [] Lettertypen die gemakkelijk te lezen zijn en tekens hebben: de letters zien er goed uit, lezen comfortabel en match Mood & Tone in het algemeen?
• [] Witte ruimte geschikt: is er een ruimte voor "adem"? Of is alles zo ongemakkelijk?

Stap 2: Creëer een ervaring die "gedragsniveau"

• [] Mooie micro-international: is er een kleine reactie die ons gebruikt? (Zoals de knop Kleur veranderende knop bij het richten van de muis, het pictogram dat kan bewegen). Een goede micro-inacties helpt u meer ideeën te krijgen.
• [] Ideeën verminderen: ontworpen door rekening te houden met cognitieve vooroordelen of ideeën om de last van gebruikers te verminderen?
• [] Navigatieboodschap duidelijk: de gebruiker weet altijd wat hij vervolgens moet doen? Verschillende knoppen en menu's gemakkelijk te begrijpen of niet?
• [] Feedback tijdig: wanneer de gebruiker slaagt (zoals het invullen van formulier), is er dan een duidelijk en vriendelijk bevestigingsbericht?

Stap 3: Relatie "Reflecterend niveau"

• [] Merken (over ons): pagina "over ons" kan een charmant en inspirerend verhaal vertellen?
• [] UX schrijven dat begrijpt: taal die de gebruiker "als mens" gebruikt en laat zien hoeveel sympathiek? Vooral op de pagina met de foutmeldingen die moet worden gered, niet verergerd om meer uit het artikel te bestuderen. Een goed foutmelding schrijven
• [] Maak een speciaal gevoel: geef een speciaal voorrecht, dank u of specifieke inhoud voor vaste klanten om hem "belangrijke mensen" te laten voelen?
• [] Gekoppeld met hogere waarden: waar staat uw merk voor? (Zoals duurzaamheid, het helpen van de samenleving) En communiceert u die gebruiker?

Start deze checklist gewoon een voor een. Uw website begint een "hart" te hebben en een betere band met gebruikers te creëren.

-[Snel]-

Prompt voor illustraties: grote checklistafbeeldingen die er mooi uitzien en gemakkelijk te gebruiken zijn. Met 3 hoofdonderwerpen, visceraal, gedrag, reflecterend en heeft een schattig pictogram in elk item geassembleerd

-[/Snel]-

Vragen die mensen de neiging hebben zich af te vragen (FAQ) over emotioneel ontwerp.

We hebben een vraag samengesteld die veel mensen zich afvroegen over emotioneel ontwerp met duidelijke antwoorden en gemakkelijk te begrijpen hier.

Vraag: Emotioneel ontwerp is geschikt voor elk bedrijf? Of alleen geschikt voor het merk lifestyle -producten?
Antwoord: Geschikt voor elk bedrijf! Of u nu B2B -software, financiële diensten of consumentengoederen verkoopt, uw gebruiker is nog steeds een "mens" die gevoelens heeft. Het creëren van positieve gevoelens zoals betrouwbaarheid, veiligheid, zorggevoelens zijn allemaal belangrijk voor elk bedrijf. Het ontwerp dat de emoties begrijpt, zal altijd helpen de verschillen en voordelen in de concurrentie te maken.

Vraag: Als we een beperkt budget hebben, moet dan eerst beginnen met investeren met emotioneel ontwerp?
Antwoord: begin met kleine dingen. Dat kan veel impact hebben, ook bekend als "fruit met lage scharnieren", zoals
1. UX Writing: Verbeter de tekst in de knop (CTA), onderwerp en fout Messee om vriendelijker te zijn en te begrijpen. Dit deel gebruikt de minste kosten, maar zie resultaten.
2. Micro-invertions: voeg een kleine animatie toe bij het drukken op de knop of het laden van de webpagina. Om het gebruik levendiger te laten lijken.
3. Afbeelding: het selecteren of nemen van de hoofdafbeelding (Hero -afbeelding) die op de eerste pagina zal worden gebruikt. Omdat het het eerste is dat gebruikers onmiddellijk zien en indruk maken

Vraag: Hoe kunnen we het succes van emotioneel ontwerp meten?
Antwoord: Zelfs "gevoelens" zijn moeilijk te meten. Maar we kunnen meten door de wijzigingen van gebruikers, zoals
- tijd op pagina (bij gebruik op de webpagina): als de gebruiker zich aangenaam voelt, zal hij langer op internet staan
- pagina's per sessie (het aantal openingen per tijd): goede gevoelens zullen hen aanmoedigen om uw website meer te verkennen
- conversieratio (concentratiegraad): Positieve vertrouwen en gevoelens rechtstreeks naar kopen of contact
- merk melden (melding van merken (melden van merken (melden van merken (melden van merken): melden van merken ( melden
van merken) Dat iemand het heeft over goede ervaringen op uw website? - Enquêtes van klanttevredenheid (enquête van tevredenheid): voeg vragen toe over "gevoelens" om in de enquête te gebruiken.

-[Snel]-

Prompt voor illustraties: groot pictogram voor vraagtekens (?) Omgeven door een klein pictogram dat verschillende vragen overbrengt, zoals budget, meting, bedrijfstype

-[/Snel]-

Concluderend: het is tijd om te stoppen met het maken van "website" en vervolgens een "gevoel" te maken.

Op dit moment geloof ik dat iedereen hetzelfde beeld zal zien dat succesvol websiteontwerp in dit tijdperk niet meer kan concentreren op "schoonheid" of "gemak", maar moet de schepping "goede gevoelens" in de hoofden van gebruikers. We hebben de 3 niveaus van Don Norman geleerd van visceraal (instinct), gedrag (gedrag), tot reflecterende (reflectie), wat een belangrijke groene print is om een complete en memorabele ervaring te creëren.

Investering met emotioneel ontwerp is niet alleen een webdecoratie om er goed uit te zien. Maar het is een investering om op de lange termijn "relaties" te creëren, het is een verandering van "bezoekers" naar "fans" en verandert van "merk" om een "vriend" te worden die gebruikers denken en vertrouwen. Laat uw website niet gewoon een code en een levendige pixel zijn.

Het is tijd om je hart wakker te maken voor je website! Probeer de checklist te gebruiken die we geven om beetje bij beetje te gebruiken. Ik garandeer dat je zeker de veranderingen zult zien. Begin vandaag om een website te maken waar uw gebruiker "van houdt", niet alleen "gebruiken"! Als u een professioneel team nodig hebt om een website te creëren die zowel mooi is en dat het hart van gebruikers begrijpt, raadpleegt u het Vision X Brain UX/UI -ontwerpteam gratis! We zijn klaar om partner te zijn en indrukwekkende resultaten te creëren voor uw bedrijf.

-[Snel]-

Prompt voor illustraties: Krachtige grafische afbeeldingen die de hand van de ontwerper toont, de schets van de website (Wireframe) in een levenloze lijn wijzigen om een kleurrijke website te worden en een hartvormige pictogram die uitvoert. Normale websites overbrengen naar een levendige website

-[/Snel]-

‍