27 Research-Backed Web Design Tips: Hur man designar en webbplats som fungerar

totalt besökare. Det är lätt att se. Varje marknadsförare vet hur mycket trafik de får eftersom det är precis där i din analys. Men vad som händer härnäst är inte lika självklart.

det är därför det är lätt att ge råd för att driva trafik, men tips om webbdesign är svåra. Det finns så många faktorer. Även efter 1000 + framgångsrika webbdesignprojekt är det svårt för oss att veta vad som fungerar bäst.

denna artikel har 27 webbdesign tips för att få mer värde från varje enskild besökare. De flesta av dessa tips stöds av forskning. Dessa är för nybörjare och avancerade UX-proffs, för småföretag och stora företag.

här är våra bästa råd, ideer och inspiration om hur man utformar en webbplats som får resultat. En webbplats som ser vacker ut, konverterar besökare och får mer värde från alla dessa hårt förvärvade besök.

de två viktigaste studierna som citeras här är i slutet. Om du är otålig, hoppa ner!

webbplatsens strukturella Layout

webbplatser är två saker: behållare och innehåll. Behållaren är två saker: struktur och stil. Låt oss börja med det första. Dessa tips handlar om sidans struktur och layout.

utnyttja en visuell hierarki

varje sida har en visuell hierarki. Om du inte är bekant med det konceptet, här är vår definition:

visuell hierarki avser arrangemang, storlek, färg och kontrast av visuella element. Det bestämmer deras relativa framträdande och i vilken ordning de ses av det mänskliga ögat.

webbdesigners använder visuell hierarki för att vägleda besökare uppmärksamhet på viktiga element först. Webbplatslayouten innehåller positionen (hög eller låg på sidan), storlekar (stor eller liten), bilder (video, bilder, ikoner) och kontrast (färg och vitt utrymme).

att kombinera aspekter multiplicerar deras effekt. Alla kommer att se en stor video, högt på sidan. Få människor kommer att se text med låg kontrast omgiven av bilder.

visuell hierarki är varför dina ögon följer en viss väg på varje sida du besöker på internet. När den används medvetet leder den besökarens uppmärksamhet genom en serie meddelanden, mot en uppmaning till handling.

använd en beskrivande, nyckelfokuserad rubrik högt på hemsidan

rubriken högst upp på Hemsidan (och varje sida) är antingen beskrivande eller inte. Om inte, kanske besökaren inte kan svara på sin första fråga: ”Är jag på rätt plats?”

det är också en möjlighet att använda en målnyckelfras och ange relevans. Men många marknadsförare skriver något smart eller vagt istället. Men clear är bättre än smart.

snarare än att skriva en snygg, men vag rubrik, skriv något beskrivande. Se till att du förklarar vad företaget gör högt upp på sidan, ovanför vecket.

källa: Outreach Plus

vänta, veckan är fortfarande en sak?

Ja, det finns en vikning. För varje besök på varje skärm finns det ett synligt område. Längst ner är den berömda veckan. För att se något under den här raden måste besökaren bläddra.

varför och om detta är viktigt i webbdesign är ett hett debatterat ämne. Här är två av de bästa argumenten: ”det finns ingen vikning!”vs” vikten spelar fortfarande roll.”

naturligtvis finns det tusentals skärmstorlekar, allt från små till stora. Denna webbplats visades på 958 olika stora skärmar under den senaste månaden. Så vissa designers säger att veckan inte längre är relevant.

men här är den nedersta raden (få det ?) Det finns fortfarande en vikning för varje besök och fortfarande en genomsnittlig vikning för alla besök. Verktyg som Hotjar visar det tydligt som en linje i rullningsvärmekartan, för skrivbord/bärbar dator, mobil och surfplatta.

så ja, det finns ett veck och det spelar roll vad du lägger ovanför och under det. En studie visade att besökare spenderar 80% av sin tid över veckan.

