27 kutatás által támogatott webdesign tippek: Hogyan tervezzünk egy weboldalt, amely működik

összes látogató. Könnyű belátni. Minden marketingszakember tudja, hogy mennyi forgalmat kap, mert ott van az elemzésben. De ami ezután történik, az nem olyan nyilvánvaló.

ezért könnyű tanácsot adni a forgalom irányításához, de a webdesign tippek nehézek. Olyan sok tényező van. Még 1000+ sikeres webdesign projekt után is nehéz tudnunk, mi fog működni a legjobban.

ez a cikk 27 webdesign tippet tartalmaz, hogy minden egyes látogató nagyobb értéket kapjon. Ezen tippek többségét kutatások támasztják alá. Ezek kezdő tervezőknek és haladó UX profiknak, kisvállalkozásoknak és nagyvállalatoknak szólnak.

itt található a legjobb tanácsunk, ötletünk és inspirációnk arra vonatkozóan, hogyan tervezzünk olyan weboldalt, amely eredményeket hoz. Egy olyan webhely, amely gyönyörűnek tűnik, átalakítja a látogatókat, és több értéket kap minden ilyen nehezen megkeresett látogatásból.

az itt idézett két legfontosabb tanulmány a legvégén van. Ha türelmetlen vagy, ugorj le!

a weboldal szerkezeti felépítése

a weboldalak két dolgot jelentenek: konténereket és tartalmat. A konténer két dolog: szerkezet és stílus. Kezdjük az elsővel. Ezek a tippek az oldalak felépítésére és elrendezésére vonatkoznak.

vizuális hierarchia kihasználása

minden oldal rendelkezik vizuális hierarchiával. Ha nem ismeri ezt a fogalmat, itt van a definíciónk:

a vizuális hierarchia a vizuális elemek elrendezésére, méretére, színére és kontrasztjára utal. Ez határozza meg viszonylagos jelentőségüket és azt a sorrendet, amelyben az emberi szem látja őket.

a webes tervezők vizuális hierarchiát használnak, hogy először a fontos elemekre irányítsák a látogatók figyelmét. A weboldal elrendezése tartalmazza a pozíciót (magas vagy alacsony az oldalon), a méreteket (nagy vagy kicsi), a látványt (videó, képek, ikonok) és a kontrasztot (szín és fehér tér).

a szempontok kombinálása megsokszorozza hatásukat. Mindenki látni fog egy nagy videót, magasan az oldalon. Kevés ember látja az alacsony kontrasztú szöveget képekkel körülvéve.

a vizuális hierarchia az oka annak, hogy a szemed egy bizonyos utat követ minden internetes oldalon, amelyet meglátogat. Ha szándékosan használják, üzenetek sorozatán keresztül irányítja a látogató figyelmét a cselekvésre való felhívás felé.

használjon leíró, kulcsra összpontosító főcímet a kezdőlapon

a főcím a kezdőlap tetején (és minden oldalon) vagy leíró jellegű, vagy nem. Ha nem, akkor a látogató nem tudja megválaszolni az első kérdést: “jó helyen vagyok?”

ez is egy lehetőség, hogy használja a cél keyphrase és jelzi relevanciáját. De sok marketingszakember valami okosat vagy homályosat ír helyette. De a tiszta jobb, mint okos.

ahelyett, hogy díszes, de homályos címsort írna, írjon valami leírót. Győződjön meg róla, hogy elmagyarázza, mit csinál a vállalat magasan az oldalon, a hajtás felett.

forrás: Outreach Plus

várj, a hajtás még mindig dolog?

Igen, van egy hajtás. Minden látogatás minden képernyőn, van egy látható terület. Alul a híres hajtás. Ahhoz, hogy bármit láthasson e sor alatt, annak a látogatónak görgetnie kell.

miért és ha ez számít a web design egy hevesen vitatott téma. Íme a két legjobb érv: “nincs hajtás!”vs” a hajtás még mindig számít.”

természetesen több ezer képernyőméret létezik, az aprótól a hatalmasig. Ezt a weboldalt az elmúlt hónapban 958 különböző méretű képernyőn tekintették meg. Tehát egyes tervezők szerint a hajtás már nem releváns.

