SlideShare a Scribd company logo
<
                         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
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
JONAS GRAU
•   Selvstændig
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
PROGRAM
•   Introduktion
PROGRAM
•   Introduktion
•   Generelt  om  hjemmesider
PROGRAM
•   Introduktion
•   Generelt  om  hjemmesider
•   Tricks
PROGRAM
•   Introduktion
•   Generelt  om  hjemmesider
•   Tricks
•   Kl.  12:  Frokost
PROGRAM
•   Introduktion
•   Generelt  om  hjemmesider
•   Tricks
•   Kl.  12:  Frokost
•   Flere  tricks
PROGRAM
•   Introduktion
•   Generelt  om  hjemmesider
•   Tricks
•   Kl.  12:  Frokost
•   Flere  tricks
•   Kl.  14:  Kaffe
PROGRAM
•   Introduktion
•   Generelt  om  hjemmesider
•   Tricks
•   Kl.  12:  Frokost
•   Flere  tricks
•   Kl.  14:  Kaffe
•   Opsamling
PROGRAM
•   Introduktion
•   Generelt  om  hjemmesider
•   Tricks
•   Kl.  12:  Frokost
•   Flere  tricks
•   Kl.  14:  Kaffe
•   Opsamling
•   Senest  kl.  16:  Farvel  og  tak
PRAKTISKE OPLYSNINGER
PRAKTISKE OPLYSNINGER
•   Toiletter
PRAKTISKE OPLYSNINGER
•   Toiletter
•   Rygepolitik
PRAKTISKE OPLYSNINGER
•   Toiletter
•   Rygepolitik
•   Pauser
HVEM ER I?
HVEM ER I?
•   Navn
•   Organisation
•   Hjemmeside
•   Stilling  og  arbejdsområde
•   Erfaring
•   Forventninger  til  i  dag
MIT MÅL FOR I DAG
MIT MÅL FOR I DAG
I  forhold  til  jeres  hjemmeside  skal  I  blive:
MIT MÅL FOR I DAG
I  forhold  til  jeres  hjemmeside  skal  I  blive:

•  opmærksomme  på  hvad  der  kan  forbedres
MIT MÅL FOR I DAG
I  forhold  til  jeres  hjemmeside  skal  I  blive:

•  opmærksomme  på  hvad  der  kan  forbedres
•  i  stand  til  at  gøre  det  bedre
MIT MÅL FOR I DAG
I  forhold  til  jeres  hjemmeside  skal  I  blive:

•  opmærksomme  på  hvad  der  kan  forbedres
•  i  stand  til  at  gøre  det  bedre
•  bedre  rustet  til  at  søge  hjælp
MIT MÅL FOR I DAG
I  forhold  til  jeres  hjemmeside  skal  I  blive:

•  opmærksomme  på  hvad  der  kan  forbedres
•  i  stand  til  at  gøre  det  bedre
•  bedre  rustet  til  at  søge  hjælp


Og  at  I  får  en  god,  lærerig  dag
10 TRICKS TIL DIN HJEMMESIDE
10 TRICKS TIL DIN HJEMMESIDE
1. Vær  læsevenlig
10 TRICKS TIL DIN HJEMMESIDE
1. Vær  læsevenlig
2. Simpel  er  OK
10 TRICKS TIL DIN HJEMMESIDE
1. Vær  læsevenlig
2. Simpel  er  OK
3. Opdater  jævnligt
10 TRICKS TIL DIN HJEMMESIDE
1. Vær  læsevenlig
2. Simpel  er  OK
3. Opdater  jævnligt
4. Brug  flere  medier
10 TRICKS TIL DIN HJEMMESIDE
1. Vær  læsevenlig
2. Simpel  er  OK
3. Opdater  jævnligt
4. Brug  flere  medier
5. Gør  det  nemt  at  finde  vigtig  information
10 TRICKS TIL DIN HJEMMESIDE
10 TRICKS TIL DIN HJEMMESIDE
6. Vær  konsistent
10 TRICKS TIL DIN HJEMMESIDE
6. Vær  konsistent
7. Giv  en  helhedsoplevelse
10 TRICKS TIL DIN HJEMMESIDE
6. Vær  konsistent
7. Giv  en  helhedsoplevelse
8. Test  din  hjemmeside
10 TRICKS TIL DIN HJEMMESIDE
6. Vær  konsistent
7. Giv  en  helhedsoplevelse
8. Test  din  hjemmeside
9. Optimer  til  søgemaskinerne
10 TRICKS TIL DIN HJEMMESIDE
6. Vær  konsistent
7. Giv  en  helhedsoplevelse
8. Test  din  hjemmeside
9. Optimer  til  søgemaskinerne
10.  Spørg  om  hjælp
ELEMENTERNE PÅ EN HJEMMESIDE
ELEMENTERNE PÅ EN HJEMMESIDE
•   Hoved
•   Navigation
•   Indhold
•   Evt.  højre/venstre  kolonne
•   Fod
FLERE ELEMENTER
FLERE ELEMENTER
•   Tekst
FLERE ELEMENTER
•   Tekst
•   Interne  og  eksterne  links
FLERE ELEMENTER
•   Tekst
•   Interne  og  eksterne  links
•   Billeder
FLERE ELEMENTER
•   Tekst
•   Interne  og  eksterne  links
•   Billeder
•   Andet?
ORD JEG BRUGER...
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
DEN GYLDNE (NØGLE)
SÆTNING
Få  brugeren  til  at  føle  sig  klog!
DEN GYLDNE (NØGLE)
SÆTNING
Få  brugeren  til  at  føle  sig  klog!
DEN GYLDNE (NØGLE)
SÆTNING
Få  brugeren  til  at  føle  sig  klog!
TRICK NR. 1:
VÆR LETLÆSELIG
TRICK NR. 1:
VÆR LETLÆSELIG
•   Brugere  læser  ikke  -­  de  skimmer
TRICK NR. 1:
VÆR LETLÆSELIG
•   Brugere  læser  ikke  -­  de  skimmer
•   Kun  20%  af  teksten  bliver  læst
TRICK NR. 1:
VÆR LETLÆSELIG
•   Brugere  læser  ikke  -­  de  skimmer
•   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
•   Skriv  det  vigtigste  information  i  toppen
•   Gode  underoverskrifter
VÆR LETLÆSELIG
SKRIV TIL NETTET
•   Skriv  det  vigtigste  information  i  toppen
•   Gode  underoverskrifter
•   Punktform  i  stedet  for  tekstafsnit
VÆR LETLÆSELIG
SKRIV TIL NETTET
•   Skriv  det  vigtigste  information  i  toppen
•   Gode  underoverskrifter
•   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
•   Et  billede  siger  mere  end  1000  ord
     •   Men  tager  10  gange  så  lang  tid  at  hente
VÆR LETLÆSELIG
BRUG BILLEDER
•   Et  billede  siger  mere  end  1000  ord
     •   Men  tager  10  gange  så  lang  tid  at  hente
     •   Upload  i  korrekt  størrelse
VÆR LETLÆSELIG
BRUG BILLEDER
•   Et  billede  siger  mere  end  1000  ord
     •   Men  tager  10  gange  så  lang  tid  at  hente
     •   Upload  i  korrekt  størrelse
     •   Link  evt.  til  stort  format
VÆR LETLÆSELIG
BRUG BILLEDER
•   Et  billede  siger  mere  end  1000  ord
     •   Men  tager  10  gange  så  lang  tid  at  hente
     •   Upload  i  korrekt  størrelse
     •   Link  evt.  til  stort  format
•   Billeder  inde  i  teksten  er  godt  for  øjet
VÆR LETLÆSELIG
BRUG BILLEDER
•   Et  billede  siger  mere  end  1000  ord
     •   Men  tager  10  gange  så  lang  tid  at  hente
     •   Upload  i  korrekt  størrelse
     •   Link  evt.  til  stort  format
•   Billeder  inde  i  teksten  er  godt  for  øjet
•   Virker  som  blikfang  og  kan  guide  øjet  til  vigtig  
    information
VÆR LETLÆSELIG
BRUG BILLEDER
•   Et  billede  siger  mere  end  1000  ord
     •   Men  tager  10  gange  så  lang  tid  at  hente
     •   Upload  i  korrekt  størrelse
     •   Link  evt.  til  stort  format
•   Billeder  inde  i  teksten  er  godt  for  øjet
•   Virker  som  blikfang  og  kan  guide  øjet  til  vigtig  
    information
VÆR LETLÆSELIG
BRUG BILLEDER
•   Et  billede  siger  mere  end  1000  ord
     •   Men  tager  10  gange  så  lang  tid  at  hente
     •   Upload  i  korrekt  størrelse
     •   Link  evt.  til  stort  format
•   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
TRICK NR. 2:
SIMPEL ER OK
•   Brugeren  skal  kunne
    overskue  hjemmesiden