så sätt ditt värdeförslag, den 8-ordsversionen av vad du gör, högt på sidan, ovanför veckan.

men lägg inte alla dina uppmaningar högst upp

besökare kan spendera mer tid där, men det betyder inte att de är redo att vidta åtgärder. Mycket övertalning händer längre ner på sidan.

när Chartbeat analyserade 25 miljoner besök fann de att mest engagemang händer under veckan. Innehåll överst kan vara synligt, det kommer inte nödvändigtvis att vara det mest effektiva stället att sätta dina uppmaningar till handling.

en varning om denna ofta citerade studie: Chartbeat används mest av nyhetswebbplatser, som skiljer sig mycket från marknadsföringswebbplatser. Ingen gör mycket ovanför veckan på en nyhetswebbplats! Vanliga webbdesigntips gäller inte.

se till att sätta samtal till handling längre ner på sidan, var som helst där intresset sannolikt kommer att vara högt.

gör det till en lång sida. Svara på alla dina besökares frågor.

fler pixlar betyder mer utrymme för att svara på frågor, ta itu med invändningar och lägga till stödjande bevis. Om besökaren inte hittar ett svar på en viktig fråga kan de helt enkelt fortsätta flytta ner på sidan. När de är nöjda kommer de helt enkelt sluta läsa.

de mest effektiva försäljningssidorna emulerar försäljningssamtal.

du skulle aldrig skära av någon under ett säljmöte och sluta svara på deras frågor, skulle du? Det är allt en kort sida gör; det slutar svara på frågor.

här kommer den berömda studien från Crazy Egg in. De undersökte sin publik, upptäckte sina bästa frågor och problem, och byggde en lång sida som tar upp allt.

sidan var 20x längre. Konverteringsgraden ökade med 30%.

”rullning är en fortsättning. Att klicka är ett beslut ”- Josh Porter, Rocket Insights

visa en sak i taget

” jag gillar rena, moderna mönster.”Det är vad de flesta av våra kunder säger till oss när vi börjar webbdesignprojekt. De hänvisar ofta till Apples webbplats som ett exempel.

besökare gillar inte röran. Vi gillar whitespace. Med andra ord gillar vi låg visuell komplexitet.

under 2012 bestämde sig Google för att upptäcka vilka typer av webbplatser som ses som vackra för besökare. Det är en studie om enkelhet med ett mycket komplicerat namn: rollen av visuell komplexitet och prototypalitet när det gäller första intryck av webbplatser: arbeta för att förstå estetiska bedömningar.

de lärde sig att mer komplexa mönster är mindre benägna att uppfattas som vackra.

detta förklarar trenden mot enstaka kolumnlayouter och höga sidor. Mönster med flera kolumner (vänster navigering, innehållsområde, höger skena) är mer komplexa, med mer visuella element inom besökarnas synfält.

så klippa röran. Gör ett av två element i fokus vid varje rullningsdjup.

Håll dig till standardlayouter

samma studie av Google fann att ”hög prototypalitet” också korrelerar med upplevd skönhet. Med andra ord, konstigt är vanligtvis inte vackert. En webbplats som följer webbdesignstandarder är mer sannolikt att bli älskad.

de webbplatser som anses vara de vackraste har både hög prototypalitet och låg visuell komplexitet. De är både enkla och rena.

Tänk på det här sättet, det är bra att skilja ditt varumärke, men layouten är inte platsen att göra det. Var annorlunda i vad du säger. Men var typisk för hur din webbplats används.

vissa bilar ser fantastiska ut. De är olika. De är vackra. Men de har fortfarande dörrar på sidorna, hjul på botten och strålkastare framför.

men vad är standard? Enligt vår egen forskning är dessa standardelementen för en webbplats:

webbplatsen ”standard” med hög prototypicality innehåller följande:

• logotyp längst upp till vänster
• horisontell navigering i rubriken
• sökfältet högst upp
• sociala ikoner längst ner
• mobil responsiv design

