10 tips til din hjemmeside

<
C

<
O 5 K P
W Q C
6 7 O 5 K P
I = M
W Q
F G Z ? 6 7 I
O
= M
? 6
%

D H 1
< R B F G Z
" (

%
P K
C X
T D H 1
< R B F
5 O > " ( C X
Q W P K T D H
I 7 6 ? 5 O >
M = Q W P K
I 7 6 ?
M = I
<

C

<
5 K P
W C
Q
7 O 5 K P
I = M
W Q
G Z
? 6 7 I
O 5
= M
%

DANIEL ORD
• Medievidenskab

DANIEL ORD
• Medievidenskab
• Deltagelse og sociale medier

DANIEL ORD
• Medievidenskab
• Deltagelse og sociale medier
• Speciale i turistbranchens
brug af nye medier

JONAS GRAU
• Selvstændig
• Iværksætter

JONAS GRAU
• Selvstændig
• Iværksætter
• IT-studerende

JONAS GRAU
• Selvstændig
• Iværksætter
• IT-studerende
• Venlig nørd

JONAS GRAU
• Selvstændig
• Iværksætter
• IT-studerende
• Venlig nørd

www.subvision.dk
jonas@subvision.dk
26 21 90 07

PROGRAM
• Introduktion
• Generelt om hjemmesider

PROGRAM
• Introduktion
• Tricks

PROGRAM
• Introduktion
• Tricks
• Kl. 12: Frokost

PROGRAM
• Introduktion
• Tricks
• Kl. 12: Frokost
• Flere tricks

PROGRAM
• Introduktion
• Tricks
• Kl. 12: Frokost
• Flere tricks
• Kl. 14: Kaffe

PROGRAM
• Introduktion
• Tricks
• Kl. 12: Frokost
• Flere tricks
• Kl. 14: Kaffe
• Opsamling

PROGRAM
• Introduktion
• Tricks
• Kl. 12: Frokost
• Flere tricks
• Kl. 14: Kaffe
• Opsamling
• Senest kl. 16: Farvel og tak

PRAKTISKE OPLYSNINGER
• Toiletter

• Toiletter
• Rygepolitik

• Toiletter
• Rygepolitik
• Pauser

HVEM ER I?
• Navn
• Organisation
• Hjemmeside
• Stilling og arbejdsområde
• Erfaring
• Forventninger til i dag

MIT MÅL FOR I DAG
I forhold til jeres hjemmeside skal I blive:

MIT MÅL FOR I DAG

• opmærksomme på hvad der kan forbedres

MIT MÅL FOR I DAG

• i stand til at gøre det bedre

MIT MÅL FOR I DAG

• bedre rustet til at søge hjælp

MIT MÅL FOR I DAG

• bedre rustet til at søge hjælp

Og at I får en god, lærerig dag

10 TRICKS TIL DIN HJEMMESIDE
1. Vær læsevenlig

1. Vær læsevenlig
2. Simpel er OK

1. Vær læsevenlig
2. Simpel er OK
3. Opdater jævnligt

1. Vær læsevenlig
2. Simpel er OK
4. Brug flere medier

1. Vær læsevenlig
2. Simpel er OK
4. Brug flere medier
5. Gør det nemt at finde vigtig information

6. Vær konsistent

6. Vær konsistent
7. Giv en helhedsoplevelse

6. Vær konsistent
8. Test din hjemmeside

6. Vær konsistent
9. Optimer til søgemaskinerne

6. Vær konsistent
9. Optimer til søgemaskinerne
10. Spørg om hjælp

ELEMENTERNE PÅ EN HJEMMESIDE
• Hoved
• Navigation
• Indhold
• Evt. højre/venstre kolonne
• Fod

FLERE ELEMENTER
• Tekst
• Interne og eksterne links

FLERE ELEMENTER
• Tekst
• Billeder

FLERE ELEMENTER
• Tekst
• Billeder
• Andet?

ORD JEG BRUGER...
• Brugere = besøgende (gæster på hjemmesiden)

ORD JEG BRUGER...
• Brugere = besøgende (gæster på hjemmesiden)
• ...

DEN GYLDNE (NØGLE)
SÆTNING
Få brugeren til at føle sig klog!

TRICK NR. 1:
VÆR LETLÆSELIG
• Brugere læser ikke - de skimmer

TRICK NR. 1:
VÆR LETLÆSELIG
• Kun 20% af teksten bliver læst

TRICK NR. 1:
VÆR LETLÆSELIG
• Kun 20% af teksten bliver læst
• TV = lean back, Internet = lean forward

VÆR LETLÆSELIG
SKRIV TIL NETTET

VÆR LETLÆSELIG
SKRIV TIL NETTET
• Skriv det vigtigste information i toppen

VÆR LETLÆSELIG
SKRIV TIL NETTET
• Gode underoverskrifter