TRICK NR. 2:
SIMPEL ER OK
•   Brugeren  skal  kunne
    overskue  hjemmesiden
•   Uoverskuelighed  
    =  frustrerede  brugere
TRICK NR. 2:
SIMPEL ER OK
•   Brugeren  skal  kunne
    overskue  hjemmesiden
•   Uoverskuelighed  
    =  frustrerede  brugere
•   KISS,  Kill  your  darlings
TRICK NR. 2:
SIMPEL ER OK
•   Brugeren  skal  kunne
    overskue  hjemmesiden
•   Uoverskuelighed  
    =  frustrerede  brugere
•   KISS,  Kill  your  darlings
•   Det  gælder  ikke  om  fylde  hele  skærmen  ud
TRICK NR. 2:
SIMPEL ER OK
•   Brugeren  skal  kunne
    overskue  hjemmesiden
•   Uoverskuelighed  
    =  frustrerede  brugere
•   KISS,  Kill  your  darlings
•   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
•   Vedligeholdelse  opbygger  troværdighed
•   Forældet  indhold  skaber  utryghed
TRICK NR. 3:
OPDATER JÆVNLIGT
•   Vedligeholdelse  opbygger  troværdighed
•   Forældet  indhold  skaber  utryghed
•   Besøgende  får  en  grund  til  at  komme  tilbage
TRICK NR. 3:
OPDATER JÆVNLIGT
•   Vedligeholdelse  opbygger  troværdighed
•   Forældet  indhold  skaber  utryghed
•   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
•   Beretninger  fra  arrangementer
•   Kalender
OPDATER JÆVNLIGT
MINE FORSLAG
•   Nyheder
•   Beretninger  fra  arrangementer
•   Kalender
•   Ugen  der  gik
OPDATER JÆVNLIGT
MINE FORSLAG
•   Nyheder
•   Beretninger  fra  arrangementer
•   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
•   Din  hjemmeside  er  en  del  af  et  økosystem
•   E-­mail  (send  til  ven)
TRICK NR. 4:
BRUG FLERE MEDIER
•   Din  hjemmeside  er  en  del  af  et  økosystem
•   E-­mail  (send  til  ven)
•   Facebook
TRICK NR. 4:
BRUG FLERE MEDIER
•   Din  hjemmeside  er  en  del  af  et  økosystem
•   E-­mail  (send  til  ven)
•   Facebook
     •   Godt  til  at  skabe  omtale
TRICK NR. 4:
BRUG FLERE MEDIER
•   Din  hjemmeside  er  en  del  af  et  økosystem
•   E-­mail  (send  til  ven)
•   Facebook
     •   Godt  til  at  skabe  omtale
     •   Kommunikationsplatform
TRICK NR. 4:
BRUG FLERE MEDIER
•   Din  hjemmeside  er  en  del  af  et  økosystem
•   E-­mail  (send  til  ven)
•   Facebook
     •   Godt  til  at  skabe  omtale
     •   Kommunikationsplatform
•   Youtube
TRICK NR. 4:
BRUG FLERE MEDIER
•   Din  hjemmeside  er  en  del  af  et  økosystem
•   E-­mail  (send  til  ven)
•   Facebook
     •   Godt  til  at  skabe  omtale
     •   Kommunikationsplatform
•   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:
GØR DET NEMT AT FINDE VIGTIG
INFORMATION
• Sæt  dig  i  dine  brugeres  sted
TRICK NR. 5:
GØR DET NEMT AT FINDE VIGTIG
INFORMATION
• Sæt  dig  i  dine  brugeres  sted
• Lav  logisk  opdeling  af  menupunkter
TRICK NR. 5:
GØR DET NEMT AT FINDE VIGTIG
INFORMATION
• Sæt  dig  i  dine  brugeres  sted
• Lav  logisk  opdeling  af  menupunkter
• Tilbyd  søgning
TRICK NR. 5:
GØR DET NEMT AT FINDE VIGTIG
INFORMATION
• Sæt  dig  i  dine  brugeres  sted
• Lav  logisk  opdeling  af  menupunkter
• Tilbyd  søgning
• Brug  forsiden
TRICK NR. 6:
VÆR KONSISTENT
TRICK NR. 6:
VÆR KONSISTENT
•   Overhold  konventionerne
TRICK NR. 6:
VÆR KONSISTENT
•   Overhold  konventionerne
    •   Brugere  genbruger  viden
TRICK NR. 6:
VÆR KONSISTENT
•   Overhold  konventionerne
    •   Brugere  genbruger  viden
•   Faste  pladser  til  hjemmesidens  elementer
TRICK NR. 6:
VÆR KONSISTENT
•   Overhold  konventionerne
    •   Brugere  genbruger  viden
•   Faste  pladser  til  hjemmesidens  elementer
•   Undlad  at  være  for  kreativ  med  teksten
VÆR KONSISTENT
KONVENTIONER
VÆR KONSISTENT
KONVENTIONER
•   Logo  placeres  oftest  i  øverste  venstre  hjørne
VÆR KONSISTENT
KONVENTIONER
•   Logo  placeres  oftest  i  øverste  venstre  hjørne
•   Klik  på  logo  fører  til  forsiden
VÆR KONSISTENT
KONVENTIONER
•   Logo  placeres  oftest  i  øverste  venstre  hjørne
•   Klik  på  logo  fører  til  forsiden
•   Et  menupunkt  er  et  internt  link
VÆR KONSISTENT
KONVENTIONER
•   Logo  placeres  oftest  i  øverste  venstre  hjørne
•   Klik  på  logo  fører  til  forsiden
•   Et  menupunkt  er  et  internt  link
•   Links  er  understregede
VÆR KONSISTENT
KONVENTIONER
•   Logo  placeres  oftest  i  øverste  venstre  hjørne
•   Klik  på  logo  fører  til  forsiden
•   Et  menupunkt  er  et  internt  link
•   Links  er  understregede
     •   Og  understreget  tekst  er  links!
VÆR KONSISTENT
KONVENTIONER
•   Logo  placeres  oftest  i  øverste  venstre  hjørne
•   Klik  på  logo  fører  til  forsiden
•   Et  menupunkt  er  et  internt  link
•   Links  er  understregede
     •   Og  understreget  tekst  er  links!
•   Et  link  skal  ikke  åbne  i  et  nyt  vindue
VÆR KONSISTENT
KONVENTIONER
•   Logo  placeres  oftest  i  øverste  venstre  hjørne
•   Klik  på  logo  fører  til  forsiden
•   Et  menupunkt  er  et  internt  link
•   Links  er  understregede
     •   Og  understreget  tekst  er  links!
•   Et  link  skal  ikke  åbne  i  et  nyt  vindue
     •   Det  ødelægger  “tilbage”-­knappen
VÆR KONSISTENT
KONVENTIONER
•   Logo  placeres  oftest  i  øverste  venstre  hjørne
•   Klik  på  logo  fører  til  forsiden
•   Et  menupunkt  er  et  internt  link
•   Links  er  understregede
     •   Og  understreget  tekst  er  links!
•   Et  link  skal  ikke  åbne  i  et  nyt  vindue
     •   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:
GIV EN HELHEDSOPLEVELSE
•   Overhold  samme  udtryk  på  tværs  af  medier
TRICK NR. 7:
GIV EN HELHEDSOPLEVELSE
•   Overhold  samme  udtryk  på  tværs  af  medier
•   Benyt  fysiske  referencer
TRICK NR. 7:
GIV EN HELHEDSOPLEVELSE
•   Overhold  samme  udtryk  på  tværs  af  medier
•   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
•   Umuligt  at  se  sin  hjemmesiden  som  brugeren  
    ser  den
•   Tænke-­højt  test
TRICK NR. 8:
TEST DIN HJEMMESIDE
•   Umuligt  at  se  sin  hjemmesiden  som  brugeren  
    ser  den
•   Tænke-­højt  test
    •   Nem,  billig  og  god  metode  til  brugertest
TRICK NR. 8:
TEST DIN HJEMMESIDE
•   Umuligt  at  se  sin  hjemmesiden  som  brugeren  
    ser  den
•   Tænke-­højt  test
    •   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
1. Fortæl  navnet  og  adressen  på  hjemmesiden
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
1. Fortæl  navnet  og  adressen  på  hjemmesiden
2. Inden  han/hun  går  ind  på  siden,  spørg  om  deres  
   forventninger  til  hvad  siden  indeholder
3. Opsæt  et  scenarie  der  tester  en  essentiel  funktion
TEST DIN HJEMMESIDE
TÆNKE-HØJT TEST
1. Fortæl  navnet  og  adressen  på  hjemmesiden
2. Inden  han/hun  går  ind  på  siden,  spørg  om  deres  
   forventninger  til  hvad  siden  indeholder
3. Opsæt  et  scenarie  der  tester  en  essentiel  funktion
4. Bed  brugeren  om  at  løse  opgaven  mens  han/hun  
   “tænker  højt”