de itt van az alsó sor (szerezd meg?) Még mindig van egy hajtás minden látogatásra, és még mindig egy átlagos hajtás minden látogatásra. Az olyan eszközök, mint a Hotjar, világosan megmutatják, mint egy sor a tekercs hőtérképében, asztali/laptop, mobil és táblagép számára.

tehát igen, van egy hajtás, és számít, hogy mit teszel fel fölé és alá. Egy tanulmány kimutatta, hogy a látogatók idejük 80% – át a hajtás felett töltik.

tehát tegye az értékajánlatát, azt a 8 szavas változatot, amit csinál, magasan az oldalon, a hajtás felett.

de ne tegye az összes cselekvésre irányuló felhívást a tetejére

lehet, hogy a látogatók több időt töltenek ott, de ez nem jelenti azt, hogy készen állnak a cselekvésre. Sok meggyőzés történik lejjebb az oldalon.

amikor a Chartbeat 25 millió látogatást elemzett, azt találták, hogy a legtöbb elkötelezettség a hajtás alatt történik. A tetején lévő tartalom látható lehet, nem feltétlenül lesz a leghatékonyabb hely a cselekvésre való felhíváshoz.

egy figyelmeztetés erről a gyakran idézett tanulmányról: A Chartbeat-ot leginkább a híroldalak használják, amelyek nagyon különböznek a marketing webhelyektől. Senki nem sokkal a hajtás felett egy hírportálon! A normál webdesign tippek nem érvényesek.

ügyeljen arra, hogy a cselekvésre való felhívásokat az oldalon lejjebb helyezze el, bárhol, ahol valószínűleg magas az érdeklődés.

legyen magas oldal. Válaszoljon a látogatók kérdéseire.

a több Pixel több helyet jelent a kérdések megválaszolására, a kifogások kezelésére és a támogató bizonyítékok hozzáadására. Ha a látogató nem talál választ egy fontos kérdésre, egyszerűen tovább mozoghat az oldalon. Ha elégedettek, egyszerűen abbahagyják az olvasást.

a leghatékonyabb értékesítési oldalak az értékesítési beszélgetéseket emulálják.

soha nem szakítana le valakit egy értékesítési megbeszélés során, és nem válaszolna a kérdéseire, ugye? Ez minden, amit egy rövid oldal tesz; abbahagyja a kérdések megválaszolását.

itt jön be a Crazy Egg híres tanulmánya. Felmérték a közönségüket, felfedezték a legfontosabb kérdéseket és aggályokat, és egy magas oldalt készítettek, amely mindenre kiterjed.

az oldal 20x hosszabb volt. A konverziós arány 30% – kal emelkedett.

“a görgetés folytatása. A kattintás döntés” – Josh Porter, Rocket Insights

mutasson egyszerre egy dolgot

” szeretem a tiszta, modern mintákat.”Ez az, amit a legtöbb ügyfelünk mond nekünk, amikor elkezdjük a webdesign projekteket. Gyakran hivatkoznak az Apple webhelyére példaként.

a látogatók nem szeretik a rendetlenséget. Szeretjük a szóközt. Más szavakkal, szeretjük az alacsony vizuális komplexitást.

2012-ben a Google arra törekedett, hogy felfedezze, milyen típusú webhelyeket tekintenek szépnek a látogatók számára. Ez egy tanulmány az egyszerűségről, egy nagyon bonyolult névvel: a vizuális komplexitás és a prototípusosság szerepe a weboldalak első benyomásával kapcsolatban: az esztétikai ítéletek megértése.

megtanulták, hogy a bonyolultabb terveket kevésbé valószínű, hogy szépnek tekintik.

ez magyarázza az egyoszlopos elrendezések és a magas oldalak irányába mutató tendenciát. A több oszlopos tervek (bal oldali navigáció, tartalmi terület, jobb sín) összetettebbek, több vizuális elem található a látogatók látóterében.

tehát vágja le a rendetlenséget. Tegye a két elem egyikét a fókuszba minden görgetési mélységben.

Stick to standard layouts