VÆR LETLÆSELIG
SKRIV TIL NETTET
• Punktform i stedet for tekstafsnit

VÆR LETLÆSELIG
SKRIV TIL NETTET
• Punktform i stedet for tekstafsnit
• Brug halvt så mange ord

VÆR LETLÆSELIG
BRUG BILLEDER

VÆR LETLÆSELIG
BRUG BILLEDER
• Et billede siger mere end 1000 ord

VÆR LETLÆSELIG
BRUG BILLEDER
• Men tager 10 gange så lang tid at hente

VÆR LETLÆSELIG
BRUG BILLEDER
• Upload i korrekt størrelse

VÆR LETLÆSELIG
BRUG BILLEDER
• Link evt. til stort format

VÆR LETLÆSELIG
BRUG BILLEDER
• Billeder inde i teksten er godt for øjet

VÆR LETLÆSELIG
BRUG BILLEDER
• Billeder inde i teksten er godt for øjet
• Virker som blikfang og kan guide øjet til vigtig
information

VÆR LETLÆSELIG
ØVELSE
• Sig pænt goddag til din sidemand
• Find en artikel på din hjemmesider
• Forklar ham/hende de vigtigste punkter i så
korte træk som muligt
• Byt

TRICK NR. 2:
SIMPEL ER OK
• Brugeren skal kunne
overskue hjemmesiden

TRICK NR. 2:
SIMPEL ER OK
• Uoverskuelighed
= frustrerede brugere

TRICK NR. 2:
SIMPEL ER OK
• Uoverskuelighed
• KISS, Kill your darlings

TRICK NR. 2:
SIMPEL ER OK
• Uoverskuelighed
• Det gælder ikke om fylde hele skærmen ud

TRICK NR. 2:
SIMPEL ER OK
• Uoverskuelighed
• Det gælder ikke om fylde hele skærmen ud
• Gør det tydeligt, hvad der passer hvor

TRICK NR. 3:
OPDATER JÆVNLIGT

TRICK NR. 3:
OPDATER JÆVNLIGT
• Vedligeholdelse opbygger troværdighed

TRICK NR. 3:
OPDATER JÆVNLIGT
• Forældet indhold skaber utryghed

TRICK NR. 3:
OPDATER JÆVNLIGT
• Besøgende får en grund til at komme tilbage

TRICK NR. 3:
OPDATER JÆVNLIGT
• Besøgende får en grund til at komme tilbage
• Godt for søgemaskinerne (mere senere)

OPDATER JÆVNLIGT
ØVELSE
• Snak sammen i grupper
• Find konkrete forslag til nye tiltag på
hinandens hjemmesider, der egner sig til
løbende opdatering

OPDATER JÆVNLIGT
MINE FORSLAG

OPDATER JÆVNLIGT
MINE FORSLAG
• Nyheder

OPDATER JÆVNLIGT
MINE FORSLAG
• Nyheder
• Beretninger fra arrangementer

OPDATER JÆVNLIGT
MINE FORSLAG
• Nyheder
• Kalender

OPDATER JÆVNLIGT
MINE FORSLAG
• Nyheder
• Kalender
• Ugen der gik

OPDATER JÆVNLIGT
MINE FORSLAG
• Nyheder
• Kalender
• Ugen der gik
• Næste uges program

TRICK NR. 4:
BRUG FLERE MEDIER

TRICK NR. 4:
BRUG FLERE MEDIER
• Din hjemmeside er en del af et økosystem

TRICK NR. 4:
BRUG FLERE MEDIER
• E-mail (send til ven)

TRICK NR. 4:
BRUG FLERE MEDIER
• Facebook

TRICK NR. 4:
BRUG FLERE MEDIER
• Facebook
• Godt til at skabe omtale

TRICK NR. 4:
BRUG FLERE MEDIER
• Facebook
• Kommunikationsplatform

TRICK NR. 4:
BRUG FLERE MEDIER
• Facebook
• Youtube

TRICK NR. 4:
BRUG FLERE MEDIER
• Facebook
• Youtube
• Google Maps

BRUG MANGE MEDIER
EKSEMPLER
• http://anybite.com
• http://tripadvisor.com
• http://auningby.dk/news.php?extend.51.1
• http://scootertv.dk

BRUG MANGE MEDIER
ØVELSE
• Embed en video fra Youtube i et nyt indlæg
• Embed et Google Map i et nyt indlæg

Find youtube video
10hjemmesidetricks.wordpress.com
Kopier <Embed> koden
Bruger: 10hjemmesidetricks
Rediger den artikel i før oprettede
Kodeord: 1234asdf
Indsæt koden under HTML-fanebladet

TRICK NR. 5:
GØR DET NEMT AT FINDE VIGTIG
INFORMATION