se upp för ”falska bottnar”

moderna marknadsföringswebbplatser, särskilt försäljningssidorna, är byggda med sidblock. Det här är rader med innehåll, ofta med en bild på ena sidan och text på den andra, som strömmar ner på sidan i en enda kolumn.

här är anatomin för en typisk servicesida på en lead generation-webbplats.

som diagrammet visar har sidfoten en mörkare bakgrundsfärg. Så många webbplatser gör detta att besökare nu förväntar sig att en övergång till en mörkare bakgrund betyder längst ner på sidan.

men om designen har ett sidblock med mörk bakgrund kanske besökaren tror att de har slagit botten och slutat rulla. Det är en falsk botten.

OBS: Jag debatterar med mina egna designers om den här. Kurt Cruse, vår kreativa chef, gör en utmärkt poäng. Förändringar i bakgrundsfärg är ett utmärkt sätt att låta besökare veta att typen av innehåll förändras. Jag hör dig, Kurt!

var bara medveten när du väljer bakgrundsfärger för sidblock. För att vara säker, välj bara små variationer eller använd alltid vit eller ljusgrå. Byt sedan till mörkgrå eller svart i sidfoten.

Undvik karuseller och roterande reglage

de har varit populära i flera år och kunder älskar dem. Men det finns ett problem med hemsidan bildspel: besökare kanske bara ser den första bilden.

det har gjorts många studier som kommer till samma slutsats. Meddelanden på efterföljande bilder är mindre benägna att ses och uppmaningar är osannolikt att klickas. Titta bara på klickfrekvensen för bilderna på en universitetswebbplats.

de kan vara populära eftersom de är lätta att få godkänt. Olika intressenter från olika avdelningar får alla några pixlar ovanför veckan. De är bra för inre politik, inte för besökare.

hemsida bildspel är bra på att hålla människor från stickande varandra i konferensrum.

så vad ska man göra istället?

• stapla bilderna så att besökaren kan se var och en genom att bläddra ner på sidan. De kommer plötsligt att bli mycket mer synliga.
• använd en utvald bild, med den mest effektfulla bilden som hjälten. Ge det en bra uppmaning till handling!

Undvik flikar och dragspel

här är ett annat sätt att ta saker ur gömningen: undvik flikar och expanderbara lådor med innehåll.

att veta att upp till 76% av webbplatsbesökarna skannar kan du göra ditt innehåll mer synligt för dem genom att hålla allt exponerat, utan att behöva klicka för att avslöja något.

om flikar och expanderbara dragspel var effektiva kommer du förmodligen att se dem på Amazon.

kom ihåg att rullning är snabbare och enklare än att klicka. Om besökarna måste sikta och klicka eller flik för att kunna se något, är de mindre benägna att se det.

bilder

Låt oss gå vidare till bilderna. Dessa tips är specifika för bilderna på webbsidor.

använd människor bilder

ansikten är unikt kraftfulla bilder. Från den tid vi föds, vi blickar på ansikten mer något annat. Den magnetiska kraften hos människor bilder är mycket användbar i webbdesign.

inte bara gör ansikten uppmärksamma, de korrelerar med konvertering. Den berömda fallstudien av Basecamp visade en enorm hiss i resultat när ansikten och vittnesmål kombinerades på en försäljningssida.

se till att din webbplats inte ser ut som ett ”övergiven rymdskepp” utan en själ ombord.

jag har pratat med tusentals företag om deras marknadsföring genom åren och jag har märkt ett mönster. Stora företag försöker alltid se små ut, och små företag försöker se stora ut. Konstigt, eller hur?

egentligen borde varje företag bara försöka vara mer personligt, mer mänskligt.

men undvik stock photos of people

det finns en tid och plats för stock photos, men jag skulle undvika stock photos of people like the pest. De känner sig aldrig äkta, därför bygger de inte förtroende.