ugyanez a tanulmány a Google megállapította, hogy a “magas prototípus” is korrelál észlelt szépség. Más szavakkal, a furcsa általában nem szép. Egy weboldal, amely követi a web design szabványok nagyobb valószínűséggel kell szeretni.

a legszebbnek tartott helyszínek mind a prototípusok, mind az alacsony vizuális összetettségűek. Mindkettő egyszerű és tiszta.

gondoljon így, jó megkülönböztetni a márkáját, de az elrendezés nem az a hely, ahol ezt megteheti. Légy más abban, amit mondasz. De legyen tipikus a webhely használatának módjában.

néhány autó csodálatosnak tűnik. Ők mások. Gyönyörűek. De még mindig vannak ajtók az oldalán, kerekek az alján, fényszórók elöl.

de mi a standard? Saját kutatásunk szerint, ezek a weboldal standard elemei:

a nagy prototípusú” standard ” weboldal a következőket tartalmazza:

• logó a bal felső sarokban
• vízszintes navigáció a fejlécben
• keresősáv a felső részen
• szociális ikonok alul
• mobil reszponzív tervezés

Óvakodj a “hamis fenékektől”

a Modern marketing weboldalak, különösen az értékesítési oldalak, oldalblokkokkal vannak felépítve. Ezek tartalmi sorok, gyakran az egyik oldalon kép, a másikon szöveg, egyetlen oszlopban folyik le az oldalon.

itt található egy tipikus szolgáltatási oldal anatómiája egy vezető generációs webhelyen.

mint az ábra mutatja, a lábléc sötétebb háttérszínnel rendelkezik. Olyan sok webhely teszi ezt, hogy a látogatók most azt várják, hogy a sötétebb háttérre való váltás az oldal alját jelenti.

de ha a design oldalblokkja sötét háttérrel rendelkezik, a látogató azt gondolhatja, hogy elérte az alját, és abbahagyja a görgetést. Ez egy hamis fenék.

Megjegyzés: erről vitatkozom a saját tervezőimmel. Kurt Cruse, kreatív igazgatónk kiváló pontot tesz. A háttérszín megváltoztatása kiváló módja annak, hogy a látogatók tudják, hogy a tartalom típusa változik. Hallak, Kurt!

csak legyen szándékos, amikor kiválasztja a háttérszíneket az oldalblokkokhoz. A biztonság érdekében csak enyhe variációkat válasszon, vagy csak mindig fehér vagy világosszürkét használjon. Ezután váltson sötétszürke vagy fekete színre a láblécben.

kerülje a körhintákat és a forgó csúszkákat

évek óta népszerűek, és az ügyfelek szeretik őket. De van egy probléma a honlap diavetítésével: a látogatók csak az első diát láthatják.

sok olyan tanulmány volt, amely ugyanarra a következtetésre jutott. A következő diákon lévő üzenetek kevésbé valószínű, hogy láthatók,a cselekvésre való felhívásokra pedig valószínűleg nem kattintanak. Csak nézze meg az egyetemi weboldalon található diák kattintási arányát.

lehet, hogy népszerűek, mert könnyen jóváhagyhatók. A különböző osztályok különböző érdekeltjei mindegyik pixelt kapnak a hajtás felett. A belpolitikának jók, nem a látogatóknak.

a Homepage diavetítések segítenek megakadályozni, hogy az emberek egymást szúrják a konferenciatermekben.

tehát mi a teendő?

• rakja össze a diákat, így a látogató az oldal lefelé görgetésével láthatja őket. Hirtelen sokkal láthatóbbá válnak.
• használjon kiemelt képet, az egyik leghatásosabb diát használva hősként. Adj neki egy jó cselekvésre ösztönzést!

kerülje a füleket és a harmonikákat

itt van egy másik módja annak, hogy a dolgokat elrejtse: kerülje a füleket és a bővíthető tartalmi dobozokat.

tudva, hogy a webhely látogatóinak akár 76% – A is szkennel, a tartalmat láthatóbbá teheti számukra, ha mindent kitesz, anélkül, hogy rákattintana, hogy felfedjen valamit.

ha a fülek és a bővíthető harmonikák hatékonyak lennének, akkor valószínűleg látni fogja őket az Amazonon.

