șĘșĘߣ

șĘșĘߣShare a Scribd company logo

Anvandbarhet 2 ht14

‱
‱
Johannes Karlsson
Johannes Karlsson

AnvÀndbarhet 2 förelÀsningen

1 of 37
Download to read offline
AnvÀndbarhet 2 - Att hitta rÀtt -
Dagens förelĂ€sning ‱ 24-timmarswebben / Webbriktlinjer! ‱ Vad menas med informationsdesign?! ‱ Varför ska tillĂ€mpa detta?! ‱ Hur gör vi?! ‱ Struktur och navigation
Riktlinjer ‱ 24-timmarswebben! ‱ Uppdateras inte lĂ€ngre! ‱ E-delegationen! ‱ Har tagit över arbetet med 24-timmarswebben! ‱ För webbsidor gĂ€ller webbriktlinjer.se http://www.edelegationen.se/ http://www.webbriktlinjer.se/
Hur hittar ni ? ‱ Vi vet att anvĂ€ndaren INTE ser allt, tĂ€nk pĂ„ att diskutera vad som ska synas och inte synas! ‱ Vi vet att anvĂ€ndaren INTE genomsöker hela sidan och skaffar sig sĂ„ledes ingen överblick över informationen
Hur hittar anvĂ€ndaren? ‱ Komplext; anvĂ€ndare har olika metoder och skiftar mellan dessa! ‱ FörstagĂ„ngsbesökare - slumpen ! ‱ Associerar till tidigare upplevelser! ‱ Letar efter intressanta objekt. Som antingen faller besökaren i smaken eller svarar pĂ„ anvĂ€ndarens syfte, dĂ€rför Ă€r det vĂ€ldigt viktigt med mĂ„lgrupp! ‱ Hittar besökaren inte nĂ„got intressant....3....2....1...... kommer hon att leta sig vidare till första bĂ€sta konkurrent
Generella riktlinjer ‱ Prioritera innehĂ„ll, allt kan inte fĂ„ plats! ‱ Viktig att diskutera med kund/avsĂ€ndare! ‱ Allt eftersom skapar besökarna en mental bild över webbplatsen! ‱ Skilj pĂ„ förstagĂ„ngsbesökare och andragĂ„ngsbesökare! ‱ BegrĂ€nsa antalet val/knappar i den globala menyn
Informationsdesign? ‱ Hur ni designar informationen, text och bilder! ‱ Kategorisera innehĂ„ll! ‱ Skapa mönster för anvĂ€ndaren att följa! ‱ Skapa struktur som möjliggöra att anvĂ€ndaren kan överblicka innehĂ„llet! ‱ Övergripande nivĂ„ ner i detalj! ‱ Kan kallas för informationsarkitektur Vad Ă€r?
Informationsdesign? ‱ Webben Ă€r ung och relativt organiserad! ‱ Inga begrĂ€nsningar i form och struktur, i kontrast till en bok eller tidning! ‱ Alla Ă€r sin egen designer! ‱ Kunden vet alltid bĂ€st! ‱ UnderlĂ€tta för anvĂ€ndaren för annars....3...2...1...Gone!! ‱ Webben börjar bli Ă€ldre och allt mer standardiserad Varför?
Kortsortering Hur?
Kortsortering 1. Intressenter diskuterar innehÄll och funktion, vad ska webbplatsen innefatta?! 2. Be mÄlgruppen sortera innehÄll och funktion ! 3. AvgrÀnsa! 4. Skapa kluster http://www.optimalworkshop.com/optimalsort.htm
Topologi
NĂ€t-Topologi ‱ NĂ€t-topologi: Alla sidor lĂ€nkar till alla, Ă€r kraftfullt men vid större webbplatser Ă€r det vĂ€ldigt svĂ„rt att skapa översikt! ‱ Fungerar bara vid mindre produktioner
TrĂ€d-Topologi ‱ TrĂ€d-topologi: Ser ut som ett upp och nervĂ€nt trĂ€d dĂ€r det finns undersidor för att skapa struktur, krĂ€ver fler klick! ‱ Större sidor! ‱ Brett trĂ€d gentemot djupt trĂ€d
Bok-Topologi ‱ Bok-topologi: LinjĂ€rt rörelsemönster! ‱ Styr anvĂ€ndaren genom sidan! ‱ Dynamisk bok-topologi eller strikt bok-topologi! ‱ Oftast en kombination av flera olika topologier! ‱ Till exempel en webbplats med en webbshop
Anvandbarhet 2 ht14
Anvandbarhet 2 ht14
Navigation ‱ Leda anvĂ€ndaren till det hon söker, utan omvĂ€gar! ‱ Visa hur webbplatsen Ă€r uppbyggd! ‱ En logisk hemsida Ă€r en mer anvĂ€ndbar webbplats! ‱ Finns det nĂ„gon anledning att försvĂ„ra navigationen?! ‱ TĂ€nk pĂ„ syftet, informera Ă€r inte samma som uppleva! ‱ AvsĂ€ndare VS besökare
Anvandbarhet 2 ht14
Menyer ‱ Webbplatser har flera typer av menyer och sĂ€tt att navigera! ‱ Varför finns det flera olika sĂ€tt att navigera? borde inte det förvirra mer Ă€n tydliggöra?! ‱ Strukturen och menyn byggs utifrĂ„n nĂ„gon form av modell eller tema! ‱ Varje meny bör ha ett tema! ‱ Desto mer innehĂ„ll desto viktigare Ă€r temat
Global meny? ‱ Den övergripande indelningen, kategorierna över innehĂ„llet! ‱ LĂ€ggs traditionellt överst i mitten eller till vĂ€nster under logotypen! ‱ Är oftast högt prioriterad och bör pĂ„visa webbplatsens struktur
Undermeny? ‱ SekundĂ€r meny som tar vid dĂ€r den globala menyn slutar! ‱ Kan byggas pĂ„ med en tredje, fast bara om det Ă€r absolut nödvĂ€ndigt
HjĂ€lpmeny? ‱ Funktionsstyrd meny dĂ€r till exempel sprĂ„k och översiktskarta brukar finnas! ‱ LĂ€ggs traditionellt lĂ€ngst upp till höger
SnabblĂ€nkar? ‱ Funktionsstyrd meny dĂ€r till exempel sprĂ„k och översiktskarta brukar finnas! ‱ HjĂ€lper fleragĂ„ngsbesökare att snabbare navigera sig till sitt mĂ„l! ‱ LĂ€ggs traditionellt lĂ€ngst ner i footern pĂ„ sidan
LĂ€nkar ‱ Tydlig lĂ€nktext Ă€r A och O, beskriv landningsplatsen! ‱ LĂ€nken bör kunna lĂ€sas fristĂ„ende, vi letar efter understrukna ord! ‱ AnvĂ€nd inte understrykning pĂ„ mer Ă€n lĂ€nkar! ‱ AnvĂ€nd mĂ„lets rubrik som lĂ€nktext, tydlig koppling mellan lĂ€nkande sidor! ‱ AnvĂ€nd attributet title för att ge mer information till anvĂ€ndaren LĂ€s mer i dokumentet Kursinformation (25mb) LĂ€s mer hĂ€r
LĂ€nkar ‱ Om lĂ€nken inte leder till en webbsida sĂ„ bör detta pĂ„visas pĂ„ nĂ„got sĂ€tt, till exempel genom en ikon ! ‱ Ge Ă€ven information om filstorlek, vid nedladdning! ‱ Var Ă„terhĂ„llsam med uppmaningar; KLICKA HÄR, KLICKA NU! ‱ Pekaren bör reagera nĂ€r den förs över lĂ€nken! ‱ Gör inte den klickbar ytan för liten! ‱ I menyer bör hela knappen vara klickbar och inte bara texten! ‱ Rensa brutna lĂ€nkar! ‱ Det ska alltid finnas en EXIT-vĂ€g till förstasidan genom! ‱ Logotyp OCH hem-knapp i menyn
Tema: Temalöst ‱ Framförallt mindre webbplatser! ‱ FörhĂ„llandevis vanligt men ofta resultatet av en ogenomtĂ€nkt design! ‱ Om antalet ”knappar” eller ”lĂ€nkar” överskrider fem bör man försöka hitta ett annat tema http://www.kalmar.se/Demokrati/
Tema: Association ‱ Ett vĂ€ldigt vanligt och grundlĂ€ggande tema, kategorisera ! ‱ Sorterar innehĂ„ll efter saker som hör ihop! ‱ T.ex. kartan hĂ€nger samman med mailformulĂ€ret; sĂ„ledes en egen kategori som vi kallar kontakt! ‱ Globala menyer Ă€r vanligtvis indelad via associationer http://malmo.se/
Tema: Bibliotek ‱ Fungerar bra i system för e-handel! ‱ Kategorier som delar in varje element! ‱ Bokstavsordning! ‱ Större omfĂ„ng Ă€n en global associations-sortering! ‱ Dubbelpublicering nĂ€r innehĂ„ll tillhör flera kategorier! ‱ TidskrĂ€vande! ‱ VĂ€lj ett huvudomrĂ„de för hela biblioteket http://www.bokus.com
Tema: MĂ„lgrupp ‱ InnehĂ„llet delas upp efter besökare! ‱ Inte för mĂ„nga alternativ! ‱ Tydliga grĂ€nser, besökaren mĂ„ste snabbt förstĂ„ vilken knapp hon tillhör! ‱ Fungerar bra som ingĂ„ng till förstasidan! ‱ Skriv förklarande text om det finns utrymme
Tema: Uppgift/MĂ„l ‱ Ordna innehĂ„ll efter anvĂ€ndarens uppgift! ‱ Kraftfull metod men krĂ„nglig; anvĂ€ndare har nĂ€stan alltid ett mĂ„l om detta kan adresseras direkt i menyn blir det logiskt! ‱ MĂ„nga lĂ€nkar försvĂ„rar; Ă€ven krĂ„ngliga benĂ€mningar! ‱ AnvĂ€ndbart vid mĂ„nga blanketter eller frĂ„geformulĂ€r! ‱ Kombineras nĂ€stan alltid med andra typer av navigation
Sökning ‱ Vanligare och vanligare -> större och större webbplatser! ‱ Ett problem Ă€r att sökverktyget fungerar olika beroende pĂ„ webbplats! ‱ Detta medför att vi inte kan skapa en övergripande förstĂ„else över sökord! ‱ SvĂ„rt med synonymer (brand VS eldsvĂ„da) och böjningar! ‱ Tidigare forskning visar ocksĂ„ pĂ„ att det ta lĂ€ngre tid att hitta innehĂ„ll genom sökfunktionen, (kanske inte idag)! ‱ Stavningskontroll! ‱ Möjlighet att se resultat medan man skriver (Ajax)
WebblĂ€sarens navigation ‱ BakĂ„tknappen bör alltid fungera förutom vid:! ‱ Till exempel nĂ€r anvĂ€ndaren har loggat ut frĂ„n ett system! ‱ Vid köp av produkt i e-handelsystem! ‱ För att Ă„tersĂ€nda formulĂ€r! ‱ Vanligt beteende hos anvĂ€ndarna! ‱ FörĂ€ndra inte sidorna pĂ„ tillbaka vĂ€gen, det blir förvirrande för anvĂ€ndarna! ‱ I 24-timmarswebben mĂ„ste alltid bakĂ„tknappen fungera
Processen } InnehÄll } Struktur } Design 1. Vad ska webbplatsen innehÄlla?! 2. Para ihop information/funktion gör en kortsortering! 3. Prioritera och avgrÀnsa! 4. Diskutera topologier och bestÀm koncept! 5. Rita sitemap! 6. Testa navigation och menyer! 7. Skissa pÄ alternativ
5 minuter http://www.mah.se http://www.lu.se
Bornholm ‱ LĂ€gg gĂ€rna tid pĂ„ att profilera er webbyrĂ„! ‱ Koncept efter uppdrag, fritt att tolka! ‱ Gemensam teknisk inlĂ€mning och en individuell reflektion! ‱ Komplett produktion utifrĂ„n vad ni har lĂ€rt er! ‱ Simulera funktioner och databaser! ‱ Ren HTML eller CMS! ‱ Bildbank! ‱ Ni fĂ„r anvĂ€nda egna bilder eller frĂ„n nĂ€tet, ska vara fria att anvĂ€nda
Verktyg ‱ http://www.clicktale.com/! ‱ http://www.crazyegg.com/! ‱ http://met.picnet.com.au/! ‱ http://www.labsmedia.com/
Sammanfattning ‱ Varför Ă€r det viktigt att tĂ€nka pĂ„ hur navigationen fungerar?! ‱ Vad Ă€r skillnaden pĂ„ bok-topologi gentemot nĂ€t-topologi?! ‱ Var brukar man kunna hitta sökrutan i en traditionell design?! ‱ Vad Ă€r en site-map och vad kan den vara bra till? LĂ€shĂ€nvisningar: Div, Float och Clear