TEST DIN HJEMMESIDE
TÆNKE-HØJT TEST
1. Fortæl  navnet  og  adressen  på  hjemmesiden
2. Inden  han/hun  går  ind  på  siden,  spørg  om  deres  
   forventninger  til  hvad  siden  indeholder
3. Opsæt  et  scenarie  der  tester  en  essentiel  funktion
4. Bed  brugeren  om  at  løse  opgaven  mens  han/hun  
   “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
1. Fortæl  navnet  og  adressen  på  hjemmesiden
2. Inden  han/hun  går  ind  på  siden,  spørg  om  deres  
   forventninger  til  hvad  siden  indeholder
3. Opsæt  et  scenarie  der  tester  en  essentiel  funktion
4. Bed  brugeren  om  at  løse  opgaven  mens  han/hun  
   “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
FORSLAG TIL SCENARIER
•   Du  skal  arrangere  familiedagen  på  søndag  og  
    skal  finde  ud  af  om  [xxx]  har  åbent
TEST DIN HJEMMESIDE
FORSLAG TIL SCENARIER
•   Du  skal  arrangere  familiedagen  på  søndag  og  
    skal  finde  ud  af  om  [xxx]  har  åbent
•   Du  skal  overnatte  søndag  til  mandag  og  skal  
    booke  et  værelse
TEST DIN HJEMMESIDE
FORSLAG TIL SCENARIER
•   Du  skal  arrangere  familiedagen  på  søndag  og  
    skal  finde  ud  af  om  [xxx]  har  åbent
•   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:
OPTIMER TIL SØGEMASKINERNE
•   En  søgemaskine  læser  alle  hjemmesider
TRICK NR. 9:
OPTIMER TIL SØGEMASKINERNE
•   En  søgemaskine  læser  alle  hjemmesider
    •   Kigger  på  hvert  enkelt  ord  i  indholdet
TRICK NR. 9:
OPTIMER TIL SØGEMASKINERNE
•   En  søgemaskine  læser  alle  hjemmesider
    •   Kigger  på  hvert  enkelt  ord  i  indholdet
    •   Tæller  links
TRICK NR. 9:
OPTIMER TIL SØGEMASKINERNE
•   En  søgemaskine  læser  alle  hjemmesider
     •   Kigger  på  hvert  enkelt  ord  i  indholdet
     •   Tæller  links
•   En  god  placering  i  Google  er  meget  vigtig
OPTIMER TIL SØGEMASKINERNE
TIPS OG TRICKS
OPTIMER TIL SØGEMASKINERNE
TIPS OG TRICKS
•   Sæt  dig  i  brugerens  sted  -­  hvilke  ord  kunne  
    man  forestille  sig,  at  de  søger  på?
OPTIMER TIL SØGEMASKINERNE
TIPS OG TRICKS
•   Sæt  dig  i  brugerens  sted  -­  hvilke  ord  kunne  
    man  forestille  sig,  at  de  søger  på?
•   Skriv  de  søgeord  i  titlen,  overskriften,  
    underoverskrifter  og  links
OPTIMER TIL SØGEMASKINERNE
TIPS OG TRICKS
•   Sæt  dig  i  brugerens  sted  -­  hvilke  ord  kunne  
    man  forestille  sig,  at  de  søger  på?
•   Skriv  de  søgeord  i  titlen,  overskriften,  
    underoverskrifter  og  links
•   Brug  selve  søgeordet  til  links,  ikke  “klik  her”
OPTIMER TIL SØGEMASKINERNE
TIPS OG TRICKS
•   Sæt  dig  i  brugerens  sted  -­  hvilke  ord  kunne  
    man  forestille  sig,  at  de  søger  på?
•   Skriv  de  søgeord  i  titlen,  overskriften,  
    underoverskrifter  og  links
•   Brug  selve  søgeordet  til  links,  ikke  “klik  her”
•   Nyt  indhold  er  godt
OPTIMER TIL SØGEMASKINERNE
TIPS OG TRICKS
•   Sæt  dig  i  brugerens  sted  -­  hvilke  ord  kunne  
    man  forestille  sig,  at  de  søger  på?
•   Skriv  de  søgeord  i  titlen,  overskriften,  
    underoverskrifter  og  links
•   Brug  selve  søgeordet  til  links,  ikke  “klik  her”
•   Nyt  indhold  er  godt
     •   F.eks.  nyhedssektion,  blog  osv.
OPTIMER TIL SØGEMASKINERNE
Ø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
•   Spørgs  kunderne  om  deres  mening  om  din  
    hjemmeside
    •   Forslag  /  Ideer
TRICK NR. 10:
SPØRG OM HJÆLP
•   Spørgs  kunderne  om  deres  mening  om  din  
    hjemmeside
    •   Forslag  /  Ideer
    •   Er  det  noget  du  selv  kan  lave?
SPØRG OM HJÆLP
FÅ PROFESSIONEL HJÆLP
SPØRG OM HJÆLP
FÅ PROFESSIONEL HJÆLP
•   Vær  specifik  og  gå  i  detaljer
SPØRG OM HJÆLP
FÅ PROFESSIONEL HJÆLP
•   Vær  specifik  og  gå  i  detaljer
     •Det  er  svært  at  give  et  tilbud  på  noget  der  er  
      løst  defineret
SPØRG OM HJÆLP
FÅ PROFESSIONEL HJÆLP
•   Vær  specifik  og  gå  i  detaljer
     •Det  er  svært  at  give  et  tilbud  på  noget  der  er  
      løst  defineret
•   Beskriv  formålet  med  det  du  gerne  vil  have
SPØRG OM HJÆLP
FÅ PROFESSIONEL HJÆLP
•   Vær  specifik  og  gå  i  detaljer
     •Det  er  svært  at  give  et  tilbud  på  noget  der  er  
      løst  defineret
•   Beskriv  formålet  med  det  du  gerne  vil  have
     •   Nogle  gange  er  løsningen  nemmere  end  man  
         tror
SPØRG OM HJÆLP
FÅ PROFESSIONEL HJÆLP
•   Vær  specifik  og  gå  i  detaljer
     •Det  er  svært  at  give  et  tilbud  på  noget  der  er  
      løst  defineret
•   Beskriv  formålet  med  det  du  gerne  vil  have
     • Nogle  gange  er  løsningen  nemmere  end  man  
       tror
•   Tegn  hvad  du  mener
SPØRG OM HJÆLP
FÅ PROFESSIONEL HJÆLP
•   Vær  specifik  og  gå  i  detaljer
     •Det  er  svært  at  give  et  tilbud  på  noget  der  er  
      løst  defineret
•   Beskriv  formålet  med  det  du  gerne  vil  have
     • Nogle  gange  er  løsningen  nemmere  end  man  
       tror
•   Tegn  hvad  du  mener
     •   Wireframing
SPØRG OM HJÆLP
WIREFRAMING
SPØRG OM HJÆLP
WIREFRAMING


•   Meget  overordnet
SPØRG OM HJÆLP
WIREFRAMING


•   Meget  overordnet
•   Tegning  af  elementerne  og  deres
    placering  i  forhold  til  hinanden
SPØRG OM HJÆLP
WIREFRAMING


•   Meget  overordnet
•   Tegning  af  elementerne  og  deres
    placering  i  forhold  til  hinanden
•   Funktionalitet  -­  ikke  design
SPØRG OM HJÆLP
WIREFRAMING


•   Meget  overordnet
•   Tegning  af  elementerne  og  deres
    placering  i  forhold  til  hinanden
•   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
OPSAMLING
•   Vær  læsevenlig.  Det  vigtigste  øverste.  Hold  det  
    kort.  Brugere  på  nettet  læser  ikke  -­  de  skimmer.
OPSAMLING
•   Vær  læsevenlig.  Det  vigtigste  øverste.  Hold  det  
    kort.  Brugere  på  nettet  læser  ikke  -­  de  skimmer.
•   Simpel  er  OK.  Gælder  både  design  og  indhold
OPSAMLING
•   Vær  læsevenlig.  Det  vigtigste  øverste.  Hold  det  
    kort.  Brugere  på  nettet  læser  ikke  -­  de  skimmer.
•   Simpel  er  OK.  Gælder  både  design  og  indhold
•   Opdater  jævnligt.  Opbygger  troværdighed.  
    Brugeren  kommer  tilbage.  Godt  for  Google
OPSAMLING
•   Vær  læsevenlig.  Det  vigtigste  øverste.  Hold  det  
    kort.  Brugere  på  nettet  læser  ikke  -­  de  skimmer.
•   Simpel  er  OK.  Gælder  både  design  og  indhold
•   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
OPSAMLING
•   Gør  det  nemt  at  finde  vigtig  information.  
    Logisk  opdeling.  Tilbyd  søgning.
OPSAMLING
•   Gør  det  nemt  at  finde  vigtig  information.  
    Logisk  opdeling.  Tilbyd  søgning.