ne feledje, hogy a görgetés gyorsabb és könnyebb, mint a kattintás. Ha a látogatóknak célozniuk kell, majd kattintaniuk vagy lapozniuk kell, hogy megtekinthessenek valamit, akkor kevésbé valószínű, hogy látják.

képek

térjünk át a látványra. Ezek a tippek a weboldalakon található képekre vonatkoznak.

emberek használata képek

az arcok egyedülállóan erős képek. Attól az időtől kezdve, amikor megszülettünk, az arcokra tekintünk, bármi másra. Az emberek képeinek mágneses ereje nagyon hasznos a webdesignban.

az arcok nemcsak felhívják a figyelmet, hanem korrelálnak a megtéréssel. A Basecamp híres esettanulmánya hatalmas növekedést mutatott az eredményekben, amikor az arcokat és a beszámolókat egy értékesítési oldalon egyesítették.

győződjön meg arról, hogy webhelye nem úgy néz ki, mint egy “elhagyott űrhajó” lélek nélkül a fedélzeten.

az évek során több ezer vállalkozással beszéltem a marketingjükről, és észrevettem egy mintát. A nagyvállalatok mindig megpróbálnak kicsinek látszani, a kisvállalkozások pedig megpróbálnak nagynak látszani. Furcsa, igaz?

valójában minden vállalatnak meg kell próbálnia személyesebb, emberibb lenni.

de kerülje az emberek stock fotóit

van idő és hely a stock fotóknak, de elkerülném az emberek stock fotóit, mint a pestis. Csak soha nem érzik magukat valódinak, ezért nem építenek bizalmat.

a vállalatokat a stock fotók kísértik, mert a termelés minősége magas. De a látogatók jobban törődnek a valósággal. Szívesebben látnának valódi embereket, akik valóban dolgoznak a cégnél.

a hitelesség fontosabb, mint a lengyel.

a kutatás ezt alátámasztja. Az NN Group tanulmánya megállapította, hogy a látogatók az emberek stock fotóit és a “kitöltő” képeket hangolják össze, de valójában valódi emberek képeit nézik.

tehát légy önmagad, mutasd meg a csapatodat, és használj képeket valódi emberekről, még akkor is, ha tökéletesen csiszoltak.

arcokat használjon vizuális jelzésként

az emberek képei különleges lehetőséget nyújtanak a látogatók figyelmének irányítására. A híres” oda nézel, ahová néznek ” jelenség.

amikor James Breeze kutató 106 embernek mutatta be a terveket, megmutatta a jól elhelyezett arcok erejét. Képesek arra, hogy a látogatók figyelmét más elemek felé irányítsák.

ez a híres tanulmány a baba arcával. Amikor a baba a kamerára néz, a látogatók a babára néznek. Amikor a baba a címsort nézi, a látogatók a címsort nézik.

oli Gardner barátom belefáradt ebbe a példába a babával (sajnálom, Oli!). Ha valaki tud más kutatásokról vagy jó példákról, kérem, tudassa velem a megjegyzéseket!

használjon látóvonalat az arcképekben, mint irányított jelzést, hogy a látogatók figyelmét a haszonnyilatkozatokra vagy a cselekvésre ösztönözze.

használja a nyilakat vizuális jelzésként

az arcok irányíthatják a figyelmet, de nem csak így irányíthatják a látogatók szemét. A kis kézzel rajzolt nyilak még hatékonyabbak lehetnek.

a CXL eye tracking tanulmányában azt találta, hogy egy egyszerű nyíl még erősebb volt abban, hogy a látogatók egy oldalelemet nézzenek meg.

ha azt szeretné, hogy a látogatók nézzenek valamit, mutasson rá egy nyíllal. Nem vagyok biztos benne, hogy ez a tipp nevetségesen nyilvánvaló vagy mélyen éleslátó.

használja a színt, hogy a látogatók figyelmét cselekvésre ösztönözze

a színeknek érzelmi konnotációi vannak (a piros sürgős, a kék nyugodt), és a márka szabványainak részét képezik. De ezek a lehetőségek arra is, hogy a látogatók szemét a gombok és a CTA-k felé húzzák.