TRICK NR. 5:
INFORMATION
• Sæt dig i dine brugeres sted

TRICK NR. 5:
INFORMATION
• Lav logisk opdeling af menupunkter

TRICK NR. 5:
INFORMATION
• Tilbyd søgning

TRICK NR. 5:
INFORMATION
• Tilbyd søgning
• Brug forsiden

TRICK NR. 6:
VÆR KONSISTENT
• Overhold konventionerne

TRICK NR. 6:
VÆR KONSISTENT
• Brugere genbruger viden

TRICK NR. 6:
VÆR KONSISTENT
• Faste pladser til hjemmesidens elementer

TRICK NR. 6:
VÆR KONSISTENT
• Faste pladser til hjemmesidens elementer
• Undlad at være for kreativ med teksten

VÆR KONSISTENT
KONVENTIONER
• Logo placeres oftest i øverste venstre hjørne

VÆR KONSISTENT
KONVENTIONER
• Klik på logo fører til forsiden

VÆR KONSISTENT
KONVENTIONER
• Et menupunkt er et internt link

VÆR KONSISTENT
KONVENTIONER
• Links er understregede

VÆR KONSISTENT
KONVENTIONER
• Og understreget tekst er links!

VÆR KONSISTENT
KONVENTIONER
• Et link skal ikke åbne i et nyt vindue

VÆR KONSISTENT
KONVENTIONER
• Det ødelægger “tilbage”-knappen

VÆR KONSISTENT
KONVENTIONER
• Det ødelægger “tilbage”-knappen
• Lad brugeren bestemme

VÆR KONSISTENT
ØVELSE
• Brug lidt tid på at browse rundt på din
hjemmeside
• Overholder den konventionerne?
• Noter dine resultater

TRICK NR. 7:
GIV EN HELHEDSOPLEVELSE

TRICK NR. 7:
• Overhold samme udtryk på tværs af medier

TRICK NR. 7:
• Benyt fysiske referencer

TRICK NR. 7:
• Benyt fysiske referencer
• Eksempel
• Bruger I fysiske referencer på
hjemmesiden?

TRICK NR. 8:
TEST DIN HJEMMESIDE

TRICK NR. 8:
TEST DIN HJEMMESIDE
• Umuligt at se sin hjemmesiden som brugeren
ser den

TRICK NR. 8:
TEST DIN HJEMMESIDE
ser den
• Tænke-højt test

TRICK NR. 8:
TEST DIN HJEMMESIDE
ser den
• Nem, billig og god metode til brugertest

TRICK NR. 8:
TEST DIN HJEMMESIDE
ser den
• Nem, billig og god metode til brugertest
• Kan være skræmende effektiv

TEST DIN HJEMMESIDE
TÆNKE-HØJT TEST

TEST DIN HJEMMESIDE
TÆNKE-HØJT TEST
1. Fortæl navnet og adressen på hjemmesiden

TEST DIN HJEMMESIDE
TÆNKE-HØJT TEST
2. Inden han/hun går ind på siden, spørg om deres
forventninger til hvad siden indeholder

TEST DIN HJEMMESIDE
TÆNKE-HØJT TEST
3. Opsæt et scenarie der tester en essentiel funktion

TEST DIN HJEMMESIDE
TÆNKE-HØJT TEST
4. Bed brugeren om at løse opgaven mens han/hun
“tænker højt”

TEST DIN HJEMMESIDE
TÆNKE-HØJT TEST
“tænker højt”
5. Forhold dig stille imens opgaven udføres. Læg mærke
til hvordan han/hun benytter hjemmesiden

TEST DIN HJEMMESIDE
TÆNKE-HØJT TEST
“tænker højt”
5. Forhold dig stille imens opgaven udføres. Læg mærke
til hvordan han/hun benytter hjemmesiden
6. Gentag punkt 3. til 5 for flere essentielle funktioner

TEST DIN HJEMMESIDE
FORSLAG TIL SCENARIER

TEST DIN HJEMMESIDE
• Du skal arrangere familiedagen på søndag og
skal finde ud af om [xxx] har åbent

TEST DIN HJEMMESIDE
• Du skal overnatte søndag til mandag og skal
booke et værelse

TEST DIN HJEMMESIDE
• Du skal overnatte søndag til mandag og skal
booke et værelse
• Du leder efter et kursuscenter til en konference,
men er på et stramt budget. Find priserne på
leje af lokaler til et éndagskursus inklusiv the,
kaffe, og kage

TEST DIN HJEMMESIDE
ØVELSE
• Gå sammen med din sidemand
• Lav en tænke-højt test af din hjemmeside
• 30 min. pr. hjemmeside
• Notér resultatet

TRICK NR. 9:
OPTIMER TIL SØGEMASKINERNE

TRICK NR. 9:
• En søgemaskine læser alle hjemmesider