•   Vær  konsistent.  Overhold  konventionerne.  Vær  
    konsistent  på  din  egen  hjemmeside.  Undgå  at  blive  
    for  kreativ  med  tekstformateringen.
OPSAMLING
•   Gør  det  nemt  at  finde  vigtig  information.  
    Logisk  opdeling.  Tilbyd  søgning.
•   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
OPSAMLING
•   Test  din  hjemmeside.  Tænke-­højt  test.  Lær  
    hvordan  dine  brugere  tænker.
OPSAMLING
•   Test  din  hjemmeside.  Tænke-­højt  test.  Lær  
    hvordan  dine  brugere  tænker.
•   Optimer  til  søgemaskinerne.  Brug  vigtige  ord  i  
    titler,  overskrifter,  underoverskrifter  og  links.  
    Ingen  “klik  her”  links.
OPSAMLING
•   Test  din  hjemmeside.  Tænke-­højt  test.  Lær  
    hvordan  dine  brugere  tænker.
•   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.
TAK FOR I DAG!
10 tips til din hjemmeside

More Related Content

Viewers also liked

Olá Pai
Olá PaiOlá Pai
Olá Painini69
 
valeria soto reyes
valeria soto reyes valeria soto reyes
valeria soto reyes neritalokis
 
Material Del Alumno 2009
Material Del Alumno 2009Material Del Alumno 2009
Material Del Alumno 2009guestdb1ff2
 
Dma pl08x analysis
Dma pl08x analysisDma pl08x analysis
Dma pl08x analysiscri fan
 
AdministracióN De Empresas
AdministracióN De EmpresasAdministracióN De Empresas
AdministracióN De Empresas
jhosselynvilla
 

Viewers also liked (7)

Movement
MovementMovement
Movement
 
Olá Pai
Olá PaiOlá Pai
Olá Pai
 
valeria soto reyes
valeria soto reyes valeria soto reyes
valeria soto reyes
 
Material Del Alumno 2009
Material Del Alumno 2009Material Del Alumno 2009
Material Del Alumno 2009
 
Dma pl08x analysis
Dma pl08x analysisDma pl08x analysis
Dma pl08x analysis
 
AdministracióN De Empresas
AdministracióN De EmpresasAdministracióN De Empresas
AdministracióN De Empresas
 
NR 18 .31
NR 18 .31NR 18 .31
NR 18 .31
 

More from Seismonaut

Hvordan sælger man kreativitet uden for vores egne cirkler?
Hvordan sælger man kreativitet uden for vores egne cirkler?Hvordan sælger man kreativitet uden for vores egne cirkler?
Hvordan sælger man kreativitet uden for vores egne cirkler?
Seismonaut
 
Headstart Morgenseminar: Growth Hacking
Headstart Morgenseminar: Growth HackingHeadstart Morgenseminar: Growth Hacking
Headstart Morgenseminar: Growth Hacking
Seismonaut
 
Headstart Morgenseminar: Growth Hacking
Headstart Morgenseminar: Growth HackingHeadstart Morgenseminar: Growth Hacking
Headstart Morgenseminar: Growth Hacking
Seismonaut
 
Headstart Morgenseminar: Growth Hacking
Headstart Morgenseminar: Growth HackingHeadstart Morgenseminar: Growth Hacking
Headstart Morgenseminar: Growth Hacking
Seismonaut
 
Headstart Morgenseminar: Working as a Network
Headstart Morgenseminar: Working as a NetworkHeadstart Morgenseminar: Working as a Network
Headstart Morgenseminar: Working as a Network
Seismonaut
 
Sælg en oplevelse - om markedsføring af NorthSide på sociale medier
Sælg en oplevelse - om markedsføring af NorthSide på sociale medierSælg en oplevelse - om markedsføring af NorthSide på sociale medier
Sælg en oplevelse - om markedsføring af NorthSide på sociale medier
Seismonaut
 
Headstart Network morgenseminar 13/9 2016: Hvad er tillid?
Headstart Network morgenseminar 13/9 2016: Hvad er tillid?Headstart Network morgenseminar 13/9 2016: Hvad er tillid?
Headstart Network morgenseminar 13/9 2016: Hvad er tillid?
Seismonaut
 
Den digitale Turist - Det ambitiøse værtskab
Den digitale Turist - Det ambitiøse værtskabDen digitale Turist - Det ambitiøse værtskab
Den digitale Turist - Det ambitiøse værtskab
Seismonaut
 
Den digitale turist
Den digitale turistDen digitale turist
Den digitale turist
Seismonaut
 
Det ambitiøse værtsskab - digitale touchpoints
Det ambitiøse værtsskab - digitale touchpointsDet ambitiøse værtsskab - digitale touchpoints
Det ambitiøse værtsskab - digitale touchpoints
Seismonaut
 
Det ambitiøse værtskab - det fysiske møde med gæsten
Det ambitiøse værtskab - det fysiske møde med gæstenDet ambitiøse værtskab - det fysiske møde med gæsten
Det ambitiøse værtskab - det fysiske møde med gæsten
Seismonaut
 
Headstart_Creuna_Slides
Headstart_Creuna_SlidesHeadstart_Creuna_Slides
Headstart_Creuna_Slides
Seismonaut
 
Headstart_Envision_Slides
Headstart_Envision_SlidesHeadstart_Envision_Slides
Headstart_Envision_Slides
Seismonaut
 
Veronika Janeckova & Nelson Sachse, Made by many - Headstart d. 2. juni 2015
Veronika Janeckova & Nelson Sachse, Made by many - Headstart d. 2. juni 2015Veronika Janeckova & Nelson Sachse, Made by many - Headstart d. 2. juni 2015
Veronika Janeckova & Nelson Sachse, Made by many - Headstart d. 2. juni 2015
Seismonaut
 
Kasper Wodstrup Rost, Delta Projects - Headstart d. 2. juni 2015
Kasper Wodstrup Rost, Delta Projects - Headstart d. 2. juni 2015Kasper Wodstrup Rost, Delta Projects - Headstart d. 2. juni 2015
Kasper Wodstrup Rost, Delta Projects - Headstart d. 2. juni 2015
Seismonaut
 
Cerys Hearsey, Post*Shift - Headstart
Cerys Hearsey, Post*Shift - Headstart Cerys Hearsey, Post*Shift - Headstart
Cerys Hearsey, Post*Shift - Headstart
Seismonaut
 
Creative Executive Club - Johanne Bruun Sørensen, Hello Monday
Creative Executive Club - Johanne Bruun Sørensen, Hello MondayCreative Executive Club - Johanne Bruun Sørensen, Hello Monday
Creative Executive Club - Johanne Bruun Sørensen, Hello Monday
Seismonaut
 
Creative Executive Club - Stephen Burrell, Kopenhagen Fur
Creative Executive Club - Stephen Burrell, Kopenhagen FurCreative Executive Club - Stephen Burrell, Kopenhagen Fur
Creative Executive Club - Stephen Burrell, Kopenhagen Fur
Seismonaut
 
Sociale medier i et offentligt perspektiv 2015
Sociale medier i et offentligt perspektiv 2015Sociale medier i et offentligt perspektiv 2015
Sociale medier i et offentligt perspektiv 2015
Seismonaut
 
Digitalisering handler om mennesker
Digitalisering handler om menneskerDigitalisering handler om mennesker
Digitalisering handler om mennesker
Seismonaut
 

More from Seismonaut (20)

Hvordan sælger man kreativitet uden for vores egne cirkler?
Hvordan sælger man kreativitet uden for vores egne cirkler?Hvordan sælger man kreativitet uden for vores egne cirkler?
Hvordan sælger man kreativitet uden for vores egne cirkler?
 
Headstart Morgenseminar: Growth Hacking
Headstart Morgenseminar: Growth HackingHeadstart Morgenseminar: Growth Hacking
Headstart Morgenseminar: Growth Hacking
 
Headstart Morgenseminar: Growth Hacking
Headstart Morgenseminar: Growth HackingHeadstart Morgenseminar: Growth Hacking
Headstart Morgenseminar: Growth Hacking
 
Headstart Morgenseminar: Growth Hacking
Headstart Morgenseminar: Growth HackingHeadstart Morgenseminar: Growth Hacking
Headstart Morgenseminar: Growth Hacking
 
Headstart Morgenseminar: Working as a Network
Headstart Morgenseminar: Working as a NetworkHeadstart Morgenseminar: Working as a Network
Headstart Morgenseminar: Working as a Network
 
Sælg en oplevelse - om markedsføring af NorthSide på sociale medier
Sælg en oplevelse - om markedsføring af NorthSide på sociale medierSælg en oplevelse - om markedsføring af NorthSide på sociale medier
Sælg en oplevelse - om markedsføring af NorthSide på sociale medier
 