az Eyequant tanulmánya a gombok színéről megerősíti a szín és a fénysűrűség kontrasztjának erejét, hogy felhívja a figyelmet.

de a tanulmány azt mutatja, hogy a színes gombok nem mindig hatékonyak. Ha azt szeretné, hogy a gomb vizuálisan kiemelkedőbb legyen:

• Kontrasztosítsa a gomb színét a háttérrel
• Kontrasztosítsa a gomb színét és a gomb szövegét
• Kontrasztosítsa a gomb színét az oldal közeli elemeivel (vagy hagyjon sok fehér helyet körülötte)

a”Von Restorff-effektus”

az 1930-as években Hedwig von Restorff német tudós felfedezte, hogy amikor tíz tételből álló listát mutatnak, az emberek emlékeznek az elemekre, ha azok a többitől eltérő színűek. Ez azért van, mert a nyakszirti lebeny érzékeny a vizuális különbségekre, vagy “minta megszakítók.”

Paras Chopra webmarketinges kísérleteket végzett, amelyek megmutatták, hogy a kiemelkedő színekre nem csak jobban emlékeznek, hanem többet kattintanak: 60% – kal többet!

Pro Tipp! Válasszon egy “műveletszínt” az összes linkhez, gombhoz és áthúzási effektushoz. Legyen olyan szín, amely különbözik a tervezés során használt márkaszínektől (ezek a “passzív színek”). Használja a művelet színét sehol máshol, csak a kattintható elemekben.

navigáció és linkek

most belépünk a webhely navigációs tanácsába, beleértve a menüket, gombokat és linkeket, amelyek lehetővé teszik a látogatók mozgását.

legyen leíró

a navigáció mindig vizuálisan kiemelkedő, tehát lehetőség a kommunikációra. A látogatók általában a fejléc beolvasásával kezdik látogatásukat. Bármi ott, beleértve a menüket is, nagyon valószínű, hogy látható.

forrás: UX Movement

amikor a navigációs címkék általánosak, kihagyott egy esélyt, hogy elmondja a látogatóknak, mit csinál. Hasonlítsa össze ezt a két példát:

ha a navigációs címkék általánosak, akkor ezek több ezer vagy akár több millió webhelyen közösek. Elszalasztottál egy lehetőséget, hogy kihasználd a webhely navigációs legjobb gyakorlatait, segítsd a látogatóidat és javítsd a keresési rangsorokat.

tedd haza a bal oldalon, de más, mint, hogy ne aggódj túl sokat a sorrendben menüpontok

ha van egy home link, tedd a bal oldalon. Ez a leggyakoribb hely, így a látogatók elvárják, hogy ott találják meg.

ami a többi menüpontot illeti, a kutatások azt mutatják, hogy a sorrend nem annyira fontos. Két különböző szemkövető tanulmány van, amelyek alacsony összefüggést mutatnak a menüpontok sorrendje és a látogatók sikere között (forrás és forrás).

tehát ne töltsön sok időt azzal, hogy aggódjon a menüben szereplő dolgok sorrendje miatt.

legyen óvatos linkelés a szolgáltatási oldalakról a blogbejegyzésekre

ha a látogató szolgáltatási oldalon van, akkor a cél az, hogy azokat vezetővé alakítsa. Ha nagy lehetőségeket ad hozzá a blog elhagyásához és elolvasásához, akkor azok olyan oldalakra kerülnek, amelyek kevésbé összpontosítanak az ólom generálására. A blogbejegyzések természetesen több zavaró tényezőt, kilépési lehetőséget és alacsonyabb konverziós arányt tartalmaznak.

legyen óvatos, ha más weboldalakon bármire hivatkozik

amikor releváns, hivatkozzon olyan dolgokra, amelyek segítik a látogatót céljaik elérésében. Egy blogbejegyzésben ez gyakran egy forrás idézete vagy külső hivatkozásokra mutató hivatkozás. Ez a cikk több tucat cikkhez és tanulmányhoz kapcsolódik!

de a szolgáltatási oldalakon és a kezdőlapon gondosan hivatkozzon más oldalakra. Bármely oldal optimalizált átalakítani látogatók vezet, kérdezd meg magadtól, nem szeretné, hogy a látogatók kattintson a linkre? Segít elérni a céljait?