More Related Content

Anvandbarhet 2 ht14

  • 1. AnvĂ€ndbarhet 2 - Att hitta rĂ€tt -
  • 2. Dagens förelĂ€sning ‱ 24-timmarswebben / Webbriktlinjer! ‱ Vad menas med informationsdesign?! ‱ Varför ska tillĂ€mpa detta?! ‱ Hur gör vi?! ‱ Struktur och navigation
  • 3. Riktlinjer ‱ 24-timmarswebben! ‱ Uppdateras inte lĂ€ngre! ‱ E-delegationen! ‱ Har tagit över arbetet med 24-timmarswebben! ‱ För webbsidor gĂ€ller webbriktlinjer.se http://www.edelegationen.se/ http://www.webbriktlinjer.se/
  • 4. Hur hittar ni ? ‱ Vi vet att anvĂ€ndaren INTE ser allt, tĂ€nk pĂ„ att diskutera vad som ska synas och inte synas! ‱ Vi vet att anvĂ€ndaren INTE genomsöker hela sidan och skaffar sig sĂ„ledes ingen överblick över informationen
  • 5. Hur hittar anvĂ€ndaren? ‱ Komplext; anvĂ€ndare har olika metoder och skiftar mellan dessa! ‱ FörstagĂ„ngsbesökare - slumpen ! ‱ Associerar till tidigare upplevelser! ‱ Letar efter intressanta objekt. Som antingen faller besökaren i smaken eller svarar pĂ„ anvĂ€ndarens syfte, dĂ€rför Ă€r det vĂ€ldigt viktigt med mĂ„lgrupp! ‱ Hittar besökaren inte nĂ„got intressant....3....2....1...... kommer hon att leta sig vidare till första bĂ€sta konkurrent
  • 6. Generella riktlinjer ‱ Prioritera innehĂ„ll, allt kan inte fĂ„ plats! ‱ Viktig att diskutera med kund/avsĂ€ndare! ‱ Allt eftersom skapar besökarna en mental bild över webbplatsen! ‱ Skilj pĂ„ förstagĂ„ngsbesökare och andragĂ„ngsbesökare! ‱ BegrĂ€nsa antalet val/knappar i den globala menyn
  • 7. Informationsdesign? ‱ Hur ni designar informationen, text och bilder! ‱ Kategorisera innehĂ„ll! ‱ Skapa mönster för anvĂ€ndaren att följa! ‱ Skapa struktur som möjliggöra att anvĂ€ndaren kan överblicka innehĂ„llet! ‱ Övergripande nivĂ„ ner i detalj! ‱ Kan kallas för informationsarkitektur Vad Ă€r?
  • 8. Informationsdesign? ‱ Webben Ă€r ung och relativt organiserad! ‱ Inga begrĂ€nsningar i form och struktur, i kontrast till en bok eller tidning! ‱ Alla Ă€r sin egen designer! ‱ Kunden vet alltid bĂ€st! ‱ UnderlĂ€tta för anvĂ€ndaren för annars....3...2...1...Gone!! ‱ Webben börjar bli Ă€ldre och allt mer standardiserad Varför?
  • 10. Kortsortering 1. Intressenter diskuterar innehĂ„ll och funktion, vad ska webbplatsen innefatta?! 2. Be mĂ„lgruppen sortera innehĂ„ll och funktion ! 3. AvgrĂ€nsa! 4. Skapa kluster http://www.optimalworkshop.com/optimalsort.htm
  • 12. NĂ€t-Topologi ‱ NĂ€t-topologi: Alla sidor lĂ€nkar till alla, Ă€r kraftfullt men vid större webbplatser Ă€r det vĂ€ldigt svĂ„rt att skapa översikt! ‱ Fungerar bara vid mindre produktioner
  • 13. TrĂ€d-Topologi ‱ TrĂ€d-topologi: Ser ut som ett upp och nervĂ€nt trĂ€d dĂ€r det finns undersidor för att skapa struktur, krĂ€ver fler klick! ‱ Större sidor! ‱ Brett trĂ€d gentemot djupt trĂ€d
  • 14. Bok-Topologi ‱ Bok-topologi: LinjĂ€rt rörelsemönster! ‱ Styr anvĂ€ndaren genom sidan! ‱ Dynamisk bok-topologi eller strikt bok-topologi! ‱ Oftast en kombination av flera olika topologier! ‱ Till exempel en webbplats med en webbshop
  • 17. Navigation ‱ Leda anvĂ€ndaren till det hon söker, utan omvĂ€gar! ‱ Visa hur webbplatsen Ă€r uppbyggd! ‱ En logisk hemsida Ă€r en mer anvĂ€ndbar webbplats! ‱ Finns det nĂ„gon anledning att försvĂ„ra navigationen?! ‱ TĂ€nk pĂ„ syftet, informera Ă€r inte samma som uppleva! ‱ AvsĂ€ndare VS besökare
  • 19. Menyer ‱ Webbplatser har flera typer av menyer och sĂ€tt att navigera! ‱ Varför finns det flera olika sĂ€tt att navigera? borde inte det förvirra mer Ă€n tydliggöra?! ‱ Strukturen och menyn byggs utifrĂ„n nĂ„gon form av modell eller tema! ‱ Varje meny bör ha ett tema! ‱ Desto mer innehĂ„ll desto viktigare Ă€r temat
  • 20. Global meny? ‱ Den övergripande indelningen, kategorierna över innehĂ„llet! ‱ LĂ€ggs traditionellt överst i mitten eller till vĂ€nster under logotypen! ‱ Är oftast högt prioriterad och bör pĂ„visa webbplatsens struktur
  • 21. Undermeny? ‱ SekundĂ€r meny som tar vid dĂ€r den globala menyn slutar! ‱ Kan byggas pĂ„ med en tredje, fast bara om det Ă€r absolut nödvĂ€ndigt
  • 22. HjĂ€lpmeny? ‱ Funktionsstyrd meny dĂ€r till exempel sprĂ„k och översiktskarta brukar finnas! ‱ LĂ€ggs traditionellt lĂ€ngst upp till höger
  • 23. SnabblĂ€nkar? ‱ Funktionsstyrd meny dĂ€r till exempel sprĂ„k och översiktskarta brukar finnas! ‱ HjĂ€lper fleragĂ„ngsbesökare att snabbare navigera sig till sitt mĂ„l! ‱ LĂ€ggs traditionellt lĂ€ngst ner i footern pĂ„ sidan
  • 24. LĂ€nkar ‱ Tydlig lĂ€nktext Ă€r A och O, beskriv landningsplatsen! ‱ LĂ€nken bör kunna lĂ€sas fristĂ„ende, vi letar efter understrukna ord! ‱ AnvĂ€nd inte understrykning pĂ„ mer Ă€n lĂ€nkar! ‱ AnvĂ€nd mĂ„lets rubrik som lĂ€nktext, tydlig koppling mellan lĂ€nkande sidor! ‱ AnvĂ€nd attributet title för att ge mer information till anvĂ€ndaren LĂ€s mer i dokumentet Kursinformation (25mb) LĂ€s mer hĂ€r
  • 25. LĂ€nkar ‱ Om lĂ€nken inte leder till en webbsida sĂ„ bör detta pĂ„visas pĂ„ nĂ„got sĂ€tt, till exempel genom en ikon ! ‱ Ge Ă€ven information om filstorlek, vid nedladdning! ‱ Var Ă„terhĂ„llsam med uppmaningar; KLICKA HÄR, KLICKA NU! ‱ Pekaren bör reagera nĂ€r den förs över lĂ€nken! ‱ Gör inte den klickbar ytan för liten! ‱ I menyer bör hela knappen vara klickbar och inte bara texten! ‱ Rensa brutna lĂ€nkar! ‱ Det ska alltid finnas en EXIT-vĂ€g till förstasidan genom! ‱ Logotyp OCH hem-knapp i menyn
  • 26. Tema: Temalöst ‱ Framförallt mindre webbplatser! ‱ FörhĂ„llandevis vanligt men ofta resultatet av en ogenomtĂ€nkt design! ‱ Om antalet ”knappar” eller ”lĂ€nkar” överskrider fem bör man försöka hitta ett annat tema http://www.kalmar.se/Demokrati/
  • 27. Tema: Association ‱ Ett vĂ€ldigt vanligt och grundlĂ€ggande tema, kategorisera ! ‱ Sorterar innehĂ„ll efter saker som hör ihop! ‱ T.ex. kartan hĂ€nger samman med mailformulĂ€ret; sĂ„ledes en egen kategori som vi kallar kontakt! ‱ Globala menyer Ă€r vanligtvis indelad via associationer http://malmo.se/
  • 28. Tema: Bibliotek ‱ Fungerar bra i system för e-handel! ‱ Kategorier som delar in varje element! ‱ Bokstavsordning! ‱ Större omfĂ„ng Ă€n en global associations-sortering! ‱ Dubbelpublicering nĂ€r innehĂ„ll tillhör flera kategorier! ‱ TidskrĂ€vande! ‱ VĂ€lj ett huvudomrĂ„de för hela biblioteket http://www.bokus.com
  • 29. Tema: MĂ„lgrupp ‱ InnehĂ„llet delas upp efter besökare! ‱ Inte för mĂ„nga alternativ! ‱ Tydliga grĂ€nser, besökaren mĂ„ste snabbt förstĂ„ vilken knapp hon tillhör! ‱ Fungerar bra som ingĂ„ng till förstasidan! ‱ Skriv förklarande text om det finns utrymme
  • 30. Tema: Uppgift/MĂ„l ‱ Ordna innehĂ„ll efter anvĂ€ndarens uppgift! ‱ Kraftfull metod men krĂ„nglig; anvĂ€ndare har nĂ€stan alltid ett mĂ„l om detta kan adresseras direkt i menyn blir det logiskt! ‱ MĂ„nga lĂ€nkar försvĂ„rar; Ă€ven krĂ„ngliga benĂ€mningar! ‱ AnvĂ€ndbart vid mĂ„nga blanketter eller frĂ„geformulĂ€r! ‱ Kombineras nĂ€stan alltid med andra typer av navigation
  • 31. Sökning ‱ Vanligare och vanligare -> större och större webbplatser! ‱ Ett problem Ă€r att sökverktyget fungerar olika beroende pĂ„ webbplats! ‱ Detta medför att vi inte kan skapa en övergripande förstĂ„else över sökord! ‱ SvĂ„rt med synonymer (brand VS eldsvĂ„da) och böjningar! ‱ Tidigare forskning visar ocksĂ„ pĂ„ att det ta lĂ€ngre tid att hitta innehĂ„ll genom sökfunktionen, (kanske inte idag)! ‱ Stavningskontroll! ‱ Möjlighet att se resultat medan man skriver (Ajax)
  • 32. WebblĂ€sarens navigation ‱ BakĂ„tknappen bör alltid fungera förutom vid:! ‱ Till exempel nĂ€r anvĂ€ndaren har loggat ut frĂ„n ett system! ‱ Vid köp av produkt i e-handelsystem! ‱ För att Ă„tersĂ€nda formulĂ€r! ‱ Vanligt beteende hos anvĂ€ndarna! ‱ FörĂ€ndra inte sidorna pĂ„ tillbaka vĂ€gen, det blir förvirrande för anvĂ€ndarna! ‱ I 24-timmarswebben mĂ„ste alltid bakĂ„tknappen fungera
  • 33. Processen } InnehĂ„ll } Struktur } Design 1. Vad ska webbplatsen innehĂ„lla?! 2. Para ihop information/funktion gör en kortsortering! 3. Prioritera och avgrĂ€nsa! 4. Diskutera topologier och bestĂ€m koncept! 5. Rita sitemap! 6. Testa navigation och menyer! 7. Skissa pĂ„ alternativ
  • 34. 5 minuter http://www.mah.se http://www.lu.se
  • 35. Bornholm ‱ LĂ€gg gĂ€rna tid pĂ„ att profilera er webbyrĂ„! ‱ Koncept efter uppdrag, fritt att tolka! ‱ Gemensam teknisk inlĂ€mning och en individuell reflektion! ‱ Komplett produktion utifrĂ„n vad ni har lĂ€rt er! ‱ Simulera funktioner och databaser! ‱ Ren HTML eller CMS! ‱ Bildbank! ‱ Ni fĂ„r anvĂ€nda egna bilder eller frĂ„n nĂ€tet, ska vara fria att anvĂ€nda
  • 36. Verktyg ‱ http://www.clicktale.com/! ‱ http://www.crazyegg.com/! ‱ http://met.picnet.com.au/! ‱ http://www.labsmedia.com/
  • 37. Sammanfattning ‱ Varför Ă€r det viktigt att tĂ€nka pĂ„ hur navigationen fungerar?! ‱ Vad Ă€r skillnaden pĂ„ bok-topologi gentemot nĂ€t-topologi?! ‱ Var brukar man kunna hitta sökrutan i en traditionell design?! ‱ Vad Ă€r en site-map och vad kan den vara bra till? LĂ€shĂ€nvisningar: Div, Float och Clear