TRICK NR. 9:
• Kigger på hvert enkelt ord i indholdet

TRICK NR. 9:
• Tæller links

TRICK NR. 9:
• Tæller links
• En god placering i Google er meget vigtig

TIPS OG TRICKS

TIPS OG TRICKS
• Sæt dig i brugerens sted - hvilke ord kunne
man forestille sig, at de søger på?

TIPS OG TRICKS
• Skriv de søgeord i titlen, overskriften,
underoverskrifter og links

TIPS OG TRICKS
• Brug selve søgeordet til links, ikke “klik her”

TIPS OG TRICKS
• Nyt indhold er godt

TIPS OG TRICKS
• Nyt indhold er godt
• F.eks. nyhedssektion, blog osv.

ØVELSE
• Overvej hvilke søgeord der er interessante
• Lav en søgning på de søgeord - hvor ligger du
henne i resultatet?
• Se din hjemmeside igennem - benytter du
allerede nogle af førnævnte tricks?
• Prøv evt. at finde din sidemands hjemmeside på
Google - lad som om du ikke kender
firmanavnet.

TRICK NR. 10:
SPØRG OM HJÆLP

TRICK NR. 10:
SPØRG OM HJÆLP
• Spørgs kunderne om deres mening om din
hjemmeside

TRICK NR. 10:
SPØRG OM HJÆLP
hjemmeside
• Forslag / Ideer

TRICK NR. 10:
SPØRG OM HJÆLP
hjemmeside
• Forslag / Ideer
• Er det noget du selv kan lave?

SPØRG OM HJÆLP
FÅ PROFESSIONEL HJÆLP

SPØRG OM HJÆLP
• Vær specifik og gå i detaljer

SPØRG OM HJÆLP
•Det er svært at give et tilbud på noget der er
løst defineret

SPØRG OM HJÆLP
løst defineret
• Beskriv formålet med det du gerne vil have

SPØRG OM HJÆLP
løst defineret
• Nogle gange er løsningen nemmere end man
tror

SPØRG OM HJÆLP
løst defineret
tror
• Tegn hvad du mener

SPØRG OM HJÆLP
løst defineret
tror
• Tegn hvad du mener
• Wireframing

SPØRG OM HJÆLP
WIREFRAMING

• Meget overordnet

SPØRG OM HJÆLP
WIREFRAMING

• Tegning af elementerne og deres
placering i forhold til hinanden

SPØRG OM HJÆLP
WIREFRAMING

• Funktionalitet - ikke design

SPØRG OM HJÆLP
WIREFRAMING

• Funktionalitet - ikke design
• Kan spare dig for tid og penge

SPØRG OM HJÆLP
ØVELSE
• Lav en wireframe af
• en ny idé du har fået under dette kursus
• eller din nuværende forside samt en
underside
• Få så mange af dagens guldkorn med som
muligt

OPSAMLING
• Vær læsevenlig. Det vigtigste øverste. Hold det
kort. Brugere på nettet læser ikke - de skimmer.

OPSAMLING
• Simpel er OK. Gælder både design og indhold

OPSAMLING
• Opdater jævnligt. Opbygger troværdighed.
Brugeren kommer tilbage. Godt for Google

OPSAMLING
• Opdater jævnligt. Opbygger troværdighed.
Brugeren kommer tilbage. Godt for Google
• Brug flere medier. Du er en del af et økosystem.
Embed fra Youtube. Opret en side på Facebook.

OPSAMLING
• Gør det nemt at finde vigtig information.
Logisk opdeling. Tilbyd søgning.

OPSAMLING
• Vær konsistent. Overhold konventionerne. Vær
konsistent på din egen hjemmeside. Undgå at blive
for kreativ med tekstformateringen.

OPSAMLING
• Vær konsistent. Overhold konventionerne. Vær
konsistent på din egen hjemmeside. Undgå at blive
for kreativ med tekstformateringen.
• Giv en helhedsoplevelse. Samlet grafisk udtryk.
Benyt fysiske referencer.

OPSAMLING
• Test din hjemmeside. Tænke-højt test. Lær
hvordan dine brugere tænker.

OPSAMLING
• Optimer til søgemaskinerne. Brug vigtige ord i
titler, overskrifter, underoverskrifter og links.
Ingen “klik her” links.

OPSAMLING
• Optimer til søgemaskinerne. Brug vigtige ord i
titler, overskrifter, underoverskrifter og links.
Ingen “klik her” links.
• Spørg om hjælp. Hør dine kunders mening. Vær
specifik hvis du skal indhente tilbud. Beskriv
formålet med dine ændringer. Wireframing.

10 tips til din hjemmeside

More Related Content

Viewers also liked

Similar to 10 tips til din hjemmeside

More from Seismonaut

10 tips til din hjemmeside