kerülje a közösségi média ikonok használatát a webhely fejlécében

Hasonlóképpen, a fejlécben lévő színes közösségi média ikonok nem felelnek meg a céljainak. Ha a látogatók rákattintanak ezekre a cukorka színű gombokra, akkor egy zavaró tényezőkkel teli webhelyre szállnak. Nem valószínű, hogy visszajönnek.

ez általában a közösségi média integrációjának rossz módja. Ha egy közösségi hálózathoz kapcsolódik, tegye meg a láblécből. A látogatók megtalálhatják a közösségi hálózatokat, ha keresnek, de nem azt javasolja, hogy távozzanak.

írás

beszéljünk a szavakról. Korábban egy keyphrase-központú címsort javasoltunk a kezdőlapon. Íme néhány további tipp a weboldal írásához, beleértve a fejléceket, az alfejezeteket és a törzsszöveget.

írjon értelmes alfejezeteket

homályos alfejezetek vannak mindenhol. Gyakran nagyok és haszontalanok, de olyan dolgok követik őket, amelyek kicsik, de hasznosak. Furcsa, igaz? Az ellenkezője lenne több értelme.

győződjön meg arról, hogy a nagy dolgok értelmesek és hasznosak a látogatók számára. Ha az alfejezetek olyan dolgokat mondanak, mint a “termékek” vagy a “szolgáltatások”, kérdezd meg magadtól, hogy egy leíróbb kifejezés hasznosabb lenne-e. Íme néhány példa.

ez jó a szkennerek és a használhatóság szempontjából. Jó a látássérülteknek és a hozzáférhetőségnek. Ez is jó SEO legjobb gyakorlatok. Soha ne hagyja ki a lehetőséget, hogy jelezze a relevanciát!

ProTip: az alfejezetek teljesen feleslegesek lehetnek. Ez az oldal ugyanolyan jó lenne nélküle? A látogatók még mindig tudják, mit néznek? Ha igen, csak távolítsa el.

kerülje a hosszú bekezdéseket és a hosszú sorhosszúságot

a hosszú, kockás bekezdések nem illeszkednek a digitális tartalomra vonatkozó bevált gyakorlatokhoz. A hosszú bekezdések egyszerű felbontása megkönnyíti a tartalom fogyasztását. Általános szabály, hogy ne írjon 3-4 sornál hosszabb bekezdéseket.

“a rövid bekezdéseket elolvassák, a hosszú bekezdéseket lefölözik, az igazán hosszú bekezdéseket kihagyják.” – Jason Fried, a Basecamp alapítója és vezérigazgatója

ha a vonal hossza nagyon hosszú, a látogatók számára nehezebb lehet olvasni. A webes stílus útmutató legfeljebb 12 szóból álló sorokat javasol.

kerülje a zsargont. Használjon egyszerű szavakat.

minél könnyebb az olvasás, annál sikeresebb lesz a weboldal. Használja azokat a közös szavakat, amelyeket a látogatók elvárnak. A hosszú mondatok és a divatos szavak arra kényszerítik a temporális lebenyt, hogy keményebben dolgozzon. Ez nem jó.

“legyen egyszerű! A “kognitív folyékonyság” azt méri, hogy a látogató agya milyen könnyen dolgozza fel azt, amit néz. Ha valami nehezen olvasható, öntudatlanul kockázatosabbnak és/vagy időigényesebbnek találjuk. Tehát a konverzió maximalizálása érdekében használjon rövid szöveget, egyszerű betűtípusokat és könnyen olvasható dizájnt.”- Roger Dooley, a Brainfluence szerzője

az “alacsony írástudású” felhasználók számára jól működő másolat mindenki számára jól működik. Nem arról van szó, hogy lebutítsuk; egyszerű nyelvezetről van szó, amelyet mindenki megérthet. Kutatások kimutatták, hogy az olvashatósági szintek csökkentése javíthatja az összes látogató sikerességi arányát.

még a PhD-k is inkább 8. osztályos szinten olvasnak.