Headstart Network morgenseminar 13/9 2016: Hvad er tillid?
Headstart Network morgenseminar 13/9 2016: Hvad er tillid?Headstart Network morgenseminar 13/9 2016: Hvad er tillid?
Headstart Network morgenseminar 13/9 2016: Hvad er tillid?
 
Den digitale Turist - Det ambitiøse værtskab
Den digitale Turist - Det ambitiøse værtskabDen digitale Turist - Det ambitiøse værtskab
Den digitale Turist - Det ambitiøse værtskab
 
Den digitale turist
Den digitale turistDen digitale turist
Den digitale turist
 
Det ambitiøse værtsskab - digitale touchpoints
Det ambitiøse værtsskab - digitale touchpointsDet ambitiøse værtsskab - digitale touchpoints
Det ambitiøse værtsskab - digitale touchpoints
 
Det ambitiøse værtskab - det fysiske møde med gæsten
Det ambitiøse værtskab - det fysiske møde med gæstenDet ambitiøse værtskab - det fysiske møde med gæsten
Det ambitiøse værtskab - det fysiske møde med gæsten
 
Headstart_Creuna_Slides
Headstart_Creuna_SlidesHeadstart_Creuna_Slides
Headstart_Creuna_Slides
 
Headstart_Envision_Slides
Headstart_Envision_SlidesHeadstart_Envision_Slides
Headstart_Envision_Slides
 
Veronika Janeckova & Nelson Sachse, Made by many - Headstart d. 2. juni 2015
Veronika Janeckova & Nelson Sachse, Made by many - Headstart d. 2. juni 2015Veronika Janeckova & Nelson Sachse, Made by many - Headstart d. 2. juni 2015
Veronika Janeckova & Nelson Sachse, Made by many - Headstart d. 2. juni 2015
 
Kasper Wodstrup Rost, Delta Projects - Headstart d. 2. juni 2015
Kasper Wodstrup Rost, Delta Projects - Headstart d. 2. juni 2015Kasper Wodstrup Rost, Delta Projects - Headstart d. 2. juni 2015
Kasper Wodstrup Rost, Delta Projects - Headstart d. 2. juni 2015
 
Cerys Hearsey, Post*Shift - Headstart
Cerys Hearsey, Post*Shift - Headstart Cerys Hearsey, Post*Shift - Headstart
Cerys Hearsey, Post*Shift - Headstart
 
Creative Executive Club - Johanne Bruun Sørensen, Hello Monday
Creative Executive Club - Johanne Bruun Sørensen, Hello MondayCreative Executive Club - Johanne Bruun Sørensen, Hello Monday
Creative Executive Club - Johanne Bruun Sørensen, Hello Monday
 
Creative Executive Club - Stephen Burrell, Kopenhagen Fur
Creative Executive Club - Stephen Burrell, Kopenhagen FurCreative Executive Club - Stephen Burrell, Kopenhagen Fur
Creative Executive Club - Stephen Burrell, Kopenhagen Fur
 
Sociale medier i et offentligt perspektiv 2015
Sociale medier i et offentligt perspektiv 2015Sociale medier i et offentligt perspektiv 2015
Sociale medier i et offentligt perspektiv 2015
 
Digitalisering handler om mennesker
Digitalisering handler om menneskerDigitalisering handler om mennesker
Digitalisering handler om mennesker
 