företag frestas av stock foton eftersom produktionskvaliteten är hög. Men dina besökare bryr sig mer om verkligheten. De skulle föredra att se riktiga människor som faktiskt arbetar på företaget.

äkthet är viktigare än polska.

forskningen stöder detta. En studie av NN Group fann att besökare stämmer ut stockbilder av människor och ”filler” – bilder, men tittar faktiskt på bilder av riktiga människor.

så var dig själv, visa ditt lag och Använd bilder av riktiga människor, även om de är perfekt polerade.

använd ansikten som visuella signaler

Folkbilder ger dig en speciell möjlighet att vägleda besökarnas uppmärksamhet. Det berömda fenomenet” du ser var de ser ut”.

när forskaren James Breeze visade mönster för 106 personer visade han kraften hos välplacerade ansikten. De har makten att rikta besökarnas uppmärksamhet mot andra element.

Detta är den berömda studien med barnets ansikte. När barnet tittar på kameran tittar besökare på barnet. När barnet tittar på rubriken tittar besökare på rubriken.

min vän Oli Gardner är trött på detta exempel med barnet (ledsen, Oli!). Om någon känner till annan forskning eller goda exempel, låt mig veta i kommentarerna!

använd en siktlinje i ansiktsbilder som en riktningskue för att vägleda besökarnas uppmärksamhet på förmånsutlåtanden eller uppmaningar till handling.

använd pilar som visuella signaler

ansikten kan vägleda uppmärksamhet, men de är inte det enda sättet att kontrollera dina besökares ögon. Små handritade pilar kan vara ännu effektivare.

i denna eye tracking studie av CXL fann att en enkel pil var ännu mer kraftfull på att få besökare att titta på en sida element.

om du vill att dina besökare ska titta på något, peka på det med en pil. Jag är inte säker på om detta tips är löjligt uppenbart eller djupt insiktsfullt.

Använd färg för att vägleda besökarnas uppmärksamhet mot uppmaningar

färger har känslomässiga konnotationer (rött är brådskande, blått är lugnt) och de är en del av varumärkesstandarder. Men de är också möjligheter att dra besökarna öga mot knappar och CTA.

en studie av Eyequant om knappfärg bekräftar kraften i färg och luminans kontrast för att uppmärksamma.

men studien visar att Färgglada knappar inte alltid är effektiva. Om du vill att din knapp ska vara mer visuellt framträdande:

• kontrast knappfärgen med bakgrunden
• kontrast knappfärgen och knapptexten
• kontrast knappfärgen med närliggande element på sidan (eller lämna gott om vitt utrymme runt den)

”Von Restorff-effekten”

på 1930-talet upptäckte den tyska forskaren Hedwig von Restorff att när man visade en lista med tio objekt, kommer folk ihåg saker om de är en annan färg än de andra. Detta beror på att occipitalloben är känslig för visuella skillnader, eller ”mönsterbrytare.”

webbmarknadsförare Paras Chopra genomförde experiment som visade hur enastående färger inte bara kommer ihåg mer, de klickas mer: 60% mer!

Pro Tips! Välj en ”action color” för alla dina länkar, knappar och rollover-effekter. Gör det till en färg som skiljer sig från märkesfärgerna som används i hela designen (det här är de ”passiva färgerna”). Använd åtgärdsfärgen ingen annanstans än i de klickbara objekten.

navigering och länkar

nu kommer vi in i råd för navigering på Webbplatsen, inklusive menyer, knappar och länkar som låter dina besökare flytta runt.

var beskrivande

navigering är alltid visuellt framträdande, så det är en möjlighet att kommunicera. Besökare börjar vanligtvis sitt besök genom att skanna över rubriken. Allt där, inklusive dina menyer, kommer sannolikt att ses.

källa: UX Movement

när navigationsetiketterna är generiska har du missat en chans att berätta för besökarna vad du gör. Jämför dessa två exempel:

om dina navigationsetiketter är generiska är de vanliga för tusentals eller till och med miljoner webbplatser. Du har missat en chans att utnyttja Bästa praxis för webbplatsnavigering, hjälpa dina besökare och förbättra din sökrankning.

sätt hem till vänster, men förutom det, oroa dig inte för mycket om ordningen på menyalternativen

om du har en hemlänk, lägg den till vänster. Det är den vanligaste platsen för det, så besökare förväntar sig att hitta den där.

när det gäller resten av menyalternativen visar forskning att ordern inte är så viktig. Det finns två olika ögonspårningsstudier som visar en låg korrelation mellan ordning på menyalternativ och framgång för besökare (källa och källa).

så spendera inte massor av tid på att oroa dig för ordningen på saker i din meny.

var försiktig med att länka från servicesidor till blogginlägg

om besökaren är på en servicesida är målet att konvertera dem till en ledning. Om du lägger till stora möjligheter att lämna och läsa din blogg kommer de att landa på sidor som är mindre fokuserade på leadgenerering. Blogginlägg har naturligtvis fler distraktioner, avslutar möjligheter och lägre omvandlingsfrekvenser.

var försiktig med att länka till något på andra webbplatser

när det är relevant, länka till saker som hjälper besökaren att nå sina mål. I ett blogginlägg är det ofta en hänvisning till en källa eller länk till externa referenser. Detta inlägg länkar till dussintals artiklar och studier!

men på servicesidor och på din hemsida bör du länka bort till andra webbplatser med försiktighet. För en sida som är optimerad för att konvertera besökare till leads, fråga dig själv, Vill du verkligen att besökare ska klicka på den länken? Hjälper det dig att nå dina mål?

Undvik att använda sociala medier ikoner i din webbplats header

på samma sätt, färgglada sociala medier ikoner i din header är inte bra för dina mål. Om besökare klickar på någon av dessa godisfärgade knappar landar de på en webbplats fylld med distraktioner. Det är osannolikt att de kommer tillbaka.

detta är i allmänhet fel sätt att integrera sociala medier. Om du länkar till ett socialt nätverk, gör det från din sidfot. Besökare kan hitta de sociala nätverken om de letar, men du föreslår inte att de lämnar.

skriva

Låt oss prata om ord. Tidigare rekommenderade vi en nyckelfokuserad rubrik på hemsidan. Här är några fler tips för skrivandet som går in på Webbplatsen, inklusive rubriker, underrubriker och brödtext.

skriv meningsfulla underrubriker

vaga underrubriker finns överallt. De är ofta stora och värdelösa men följs av saker som är små men användbara. Konstigt, eller hur? Det motsatta skulle vara mer meningsfullt.

se till att de stora sakerna är meningsfulla och hjälpsamma för besökare. Om dina underrubriker säger saker som ”produkter” eller ”tjänster”, fråga dig själv om en mer beskrivande term skulle vara mer användbar. Här är några exempel.

detta är bra för skannrar och användbarhet. Det är bra för synskadade och tillgänglighet. Det är också bra SEO bästa praxis. Missa aldrig en chans att ange relevans!

ProTip: underrubriker kan vara helt onödiga. Skulle den här sidan vara lika bra utan den? Skulle besökare fortfarande veta vad de tittar på? Om så är fallet, ta bara bort det.

Undvik långa stycken och lång radlängd

långa, blockiga stycken överensstämmer inte med bästa praxis för digitalt innehåll. Att helt enkelt bryta upp långa stycken gör innehållet lättare att konsumera. Som en allmän regel, skriv inte stycken längre än 3-4 rader.

”korta stycken blir lästa, långa stycken blir skummade, riktigt långa stycken hoppas över” – Jason Fried, grundare och VD, Basecamp

om linjelängden är mycket lång kan det vara svårare för besökare att läsa. Web Style Guide rekommenderar rader med högst 12 ord.