ez a nagy szó lehet, hogy úgy hangzik, okos, de lehet, hogy a látogató úgy érzi, buta. Az a látogató, aki kételkedik önmagában, valószínűleg nem fog cselekedni. Tehát, miközben írsz, tedd fel magadnak ezt a kérdést:

a látogatók 100% – A ismeri az ezen az oldalon található szavak jelentését?

List Order and “Serial Position Effect”

amikor listákat rendel a másolaton belül, tegye a fontos dolgokat az elejére és végére. Az olvasó figyelme és megtartása a legalacsonyabb a lista közepén. Ahogy a látogatók beolvassák az oldalt, az első és az utolsó elem valószínűleg a rövid távú memóriában marad.

forrás: Rendelési hatások elmélete: elsőbbség versus Recency

válaszoljon a látogatók legfontosabb kérdéseire

kérdésekkel jöttek. A weboldal fő feladata ezeknek a kérdéseknek a megválaszolása. Minden megválaszolatlan kérdés elszalasztott lehetőség a bizalom kiépítésére. A megválaszolatlan kérdések növelik annak valószínűségét, hogy a látogató elhagyja.

amikor Joel Klettke alkalmazta a folyamatot, hogy kérdéseket találjon és válaszokat írjon, képes volt megduplázni a konverziós arányt a HubSpot céloldalakon. Interjút készített az ügyfelekkel, elemezte válaszaikat, prioritásként kezelte az üzeneteket, végül pedig maguk a közönség szavait használta az új marketing példányban. Okos!

itt vannak azok a kérdések, amelyeket Joel használ a látogatók legfontosabb kérdéseinek felfedezéséhez:

1. mi történt, ami arra késztette, hogy megoldást keressen?
2. mit próbáltál még, és mit nem szerettél benne?
3. mi akadályozta meg abban, hogy tőlünk vásároljon?
4. mi tette elég magabiztossá ahhoz, hogy megpróbáljon minket?
5. mi tette az X-et a legjobb megoldássá az Ön számára?
6. x értékelésekor mi volt a legfontosabb számodra?
7. mit tehetsz most (vagy jobban), amit korábban nem tehettél?
8. Adj egy példát, amikor X tett különbséget az Ön számára?

egyszóval, mi a célja az Ön weboldalának? Válaszolj.

További olvasmány: A tökéletes B2B weboldal szolgáltatási oldal: 13 pontos ellenőrzőlista

bizonyítékok és társadalmi bizonyítékok hozzáadása

a “megfelelőségi elfogultság” az emberi hajlam arra, hogy azt tegye, amit más emberek csinálnak. Tehát annak bizonyítása, hogy mások kiválasztottak téged, jó választásnak tűnik a vállalat kiválasztása. A cél az, hogy bármilyen más döntést hozzon, mint a vállalat használata, a normán kívülinek tűnik.

adja meg látogatóinak bizonyítékát, hogy jogos. Ideális esetben minden marketing állítását bizonyíték támasztja alá.

“hányszor kattintott át egy weboldalra A design award nyerteseinek listáján, és forgatta a szemét egy lebilincselő címcímkére, a “Home” – ra? Ez történik, ha megbízik egy ügynökségben, hogy” valami teljesen rad és egyedi dolgot hozzon létre”, ahelyett, hogy olyan ügynökséget választana, aki azt ígéri, hogy épít valamit, ami úgy működik, ahogy az ügyfeleinek/ügyfeleinek szüksége van, és elvárja, hogy működjön.”- Jen Salamandick, Kick Point

a leggyorsabb, legegyszerűbb módja az ajánlások hozzáadása. Itt vannak más típusú társadalmi bizonyítékok.

• a releváns influencerek jóváhagyásai
• termékértékelések az ügyfelektől
• “Amint látható…” a Média logói, ahol a vállalatát megemlítették
• közösségi média widgetek, amelyek megmutatják a következő méretét
• bizalmi pecsétek, beleértve az egyesületi tagságokat, a biztonsági tanúsítványokat és a díjakat

mennyi bizonyíték elég? Hány ajánlást kell hozzáadnia?

sokat. Lehetséges, hogy nincs olyan, hogy túl sok bizonyíték. Gyorsan elemeztük az Amazon egyik termékinformációs oldalát, és megállapítottuk, hogy az oldal 43% – a bizonyíték és értékelés.