10 tips til din hjemmeside

  • 1. < 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 %
  • 2.
  • 4. DANIEL ORD • Medievidenskab
  • 5. DANIEL ORD • Medievidenskab • Deltagelse  og  sociale  medier  
  • 6. DANIEL ORD • Medievidenskab • Deltagelse  og  sociale  medier   • Speciale  i  turistbranchens   brug  af  nye  medier
  • 8. JONAS GRAU • Selvstændig
  • 9. JONAS GRAU • Selvstændig • Iværksætter
  • 10. JONAS GRAU • Selvstændig • Iværksætter • IT-­studerende
  • 11. JONAS GRAU • Selvstændig • Iværksætter • IT-­studerende • Venlig  nørd
  • 12. JONAS GRAU • Selvstændig • Iværksætter • IT-­studerende • Venlig  nørd www.subvision.dk jonas@subvision.dk 26 21 90 07
  • 14. PROGRAM • Introduktion
  • 15. PROGRAM • Introduktion • Generelt  om  hjemmesider
  • 16. PROGRAM • Introduktion • Generelt  om  hjemmesider • Tricks
  • 17. PROGRAM • Introduktion • Generelt  om  hjemmesider • Tricks • Kl.  12:  Frokost
  • 18. PROGRAM • Introduktion • Generelt  om  hjemmesider • Tricks • Kl.  12:  Frokost • Flere  tricks
  • 19. PROGRAM • Introduktion • Generelt  om  hjemmesider • Tricks • Kl.  12:  Frokost • Flere  tricks • Kl.  14:  Kaffe
  • 20. PROGRAM • Introduktion • Generelt  om  hjemmesider • Tricks • Kl.  12:  Frokost • Flere  tricks • Kl.  14:  Kaffe • Opsamling
  • 21. PROGRAM • Introduktion • Generelt  om  hjemmesider • Tricks • Kl.  12:  Frokost • Flere  tricks • Kl.  14:  Kaffe • Opsamling • Senest  kl.  16:  Farvel  og  tak
  • 24. PRAKTISKE OPLYSNINGER • Toiletter • Rygepolitik
  • 25. PRAKTISKE OPLYSNINGER • Toiletter • Rygepolitik • Pauser
  • 27. HVEM ER I? • Navn • Organisation • Hjemmeside • Stilling  og  arbejdsområde • Erfaring • Forventninger  til  i  dag
  • 28. MIT MÅL FOR I DAG
  • 29. MIT MÅL FOR I DAG I  forhold  til  jeres  hjemmeside  skal  I  blive:
  • 30. MIT MÅL FOR I DAG I  forhold  til  jeres  hjemmeside  skal  I  blive: •  opmærksomme  på  hvad  der  kan  forbedres
  • 31. MIT MÅL FOR I DAG I  forhold  til  jeres  hjemmeside  skal  I  blive: •  opmærksomme  på  hvad  der  kan  forbedres •  i  stand  til  at  gøre  det  bedre
  • 32. MIT MÅL FOR I DAG I  forhold  til  jeres  hjemmeside  skal  I  blive: •  opmærksomme  på  hvad  der  kan  forbedres •  i  stand  til  at  gøre  det  bedre •  bedre  rustet  til  at  søge  hjælp
  • 33. MIT MÅL FOR I DAG I  forhold  til  jeres  hjemmeside  skal  I  blive: •  opmærksomme  på  hvad  der  kan  forbedres •  i  stand  til  at  gøre  det  bedre •  bedre  rustet  til  at  søge  hjælp Og  at  I  får  en  god,  lærerig  dag
  • 34. 10 TRICKS TIL DIN HJEMMESIDE
  • 35. 10 TRICKS TIL DIN HJEMMESIDE 1. Vær  læsevenlig
  • 36. 10 TRICKS TIL DIN HJEMMESIDE 1. Vær  læsevenlig 2. Simpel  er  OK
  • 37. 10 TRICKS TIL DIN HJEMMESIDE 1. Vær  læsevenlig 2. Simpel  er  OK 3. Opdater  jævnligt
  • 38. 10 TRICKS TIL DIN HJEMMESIDE 1. Vær  læsevenlig 2. Simpel  er  OK 3. Opdater  jævnligt 4. Brug  flere  medier
  • 39. 10 TRICKS TIL DIN HJEMMESIDE 1. Vær  læsevenlig 2. Simpel  er  OK 3. Opdater  jævnligt 4. Brug  flere  medier 5. Gør  det  nemt  at  finde  vigtig  information
  • 40. 10 TRICKS TIL DIN HJEMMESIDE
  • 41. 10 TRICKS TIL DIN HJEMMESIDE 6. Vær  konsistent
  • 42. 10 TRICKS TIL DIN HJEMMESIDE 6. Vær  konsistent 7. Giv  en  helhedsoplevelse
  • 43. 10 TRICKS TIL DIN HJEMMESIDE 6. Vær  konsistent 7. Giv  en  helhedsoplevelse 8. Test  din  hjemmeside
  • 44. 10 TRICKS TIL DIN HJEMMESIDE 6. Vær  konsistent 7. Giv  en  helhedsoplevelse 8. Test  din  hjemmeside 9. Optimer  til  søgemaskinerne
  • 45. 10 TRICKS TIL DIN HJEMMESIDE 6. Vær  konsistent 7. Giv  en  helhedsoplevelse 8. Test  din  hjemmeside 9. Optimer  til  søgemaskinerne 10.  Spørg  om  hjælp
  • 46. ELEMENTERNE PÅ EN HJEMMESIDE
  • 47. ELEMENTERNE PÅ EN HJEMMESIDE • Hoved • Navigation • Indhold • Evt.  højre/venstre  kolonne • Fod
  • 50. FLERE ELEMENTER • Tekst • Interne  og  eksterne  links
  • 51. FLERE ELEMENTER • Tekst • Interne  og  eksterne  links • Billeder
  • 52. FLERE ELEMENTER • Tekst • Interne  og  eksterne  links • Billeder • Andet?
  • 54. ORD JEG BRUGER... • Brugere  =  besøgende  (gæster  på  hjemmesiden)
  • 55. ORD JEG BRUGER... • Brugere  =  besøgende  (gæster  på  hjemmesiden) • ...
  • 56.
  • 58. DEN GYLDNE (NØGLE) SÆTNING Få  brugeren  til  at  føle  sig  klog!
  • 59. DEN GYLDNE (NØGLE) SÆTNING Få  brugeren  til  at  føle  sig  klog!
  • 60. DEN GYLDNE (NØGLE) SÆTNING Få  brugeren  til  at  føle  sig  klog!
  • 61. TRICK NR. 1: VÆR LETLÆSELIG
  • 62. TRICK NR. 1: VÆR LETLÆSELIG • Brugere  læser  ikke  -­  de  skimmer
  • 63. TRICK NR. 1: VÆR LETLÆSELIG • Brugere  læser  ikke  -­  de  skimmer • Kun  20%  af  teksten  bliver  læst
  • 64. TRICK NR. 1: VÆR LETLÆSELIG • Brugere  læser  ikke  -­  de  skimmer • Kun  20%  af  teksten  bliver  læst • TV  =  lean  back,  Internet  =  lean  forward
  • 66. VÆR LETLÆSELIG SKRIV TIL NETTET • Skriv  det  vigtigste  information  i  toppen
  • 67. VÆR LETLÆSELIG SKRIV TIL NETTET • Skriv  det  vigtigste  information  i  toppen • Gode  underoverskrifter
  • 68. VÆR LETLÆSELIG SKRIV TIL NETTET • Skriv  det  vigtigste  information  i  toppen • Gode  underoverskrifter • Punktform  i  stedet  for  tekstafsnit
  • 69. VÆR LETLÆSELIG SKRIV TIL NETTET • Skriv  det  vigtigste  information  i  toppen • Gode  underoverskrifter • Punktform  i  stedet  for  tekstafsnit • Brug  halvt  så  mange  ord
  • 71. VÆR LETLÆSELIG BRUG BILLEDER • Et  billede  siger  mere  end  1000  ord
  • 72. VÆR LETLÆSELIG BRUG BILLEDER • Et  billede  siger  mere  end  1000  ord • Men  tager  10  gange  så  lang  tid  at  hente
  • 73. VÆR LETLÆSELIG BRUG BILLEDER • Et  billede  siger  mere  end  1000  ord • Men  tager  10  gange  så  lang  tid  at  hente • Upload  i  korrekt  størrelse
  • 74. VÆR LETLÆSELIG BRUG BILLEDER • Et  billede  siger  mere  end  1000  ord • Men  tager  10  gange  så  lang  tid  at  hente • Upload  i  korrekt  størrelse • Link  evt.  til  stort  format
  • 75. VÆR LETLÆSELIG BRUG BILLEDER • Et  billede  siger  mere  end  1000  ord • Men  tager  10  gange  så  lang  tid  at  hente • Upload  i  korrekt  størrelse • Link  evt.  til  stort  format • Billeder  inde  i  teksten  er  godt  for  øjet
  • 76. VÆR LETLÆSELIG BRUG BILLEDER • Et  billede  siger  mere  end  1000  ord • Men  tager  10  gange  så  lang  tid  at  hente • Upload  i  korrekt  størrelse • Link  evt.  til  stort  format • Billeder  inde  i  teksten  er  godt  for  øjet • Virker  som  blikfang  og  kan  guide  øjet  til  vigtig   information
  • 77. VÆR LETLÆSELIG BRUG BILLEDER • Et  billede  siger  mere  end  1000  ord • Men  tager  10  gange  så  lang  tid  at  hente • Upload  i  korrekt  størrelse • Link  evt.  til  stort  format • Billeder  inde  i  teksten  er  godt  for  øjet • Virker  som  blikfang  og  kan  guide  øjet  til  vigtig   information
  • 78. VÆR LETLÆSELIG BRUG BILLEDER • Et  billede  siger  mere  end  1000  ord • Men  tager  10  gange  så  lang  tid  at  hente • Upload  i  korrekt  størrelse • Link  evt.  til  stort  format • Billeder  inde  i  teksten  er  godt  for  øjet • Virker  som  blikfang  og  kan  guide  øjet  til  vigtig   information
  • 79. 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
  • 81. TRICK NR. 2: SIMPEL ER OK • Brugeren  skal  kunne overskue  hjemmesiden
  • 82. TRICK NR. 2: SIMPEL ER OK • Brugeren  skal  kunne overskue  hjemmesiden • Uoverskuelighed   =  frustrerede  brugere
  • 83. TRICK NR. 2: SIMPEL ER OK • Brugeren  skal  kunne overskue  hjemmesiden • Uoverskuelighed   =  frustrerede  brugere • KISS,  Kill  your  darlings
  • 84. TRICK NR. 2: SIMPEL ER OK • Brugeren  skal  kunne overskue  hjemmesiden • Uoverskuelighed   =  frustrerede  brugere • KISS,  Kill  your  darlings • Det  gælder  ikke  om  fylde  hele  skærmen  ud
  • 85. TRICK NR. 2: SIMPEL ER OK • Brugeren  skal  kunne overskue  hjemmesiden • Uoverskuelighed   =  frustrerede  brugere • KISS,  Kill  your  darlings • Det  gælder  ikke  om  fylde  hele  skærmen  ud • Gør  det  tydeligt,  hvad  der  passer  hvor
  • 86.
  • 87. TRICK NR. 3: OPDATER JÆVNLIGT
  • 88. TRICK NR. 3: OPDATER JÆVNLIGT • Vedligeholdelse  opbygger  troværdighed
  • 89. TRICK NR. 3: OPDATER JÆVNLIGT • Vedligeholdelse  opbygger  troværdighed • Forældet  indhold  skaber  utryghed
  • 90. TRICK NR. 3: OPDATER JÆVNLIGT • Vedligeholdelse  opbygger  troværdighed • Forældet  indhold  skaber  utryghed • Besøgende  får  en  grund  til  at  komme  tilbage
  • 91. TRICK NR. 3: OPDATER JÆVNLIGT • Vedligeholdelse  opbygger  troværdighed • Forældet  indhold  skaber  utryghed • Besøgende  får  en  grund  til  at  komme  tilbage • Godt  for  søgemaskinerne  (mere  senere)
  • 92. OPDATER JÆVNLIGT ØVELSE • Snak  sammen  i  grupper • Find  konkrete  forslag  til  nye  tiltag  på   hinandens  hjemmesider,  der  egner  sig  til   løbende  opdatering
  • 95. OPDATER JÆVNLIGT MINE FORSLAG • Nyheder • Beretninger  fra  arrangementer
  • 96. OPDATER JÆVNLIGT MINE FORSLAG • Nyheder • Beretninger  fra  arrangementer • Kalender
  • 97. OPDATER JÆVNLIGT MINE FORSLAG • Nyheder • Beretninger  fra  arrangementer • Kalender • Ugen  der  gik
  • 98. OPDATER JÆVNLIGT MINE FORSLAG • Nyheder • Beretninger  fra  arrangementer • Kalender • Ugen  der  gik • Næste  uges  program
  • 99. TRICK NR. 4: BRUG FLERE MEDIER
  • 100. TRICK NR. 4: BRUG FLERE MEDIER • Din  hjemmeside  er  en  del  af  et  økosystem
  • 101. TRICK NR. 4: BRUG FLERE MEDIER • Din  hjemmeside  er  en  del  af  et  økosystem • E-­mail  (send  til  ven)
  • 102. TRICK NR. 4: BRUG FLERE MEDIER • Din  hjemmeside  er  en  del  af  et  økosystem • E-­mail  (send  til  ven) • Facebook
  • 103. TRICK NR. 4: BRUG FLERE MEDIER • Din  hjemmeside  er  en  del  af  et  økosystem • E-­mail  (send  til  ven) • Facebook • Godt  til  at  skabe  omtale
  • 104. TRICK NR. 4: BRUG FLERE MEDIER • Din  hjemmeside  er  en  del  af  et  økosystem • E-­mail  (send  til  ven) • Facebook • Godt  til  at  skabe  omtale • Kommunikationsplatform
  • 105. TRICK NR. 4: BRUG FLERE MEDIER • Din  hjemmeside  er  en  del  af  et  økosystem • E-­mail  (send  til  ven) • Facebook • Godt  til  at  skabe  omtale • Kommunikationsplatform • Youtube
  • 106. TRICK NR. 4: BRUG FLERE MEDIER • Din  hjemmeside  er  en  del  af  et  økosystem • E-­mail  (send  til  ven) • Facebook • Godt  til  at  skabe  omtale • Kommunikationsplatform • Youtube • Google  Maps
  • 107. BRUG MANGE MEDIER EKSEMPLER • http://anybite.com • http://tripadvisor.com • http://auningby.dk/news.php?extend.51.1 • http://scootertv.dk
  • 108. 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
  • 109. TRICK NR. 5: GØR DET NEMT AT FINDE VIGTIG INFORMATION
  • 110. TRICK NR. 5: GØR DET NEMT AT FINDE VIGTIG INFORMATION • Sæt  dig  i  dine  brugeres  sted
  • 111. TRICK NR. 5: GØR DET NEMT AT FINDE VIGTIG INFORMATION • Sæt  dig  i  dine  brugeres  sted • Lav  logisk  opdeling  af  menupunkter
  • 112. TRICK NR. 5: GØR DET NEMT AT FINDE VIGTIG INFORMATION • Sæt  dig  i  dine  brugeres  sted • Lav  logisk  opdeling  af  menupunkter • Tilbyd  søgning
  • 113. TRICK NR. 5: GØR DET NEMT AT FINDE VIGTIG INFORMATION • Sæt  dig  i  dine  brugeres  sted • Lav  logisk  opdeling  af  menupunkter • Tilbyd  søgning • Brug  forsiden
  • 114.
  • 115.
  • 116. TRICK NR. 6: VÆR KONSISTENT
  • 117. TRICK NR. 6: VÆR KONSISTENT • Overhold  konventionerne
  • 118. TRICK NR. 6: VÆR KONSISTENT • Overhold  konventionerne • Brugere  genbruger  viden
  • 119. TRICK NR. 6: VÆR KONSISTENT • Overhold  konventionerne • Brugere  genbruger  viden • Faste  pladser  til  hjemmesidens  elementer
  • 120. TRICK NR. 6: VÆR KONSISTENT • Overhold  konventionerne • Brugere  genbruger  viden • Faste  pladser  til  hjemmesidens  elementer • Undlad  at  være  for  kreativ  med  teksten
  • 122. VÆR KONSISTENT KONVENTIONER • Logo  placeres  oftest  i  øverste  venstre  hjørne
  • 123. VÆR KONSISTENT KONVENTIONER • Logo  placeres  oftest  i  øverste  venstre  hjørne • Klik  på  logo  fører  til  forsiden
  • 124. VÆR KONSISTENT KONVENTIONER • Logo  placeres  oftest  i  øverste  venstre  hjørne • Klik  på  logo  fører  til  forsiden • Et  menupunkt  er  et  internt  link
  • 125. VÆR KONSISTENT KONVENTIONER • Logo  placeres  oftest  i  øverste  venstre  hjørne • Klik  på  logo  fører  til  forsiden • Et  menupunkt  er  et  internt  link • Links  er  understregede
  • 126. VÆR KONSISTENT KONVENTIONER • Logo  placeres  oftest  i  øverste  venstre  hjørne • Klik  på  logo  fører  til  forsiden • Et  menupunkt  er  et  internt  link • Links  er  understregede • Og  understreget  tekst  er  links!
  • 127. VÆR KONSISTENT KONVENTIONER • Logo  placeres  oftest  i  øverste  venstre  hjørne • Klik  på  logo  fører  til  forsiden • Et  menupunkt  er  et  internt  link • Links  er  understregede • Og  understreget  tekst  er  links! • Et  link  skal  ikke  åbne  i  et  nyt  vindue
  • 128. VÆR KONSISTENT KONVENTIONER • Logo  placeres  oftest  i  øverste  venstre  hjørne • Klik  på  logo  fører  til  forsiden • Et  menupunkt  er  et  internt  link • Links  er  understregede • Og  understreget  tekst  er  links! • Et  link  skal  ikke  åbne  i  et  nyt  vindue • Det  ødelægger  “tilbage”-­knappen
  • 129. VÆR KONSISTENT KONVENTIONER • Logo  placeres  oftest  i  øverste  venstre  hjørne • Klik  på  logo  fører  til  forsiden • Et  menupunkt  er  et  internt  link • Links  er  understregede • Og  understreget  tekst  er  links! • Et  link  skal  ikke  åbne  i  et  nyt  vindue • Det  ødelægger  “tilbage”-­knappen • Lad  brugeren  bestemme
  • 130. VÆR KONSISTENT ØVELSE • Brug  lidt  tid  på  at  browse  rundt  på  din   hjemmeside • Overholder  den  konventionerne? • Noter  dine  resultater
  • 131. TRICK NR. 7: GIV EN HELHEDSOPLEVELSE
  • 132. TRICK NR. 7: GIV EN HELHEDSOPLEVELSE • Overhold  samme  udtryk  på  tværs  af  medier
  • 133. TRICK NR. 7: GIV EN HELHEDSOPLEVELSE • Overhold  samme  udtryk  på  tværs  af  medier • Benyt  fysiske  referencer
  • 134. TRICK NR. 7: GIV EN HELHEDSOPLEVELSE • Overhold  samme  udtryk  på  tværs  af  medier • Benyt  fysiske  referencer • Eksempel • Bruger  I  fysiske  referencer  på   hjemmesiden?
  • 135. TRICK NR. 8: TEST DIN HJEMMESIDE
  • 136. TRICK NR. 8: TEST DIN HJEMMESIDE • Umuligt  at  se  sin  hjemmesiden  som  brugeren   ser  den
  • 137. TRICK NR. 8: TEST DIN HJEMMESIDE • Umuligt  at  se  sin  hjemmesiden  som  brugeren   ser  den • Tænke-­højt  test
  • 138. TRICK NR. 8: TEST DIN HJEMMESIDE • Umuligt  at  se  sin  hjemmesiden  som  brugeren   ser  den • Tænke-­højt  test • Nem,  billig  og  god  metode  til  brugertest
  • 139. TRICK NR. 8: TEST DIN HJEMMESIDE • Umuligt  at  se  sin  hjemmesiden  som  brugeren   ser  den • Tænke-­højt  test • Nem,  billig  og  god  metode  til  brugertest • Kan  være  skræmende  effektiv
  • 141. TEST DIN HJEMMESIDE TÆNKE-HØJT TEST 1. Fortæl  navnet  og  adressen  på  hjemmesiden
  • 142. TEST DIN HJEMMESIDE TÆNKE-HØJT TEST 1. Fortæl  navnet  og  adressen  på  hjemmesiden 2. Inden  han/hun  går  ind  på  siden,  spørg  om  deres   forventninger  til  hvad  siden  indeholder
  • 143. TEST DIN HJEMMESIDE TÆNKE-HØJT TEST 1. Fortæl  navnet  og  adressen  på  hjemmesiden 2. Inden  han/hun  går  ind  på  siden,  spørg  om  deres   forventninger  til  hvad  siden  indeholder 3. Opsæt  et  scenarie  der  tester  en  essentiel  funktion
  • 144. TEST DIN HJEMMESIDE TÆNKE-HØJT TEST 1. Fortæl  navnet  og  adressen  på  hjemmesiden 2. Inden  han/hun  går  ind  på  siden,  spørg  om  deres   forventninger  til  hvad  siden  indeholder 3. Opsæt  et  scenarie  der  tester  en  essentiel  funktion 4. Bed  brugeren  om  at  løse  opgaven  mens  han/hun   “tænker  højt”
  • 145. TEST DIN HJEMMESIDE TÆNKE-HØJT TEST 1. Fortæl  navnet  og  adressen  på  hjemmesiden 2. Inden  han/hun  går  ind  på  siden,  spørg  om  deres   forventninger  til  hvad  siden  indeholder 3. Opsæt  et  scenarie  der  tester  en  essentiel  funktion 4. Bed  brugeren  om  at  løse  opgaven  mens  han/hun   “tænker  højt” 5. Forhold  dig  stille  imens  opgaven  udføres.  Læg  mærke   til  hvordan  han/hun  benytter  hjemmesiden
  • 146. TEST DIN HJEMMESIDE TÆNKE-HØJT TEST 1. Fortæl  navnet  og  adressen  på  hjemmesiden 2. Inden  han/hun  går  ind  på  siden,  spørg  om  deres   forventninger  til  hvad  siden  indeholder 3. Opsæt  et  scenarie  der  tester  en  essentiel  funktion 4. Bed  brugeren  om  at  løse  opgaven  mens  han/hun   “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
  • 147. TEST DIN HJEMMESIDE FORSLAG TIL SCENARIER
  • 148. TEST DIN HJEMMESIDE FORSLAG TIL SCENARIER • Du  skal  arrangere  familiedagen  på  søndag  og   skal  finde  ud  af  om  [xxx]  har  åbent
  • 149. TEST DIN HJEMMESIDE FORSLAG TIL SCENARIER • Du  skal  arrangere  familiedagen  på  søndag  og   skal  finde  ud  af  om  [xxx]  har  åbent • Du  skal  overnatte  søndag  til  mandag  og  skal   booke  et  værelse
  • 150. TEST DIN HJEMMESIDE FORSLAG TIL SCENARIER • Du  skal  arrangere  familiedagen  på  søndag  og   skal  finde  ud  af  om  [xxx]  har  åbent • 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
  • 151. 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
  • 152. TRICK NR. 9: OPTIMER TIL SØGEMASKINERNE
  • 153. TRICK NR. 9: OPTIMER TIL SØGEMASKINERNE • En  søgemaskine  læser  alle  hjemmesider
  • 154. TRICK NR. 9: OPTIMER TIL SØGEMASKINERNE • En  søgemaskine  læser  alle  hjemmesider • Kigger  på  hvert  enkelt  ord  i  indholdet
  • 155. TRICK NR. 9: OPTIMER TIL SØGEMASKINERNE • En  søgemaskine  læser  alle  hjemmesider • Kigger  på  hvert  enkelt  ord  i  indholdet • Tæller  links
  • 156. TRICK NR. 9: OPTIMER TIL SØGEMASKINERNE • En  søgemaskine  læser  alle  hjemmesider • Kigger  på  hvert  enkelt  ord  i  indholdet • Tæller  links • En  god  placering  i  Google  er  meget  vigtig
  • 158. OPTIMER TIL SØGEMASKINERNE TIPS OG TRICKS • Sæt  dig  i  brugerens  sted  -­  hvilke  ord  kunne   man  forestille  sig,  at  de  søger  på?
  • 159. OPTIMER TIL SØGEMASKINERNE TIPS OG TRICKS • Sæt  dig  i  brugerens  sted  -­  hvilke  ord  kunne   man  forestille  sig,  at  de  søger  på? • Skriv  de  søgeord  i  titlen,  overskriften,   underoverskrifter  og  links
  • 160. OPTIMER TIL SØGEMASKINERNE TIPS OG TRICKS • Sæt  dig  i  brugerens  sted  -­  hvilke  ord  kunne   man  forestille  sig,  at  de  søger  på? • Skriv  de  søgeord  i  titlen,  overskriften,   underoverskrifter  og  links • Brug  selve  søgeordet  til  links,  ikke  “klik  her”
  • 161. OPTIMER TIL SØGEMASKINERNE TIPS OG TRICKS • Sæt  dig  i  brugerens  sted  -­  hvilke  ord  kunne   man  forestille  sig,  at  de  søger  på? • Skriv  de  søgeord  i  titlen,  overskriften,   underoverskrifter  og  links • Brug  selve  søgeordet  til  links,  ikke  “klik  her” • Nyt  indhold  er  godt
  • 162. OPTIMER TIL SØGEMASKINERNE TIPS OG TRICKS • Sæt  dig  i  brugerens  sted  -­  hvilke  ord  kunne   man  forestille  sig,  at  de  søger  på? • Skriv  de  søgeord  i  titlen,  overskriften,   underoverskrifter  og  links • Brug  selve  søgeordet  til  links,  ikke  “klik  her” • Nyt  indhold  er  godt • F.eks.  nyhedssektion,  blog  osv.
  • 163. OPTIMER TIL SØGEMASKINERNE Ø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.
  • 164. TRICK NR. 10: SPØRG OM HJÆLP
  • 165. TRICK NR. 10: SPØRG OM HJÆLP • Spørgs  kunderne  om  deres  mening  om  din   hjemmeside
  • 166. TRICK NR. 10: SPØRG OM HJÆLP • Spørgs  kunderne  om  deres  mening  om  din   hjemmeside • Forslag  /  Ideer
  • 167. TRICK NR. 10: SPØRG OM HJÆLP • Spørgs  kunderne  om  deres  mening  om  din   hjemmeside • Forslag  /  Ideer • Er  det  noget  du  selv  kan  lave?
  • 168. SPØRG OM HJÆLP FÅ PROFESSIONEL HJÆLP
  • 169. SPØRG OM HJÆLP FÅ PROFESSIONEL HJÆLP • Vær  specifik  og  gå  i  detaljer
  • 170. SPØRG OM HJÆLP FÅ PROFESSIONEL HJÆLP • Vær  specifik  og  gå  i  detaljer •Det  er  svært  at  give  et  tilbud  på  noget  der  er   løst  defineret
  • 171. SPØRG OM HJÆLP FÅ PROFESSIONEL HJÆLP • Vær  specifik  og  gå  i  detaljer •Det  er  svært  at  give  et  tilbud  på  noget  der  er   løst  defineret • Beskriv  formålet  med  det  du  gerne  vil  have
  • 172. SPØRG OM HJÆLP FÅ PROFESSIONEL HJÆLP • Vær  specifik  og  gå  i  detaljer •Det  er  svært  at  give  et  tilbud  på  noget  der  er   løst  defineret • Beskriv  formålet  med  det  du  gerne  vil  have • Nogle  gange  er  løsningen  nemmere  end  man   tror
  • 173. SPØRG OM HJÆLP FÅ PROFESSIONEL HJÆLP • Vær  specifik  og  gå  i  detaljer •Det  er  svært  at  give  et  tilbud  på  noget  der  er   løst  defineret • Beskriv  formålet  med  det  du  gerne  vil  have • Nogle  gange  er  løsningen  nemmere  end  man   tror • Tegn  hvad  du  mener
  • 174. SPØRG OM HJÆLP FÅ PROFESSIONEL HJÆLP • Vær  specifik  og  gå  i  detaljer •Det  er  svært  at  give  et  tilbud  på  noget  der  er   løst  defineret • Beskriv  formålet  med  det  du  gerne  vil  have • Nogle  gange  er  løsningen  nemmere  end  man   tror • Tegn  hvad  du  mener • Wireframing
  • 176. SPØRG OM HJÆLP WIREFRAMING • Meget  overordnet
  • 177. SPØRG OM HJÆLP WIREFRAMING • Meget  overordnet • Tegning  af  elementerne  og  deres placering  i  forhold  til  hinanden
  • 178. SPØRG OM HJÆLP WIREFRAMING • Meget  overordnet • Tegning  af  elementerne  og  deres placering  i  forhold  til  hinanden • Funktionalitet  -­  ikke  design
  • 179. SPØRG OM HJÆLP WIREFRAMING • Meget  overordnet • Tegning  af  elementerne  og  deres placering  i  forhold  til  hinanden • Funktionalitet  -­  ikke  design • Kan  spare  dig  for  tid  og  penge
  • 180. 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
  • 182. OPSAMLING • Vær  læsevenlig.  Det  vigtigste  øverste.  Hold  det   kort.  Brugere  på  nettet  læser  ikke  -­  de  skimmer.
  • 183. OPSAMLING • Vær  læsevenlig.  Det  vigtigste  øverste.  Hold  det   kort.  Brugere  på  nettet  læser  ikke  -­  de  skimmer. • Simpel  er  OK.  Gælder  både  design  og  indhold
  • 184. OPSAMLING • Vær  læsevenlig.  Det  vigtigste  øverste.  Hold  det   kort.  Brugere  på  nettet  læser  ikke  -­  de  skimmer. • Simpel  er  OK.  Gælder  både  design  og  indhold • Opdater  jævnligt.  Opbygger  troværdighed.   Brugeren  kommer  tilbage.  Godt  for  Google
  • 185. OPSAMLING • Vær  læsevenlig.  Det  vigtigste  øverste.  Hold  det   kort.  Brugere  på  nettet  læser  ikke  -­  de  skimmer. • Simpel  er  OK.  Gælder  både  design  og  indhold • 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.  
  • 187. OPSAMLING • Gør  det  nemt  at  finde  vigtig  information.   Logisk  opdeling.  Tilbyd  søgning.
  • 188. OPSAMLING • Gør  det  nemt  at  finde  vigtig  information.   Logisk  opdeling.  Tilbyd  søgning. • Vær  konsistent.  Overhold  konventionerne.  Vær   konsistent  på  din  egen  hjemmeside.  Undgå  at  blive   for  kreativ  med  tekstformateringen.
  • 189. OPSAMLING • Gør  det  nemt  at  finde  vigtig  information.   Logisk  opdeling.  Tilbyd  søgning. • 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.
  • 191. OPSAMLING • Test  din  hjemmeside.  Tænke-­højt  test.  Lær   hvordan  dine  brugere  tænker.
  • 192. OPSAMLING • Test  din  hjemmeside.  Tænke-­højt  test.  Lær   hvordan  dine  brugere  tænker. • Optimer  til  søgemaskinerne.  Brug  vigtige  ord  i   titler,  overskrifter,  underoverskrifter  og  links.   Ingen  “klik  her”  links.
  • 193. OPSAMLING • Test  din  hjemmeside.  Tænke-­højt  test.  Lær   hvordan  dine  brugere  tænker. • 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.
  • 194. TAK FOR I DAG!