Undvik jargong. Använd enkla ord.

ju lättare det är att läsa, desto mer framgångsrik blir webbplatsen. Använd de vanliga orden som besökarna förväntar sig. Långa meningar och snygga ord tvingar den temporala loben att arbeta hårdare. Det är inte bra.

”håll det enkelt! ”Kognitiv flyt” är ett mått på hur lätt din besökares hjärna bearbetar vad de tittar på. När något är svårt att läsa, finner vi omedvetet det mer riskfyllt och/eller tidskrävande. Så, för att maximera konverteringen, använd kort text, enkla teckensnitt och en lättläst design.”- Roger Dooley, författare till Brainfluence

Kopiera som fungerar bra för användare med” låg läskunnighet ” fungerar bra för alla. Det handlar inte om att dumma ner det; det handlar om att använda enkelt språk som alla kan förstå. Forskning har visat att att sänka läsbarhetsnivåerna kan förbättra framgångsgraden för alla besökare.

även doktorander föredrar att läsa på 8: e klassnivå.

det stora ordet kan få dig att låta smart, men det kan få din besökare att känna sig dum. En Besökare som tvivlar på sig är osannolikt att vidta åtgärder. Så när du skriver, fortsätt fråga dig själv denna fråga:

vet 100% av besökarna betydelsen av orden på den här sidan?

Listordning och ”seriell Positionseffekt”

när du beställer listor i din kopia, lägg de viktiga sakerna i början och slutet. Läsarens uppmärksamhet och retention är lägst i mitten av någon lista. När besökare skannar sidan är det troligt att de första och sista objekten stannar i korttidsminnet.

källa: Order Effects Theory: Primacy versus Recency

svara på besökarnas toppfrågor

de kom med frågor. Webbplatsens huvudsakliga uppgift är att svara på dessa frågor. Varje obesvarad fråga är en missad möjlighet att bygga förtroende. Obesvarade frågor ökar också sannolikheten för att besökaren kommer att lämna.

när Joel Klettke tillämpade sin process för att hitta frågor och skriva svar kunde han fördubbla omvandlingsfrekvensen på Hubspot-målsidor. Han intervjuade kunder, analyserade deras svar, prioriterade meddelandena och till slut använde han publikens ord i den nya marknadsföringskopian. Smart!

här är frågorna Joel använder för att upptäcka besökarnas bästa frågor:

1. vad hände som fick dig att leta efter en lösning?
2. vad mer försökte du och vad älskade du inte om det?
3. vad höll dig nästan från att köpa från oss?
4. Vad gjorde dig säker nog att ge oss ett försök?
5. Vad gjorde X till den bästa lösningen för dig?
6. vad var viktigast för dig när du utvärderade X?
7. vad kan du göra nu (eller göra bättre) som du inte kunde göra tidigare?
8. ge mig ett exempel på när X gjorde skillnad för dig?

med ett ord, Vad är syftet med din webbplats? Svar.

Ytterligare läsning: den perfekta B2B-webbplatsens servicesida: 13-punkts checklista

Lägg till bevis och socialt bevis

”conformity bias” är den mänskliga tendensen att göra vad andra människor gör. Så att ge bevis för att andra har valt dig gör att du väljer ditt företag som ett bra val. Målet är att göra något annat beslut än att använda ditt företag verkar utanför normen.

ge dina besökare bevis på att du är legitim. Helst stöds alla dina marknadsföringsanspråk med bevis.

”hur många gånger har du klickat igenom till en webbplats på en design award vinnare lista och rullade ögonen på en nitning Titel tag ”hem”? Det här är vad som händer när du litar på att en byrå ska ”skapa något helt rad och unikt” istället för att välja en byrå som lovar att bygga något som fungerar som dina kunder/kunder behöver och förväntar sig att det ska fungera.”- Jen Salamandick, Kick Point

det snabbaste och enklaste sättet är att lägga till testimonials. Här är andra typer av sociala bevis.

