Bygga hemsida: att tänka på -Bloggcoach

1,399 views

Published on

En introduktion till förförståelsen kring att bygga en webbplats. Material till Bloggcoachs kurs i WordPress. Vill du lära dig WordPress, läs mer på Bloggcoach.nu

Published in: Self Improvement
  • Be the first to comment

  • Be the first to like this

Bygga hemsida: att tänka på -Bloggcoach

  1. 1. INTRO:WEBBDESIGN1.0Bloggcoach I Lär dig WordPress
  2. 2. VISSTE DU ATT… •Idag så ”googlar” vi oss fram på internet vilket innebär att alla sidor kan vara potentiella första sidor och att sökmotorsoptimering är avgörande •Ca 20-30% av besökarna klickar sig inte vidare från första sidan under ett besök •80% av de sidor man surfar in på via Google antas vara ointressanta •Att You Tube har fler sökningar per/dag än Google •Vi läser inte text oå skärmen utan skannar av sidan/söker efter nyckelordBloggcoach I Lär dig WordPress
  3. 3. EX HEATMAPBesökaren skannar av sidan som ett F för att se vilket innehåll som är relevant. Vi är merbenägna att skanna av övre delen av hemsidan än undre. Ögat letar efter rubriker, bilder,fetade ord… Besökaren kartlägger sidan och innehållet på 25 sek.
  4. 4. 9 WEBBDESIGN TIPSBra designade hemsidor löser målgruppensproblem, uppfyller ett syfte och lär sig hela tiden mer omsina besökare.• Vad du ser är inte alltid vad din hjärna förstårTänk på att bakgrund, kultur, kunskap, förväntningar och tidigare erfarenheter kan spela en avgörande roll för vad besökarna ser på din hemsida.• Vi skannar av en hemsida från vänster till höger om vi inte blir avbrutnaPlacera det viktigaste på din hemsida i dess övre del (tänk Folder view) eller i mitten och försök att skapa ett flöde som följer läsrörelsen/skanningen. Undvik att lägga viktigt innehåll i marginalen.• Vi läser snabbare text på långa rader i en singel kolumn men föredrar kortare textraderAnvänd längre textrader ifall lässnabbhet prioriteras (100 tecken/rad). Vid en text som kräver fler sidor använd flera kolumner och kortare textrader (45 tecken/rad)• Vi gillar att göra det andra görFör att övertyga besökarna använd andra besökares referenser och betyg (sk socialt godkännande). Lyft fram bra exempel!
  5. 5. • Vi kan lättare känna igen information än att komma ihåg denOm du vill att besökarna ska komma ihåg någonting bör du upprepa det. Dela upp och begränsa till 3-4 innehållsdelar och visa vad besökarna behöver veta när de behöver veta det (progressivt avslöjande).• Vi tar till oss information bäst i ett historieformatAnvänd historier för att göra informationen förstålig, intressant eller minnesvärd. Tänk på att anekdoter övertygar mer än fakta.• Vi filtrerar information för att vi måsteVad som är uppenbart för dig behöver inte vara uppenbart för besökarna så gör inga antaganden. Använd statistiken, enkäter och målgruppsanalyser.• Vi använder utseendet och känslan som en indikator på pålitlighetDesignfaktorer (färg, layout, bilder mm.) är avgörande i att etablera tillit men även innehåll och kredibilitet är viktigt.• Vi gillar att titta på andra människorUtnyttja besökarnas reaktion och uppmärksamhetAv ansikten och av emotionella och direktakopplingar (ögonriktningar).Källa: 100 thingsverywebdesignerneeds to knowaboutpeople, Weinschenk Susan
  6. 6. NAVIGERINGOm dina besökare inte hittar vad de letar efter så ger de upp och risken är att de varken kommer tillbaka eller rekommenderar hemsidan.• Behåll navigeringsstrukturen enkel• Lägg till navigering i sidfoten• Använd breadcrums (navigeringsspår)• Inkludera en sökruta• Erbjud inte för många navigerings möjligheter• Ha max tre nivåer i navigeringen
  7. 7. TILLGÄNGLIGHET• Se till att alla som besöker din hemsida kan se den oavsett webbläsare eller applikation.• Handikappsvänligt*TIPS: Se till att din WP-mall är responsive
  8. 8. INNEHÅLL ÄR KÄRNAN• Utgå från din målgrupp Varför besöker de hemsidan? Vad har de för behov? Vad kräver de av din hemsida? Var har de för beteende online?• Formulera ett tydligt budskap• Var tydlig med vad du vill att besökaren ska göra härnäst Använd t ex uppmaningar sk ”Call for actions ”.• Testa copyn (A/B-testing).• Erbjud något mer av värde. Bjud på något!• Publicera uppdaterat kvalitetsinnehåll• Gör innehåll delbart, sticky och socialt
  9. 9. FRÅGOR OM INNEHÅLL• Lyfter/förtydligar innehållet hemsidans syfte?• Får innehållet målgruppen att återvända och tipsa fler?• Engagerar innehållet? Är det ändamålsenligt?• Visar innehållet vad man ska göra härnäst?• Förklarar innehållet varför målgruppen ska köpa/prenumerera/ladda ner/kontakta dig istället för någon annan?• Visar innehållet vad som är unikt med dig/din hemsida tillskillnad från dina konkurrenter?TIPS: Vill du fördjupa dig i innehållsutveckling för hemsidan sök på ”contentstrategy” + ”content marketing”Bloggcoach I Lär dig WordPress
  10. 10. TONE OF VOICE• Ge din hemsida en karaktär och personlighet som skiljer den från dina konkurrenter• Utgå från ditt varumärke, målgrupp och syfte med hemsidan• Tänk på att allt på hemsidan sätter din tonalitet: färger, bilder, formulär, etiketter, länkar… * Tone är attityd och utrycker känslor och inställningen av personligheten (Voice). Voice är huvudsakliga personlighet och tar sitt avstamp i varumärke, målgrupp, vision och mission.
  11. 11. SKRIVA FÖR WEBBENEn bra webbplats har både långa och korta, inledande för desom snabbt vill hitta det viktigaste och utförligare texter förden som vill ha detaljerna.• Tumregel: hälften så lång som motsvarande text på papper.• Webbrubriker måste fungera på egen hand och locka till läsning/klickning (som länk) + som sökrubriker• Jobba konsekvent med nyckelord• Textformatering: rubriker, ingresser, fet, punktlistor• Lyft fram rätt saker och Skriv det viktigaste först, ha en objektiv ton och variera längden på texterna.TIPS: Läs mer om att skriva för webben
  12. 12. ANVÄNDARVÄNLIGHET• Gör dina hemsida lätt att skanna av och läsa samt navigera• Var konsekvent• Gör det enkelt att kontakta dig• Berätta vad du vill att din besökare ska göra• Skapa tydliga text länkar och innehållstruktur• Identifiera vad besökarna gör på hemsidan genom bl a analys av statistiken. Testa dig fram.• Tänk på användarupplevelsen på din hemsidaBloggcoach I Lär dig WordPress
  13. 13. BloggcoachI Lär dig WordPress Bloggcoach bedriver sedan 2009 kompetenshöjning och utveckling i WordPress och är idag Sveriges mest anlitade WordPressutbildare. Anmäl dig till en WordPresskurs eller boka en coachning i WordPress idag – besök Bloggcoach.nu!

×