Profi Tipp! Ne készítsen ajánlási oldalt. Ezek általában alacsony forgalmú oldalak. Ehelyett adjon hozzá ajánlásokat minden szolgáltatási oldalhoz.

megemlíti a szűkösséget, kiváltja a “veszteségkerülést”

az emberek nem hatékony költség-haszon számológépek. Hajlamosak vagyunk túlértékelni a veszteségeket és alulértékelni a nyereséget. Más szavakkal, a veszteségek fájdalmasabbak, mint a nyereségek.

ez igaz online és offline, és sok emberi viselkedést megmagyaráz. Ez a cikk jól elmagyarázza: a viselkedési közgazdaságtan és a kognitív pszichológia alkalmazása a tervezési folyamatban.

ez a veszteségekkel szembeni ellenszenv hasznos lehet a webes tervezők és a copywriterek számára. Íme néhány tipp az írás másolatot veszteség idegenkedés szem előtt tartva.

• hangsúlyozza a termék vagy szolgáltatás nem használatának költségeit.
• Csoportköltségek együtt, a juttatások külön felsorolása.
• hangsúlyozzák azonnali nyereség.
• sürgősség létrehozása korlátozott idejű ajánlatokkal. Ha a termék kevés, mondja el.

óvatosan emlékeztesse látogatóit arra, hogy mit fognak hiányozni, kockáztatni vagy elveszíteni azzal, hogy most nem cselekszenek.

optimalizálja az e-mail regisztrációs űrlapokat az előfizetők számára

van egy a bejegyzés alján. Ez egy cselekvésre ösztönzés, hogy feliratkozzon. Ha alaposan megnézed, látni fogod, hogy három különálló elemet tartalmaz. Ezek a 3 P az e-mail regisztrációs űrlapokhoz.

• kiemelkedés a vizuális hierarchián belül kiemelkedik
• ígérd meg, hogy elmondja az olvasónak, mit fognak kapni egy Milyen gyakran
• bizonyíték társadalmi bizonyítékot használ: az előfizetők száma vagy egy apró ajánlás

amikor először kísérleteztünk ezekkel a változásokkal, a régebbi formában a konverziós arány nagyon alacsony volt, így a javulás drámai volt. 4,863% – kal nőtt az e-mail feliratkozások száma.

az e-mailek regisztrációs űrlapjának megtervezésekor tegye láthatóvá, használja a társadalmi bizonyítékot, és mondja el az olvasóknak, hogy mit fognak kapni.

több, mint egy szép oldal

mindenki szereti a szépséget. Mindenki szereti a hűvös új tervezési funkciókat. Mindenki kritikus. De látogatóként többre van szükségünk a szépségnél. Információra van szükségünk. Weboldal tulajdonosként pedig eredményekre van szükségünk.

itt van két tanulmány ugyanazzal a megállapítással. Az első a HubSpot felmérése, amely azt mutatja, hogy a látogatók jobban értékelik a könnyű információkat, mint a gyönyörű dizájn vagy a divatos UX.

ez a második tanulmány az NN Group felhasználói tesztjeinek következtetése. Ez azt mutatja, hogy amikor a látogatók kudarcot vallanak, az azért van, mert nem találnak információt, nem azért, mert a webhely nem elég szép.

szeretem a szép design, mint bárki más. Ezért kezdtem el ezt a szakmát! Gyakran gondolok erre az idézetre:

“a tervező élete a harc élete. Küzdelem a csúfság ellen.”- Massimo Vignelli, tervezési legenda

de a webdesignban konténereket hozunk létre a tartalomhoz. A látogatók a tartalomért jöttek, nem a konténerért.

a weboldalaknak szépnek kell lenniük. Vizuális vagy érzelmi hatással kell lenniük a látogatókra. De a webhely sikere messze túlmutat a szépségen. Arról szól, hogy segítsen a látogatóknak megtalálni, amire szükségük van. Ez a cikk minden tippjének szíve. Ez a webdesign valódi célja.

segítsen a látogatónak megtalálni, amiért jött, majd adja meg nekik azt, amit szeretne.