• Endorsements från relevanta influencers
• produktrecensioner från kunder
• ”som sett i…” logotyper av media där ditt företag har nämnts
• sociala medier widgets som visar storleken på ditt följande
• Trust seals, inklusive föreningsmedlemskap, säkerhetscertifikat och utmärkelser

hur mycket bevis räcker? Hur många vittnesmål ska du lägga till?

mycket. Det är möjligt att det inte finns något sådant som för mycket bevis. Vi gjorde en snabb analys av en av Amazons produktdetaljsidor och fann att 43% av sidan är bevis och recensioner.

Pro Tips! Gör inte en testimonials sida. De tenderar att vara låga trafiksidor. Lägg istället till vittnesmål på varje servicesida.

nämna knapphet, trigger”förlust aversion”

människor är inte effektiva kostnads/nytta räknare. Vi tenderar att övervärdera förluster och undervärdera vinster. Med andra ord är förluster mer smärtsamma än vinster är behagliga.

detta är sant online och offline och förklarar mycket mänskligt beteende. Den här artikeln förklarar det bra: tillämpa beteendeekonomi och kognitiv psykologi på designprocessen.

denna aversion mot förluster kan vara användbar för webbdesigners och copywriters. Här är några tips för att skriva kopia med förlust aversion i åtanke.

• betona kostnaderna för att inte använda din produkt eller tjänst.
• Gruppkostnader tillsammans, lista fördelar separat.
• betona omedelbara vinster.
• skapa brådskande med begränsade tidserbjudanden. Om produkten är knapp, säg det.

Påminn dina besökare försiktigt vad de kommer att sakna, riskera eller förlora genom att inte vidta åtgärder just nu.

optimera e-postregistreringsformulär för prenumeranter

det finns en längst ner i det här inlägget. Det är en uppmaning att prenumerera. Om du tittar noga ser du att den innehåller tre separata element. Dessa är 3 P för e-post registreringsformulär.

• framträdande det sticker ut inom den visuella hierarkin
• löfte det berättar läsaren vad de får en Hur ofta
• bevis det använder socialt bevis: antalet abonnenter eller en liten rekommendation

när vi först experimenterade med dessa förändringar var omvandlingsfrekvensen på den äldre formen mycket låg, så förbättringen var dramatisk. Vi såg en 4,863% ökning av e-postregistreringar.

när du utformar ditt e-postregistreringsformulär, gör det synligt, använd socialt bevis och berätta för läsarna vad de kommer att få.

mer än bara en vacker plats

alla älskar skönhet. Alla älskar coola nya designfunktioner. Alla är kritiker. Men som besökare behöver vi mer än skönhet. Vi behöver information. Och som webbplatsägare behöver vi resultat.

här är två studier med samma resultat. Den första är en undersökning av Hubspot som visar besökare värde lätt att hitta information mer än vacker design eller fancy UX.

denna andra studie är slutsatsen av en uppsättning användartester av NN Group. Det visar att när besökare misslyckas beror det på att de inte kan hitta information, inte för att webbplatsen inte är tillräckligt vacker.

jag älskar vacker design lika mycket som någon annan. Det var därför jag började i den här branschen! Och jag tänker ofta på detta citat:

”en designers liv är ett liv i kamp. Kämpa mot fulheten.”- Massimo Vignelli, design legend

men i webbdesign skapar vi behållare för innehåll. Och besökarna kom för innehållet, inte behållaren.

webbplatser ska vara vackra. De bör ha en visuell eller känslomässig inverkan på besökarna. Men framgången för din webbplats går långt utöver skönhet. Det handlar om att hjälpa besökare att hitta vad de behöver. Det är hjärtat i varje tips i den här artikeln. Och det är det verkliga syftet med webbdesign.

hjälp dina besökare att hitta vad de kom för, och ge dem sedan vad du vill att de ska ha.