SlideShare a Scribd company logo
FORBEDRING AV
                  BRUKEROPPLEVELSEN
                        GJENNOM DIRTY DESIGN

                        Jakob Thyness, Webgruppen AS




torsdag 10. mars 2011
En betraktning

                        Det var en gang alle nettsteder så fæle ut.
                        Etter hvert som nettstedene er blitt penere, er
                        det mange som lider av en underlig visuell
                        fattigdom - det er mer å se på, men mindre av
                        det er nyttig.
                        Vi har nå mindre visuell støy enn før, men
                        nettstedene våre er mindre brukervennlige
                        enn de kunne vært.
                        Kanskje støyen inneholdt noe nyttig likevel?



torsdag 10. mars 2011
FORM OG FORMÅL




torsdag 10. mars 2011
Vi kan ikke vite om et design er vellykket
                            med mindre vi vet hva formålet er.




torsdag 10. mars 2011
torsdag 10. mars 2011
Formålet med
                        brukeropplevelsesdesign (UX)

                        • UX er et middel for å nå et mål
                        • Formålet med UX er å skape verdi for
                          brukeren ved å realisere målene hans på en
                          effektiv måte

                        • Ved å skape verdi for brukeren, skaper UX
                          verdi også for avsender

                        • Husk - webdesign ligner mer på
                          produktdesign enn det ligner på grafisk
                          design!



torsdag 10. mars 2011
Hvor ligger verdien?




                        Forretnings-           Brukers
                            mål        Verdi     mål




torsdag 10. mars 2011
Å selge et produkt




torsdag 10. mars 2011
torsdag 10. mars 2011
torsdag 10. mars 2011
torsdag 10. mars 2011
Hvordan merkevarebasert
                 design kan skape problemer for
                      brukervennligheten




torsdag 10. mars 2011
En grunnleggende
                                 interessekonflikt


                        • Merkevarebygging er ikke til for brukeren
                        • Brukerens hovedmål er å finne innholdet han
                          leter etter så raskt og smertefritt som mulig

                        • Merkevarebygging på web skaper begrenset
                          verdi, og kaster bort brukers tid (og dermed
                          avsenders penger)




torsdag 10. mars 2011
Grunnen til at overordnede
                          designkonsepter ikke virker



                        • Elementene på siden har en tendens til å se
                          for like ut, og lukte for lite av informasjon

                        • Elementene oppnår ikke sin optimale form
                          fordi visuelle og “merkevarebyggende”
                          hensyn dominerer




torsdag 10. mars 2011
HVORDAN DIRTY DESIGN
                            KAN HJELPE




torsdag 10. mars 2011
Forskjellen er forskjellen



                        • Det er forskjellen mellom de visuelle
                          elementene på nettstedet som lar brukeren
                          identifisere dem og bruke dem riktig

                        • Dirty Design forsøker å gjøre disse forskjellene
                          tydeligere for å skape en en bedre
                          brukeropplevelse




torsdag 10. mars 2011
Forskjellen på “glatt” og Dirty

                                 “Glatt”                         Dirty
                           Gjør visuelle elementer       Understreker forskjeller
                           mer like hverandre for            for å fremheve
                        å lage en helhetlig identitet   funksjonalitet og innhold


                            Visuelt konsekvent          Funksjonelt konsekvent



                             Avsenderfokusert                Brukerfokusert



                                    Push                          Pull




torsdag 10. mars 2011
PUSH KONTRA PULL




torsdag 10. mars 2011
Push-kommunikasjon


                        • Tradisjonell massekommunikasjon
                        • Det samme budskapet går ut til et stort antall
                          potensielle mottakere, hvorav de fleste er
                          uinteresserte

                        • Trenger en “stopp-effekt” for å påkalle og evt
                          holde på mottakerens oppmerksomhet

                        • Selv om man klarer å “levere budskapet” er
                          dette ingen garanti for å oppnå konvertering




torsdag 10. mars 2011
Pull-kommunikasjon



                        • Brukeren leter selv opp informasjon han er
                          interessert i

                        • “Stopp-effekten” er unødvendig - vi har
                          allerede brukerens oppmerksomhet

                        • Hvis vi kan gi brukeren det han leter etter er
                          konvertering mye mer sannsynlig




torsdag 10. mars 2011
Pull-vennlighet




                        • Merkevarebasert design er push-orientert
                        • Web er som oftest pull-orientert
                        • Designet vårt må derfor være så pull-
                          orientert som mulig




torsdag 10. mars 2011
DEN PULL-ORIENTERTE
                        BRUKEROPPLEVELSEN




torsdag 10. mars 2011
Content is (still) king



                        • Den pull-orienterte brukeropplevelsen baerer
                          seg på riktig håndtering av innhold

                        • Webinnhold faller innenfor en del ulike
                          innholdstyper, som alle stiller sine spesielle
                          krav til design

                        • Å overse disse designkravene er risikabelt




torsdag 10. mars 2011
INNHOLDSTYPER




torsdag 10. mars 2011
Innholdstyper
                • Oppdatering
                        Å orientere seg om nye ting

                • Informasjon
                        Å finne spesifikke opplysninger

                • Transaksjon
                        Å bytte informasjon mot varer og tjenester

                • Dialog
                        Å kommunisere med andre

                • Opplevelse
                        Underholdning, spill etc.

                • Applikasjon
                        Å behandle data


torsdag 10. mars 2011
Oppdatering


                        • Uspesifikk informasjonsinnhenting - brukeren
                          er interessert i siste nytt

                        • Bør ordnes kronologisk og/eller etter viktighet
                        • Hvor ny eller viktig en ting er angis med
                          plassering og størrelse

                        • Man bør tilstrebe bredde heller enn dybde
                        • Navigering forgår gjerne via klikkbare
                          overskrifter



torsdag 10. mars 2011
torsdag 10. mars 2011
Informasjon

                        • Spesifikk informasjonsinnhenting - brukeren
                          vet på forhånd hva han ser etter

                        • Navigering skjer gjennom menyer
                        • Siden bør gjøres skumlesbar
                        • Merk innholdet med riktige trigger-ord
                        • Bruk mellomtitler
                        • Bruk kulepunkter
                        • Uthev viktige ord i teksten


torsdag 10. mars 2011
LUKTEN AV INFORMASJON




torsdag 10. mars 2011
Lukten av informasjon


                        • “Lukten av informasjon” - teori om hvordan
                          brukere orienterer seg på nett, underbygd av
                          flere tusen brukerobservasjoner

                        • “Designing for the scent of information”
                          Jared Spool, Christine Perfetti & David Brittan.
                          User Interface Engineering

                        • www.uie.com/reports/scent_of_information/



torsdag 10. mars 2011
Lukten av informasjon


                        • Bruker “lukter seg frem” på nettsider som en
                          sporhund.

                        • Bruker følger lukten så lenge den blir sterkere
                        • Den understrekete tekstlenken som
                          inneholder et triggerord er elementet som
                          lukter sterkest av informasjon

                        • Alle elementer på nettstedet må utformes slik
                          at de “lukter” mest mulig.




torsdag 10. mars 2011
torsdag 10. mars 2011
Transaksjon


                        • Brukeren gir bort informasjon i bytte mot noe
                          (f. eks. ved kjøp i nettbutikk)

                        • Transaksjonen må være oversiktlig og
                          kravene for gjennomføring tydelige

                        • Hvis transaksjonen har flere trinn, bør man
                          vise det totale antallet trinn og avmerke det
                          man befinner seg på

                        • Når en transaksjon er påbegynt er menyer
                          ofte motproduktive


torsdag 10. mars 2011
torsdag 10. mars 2011
Dialog


                        • Brukeren kommuniserer med andre
                        • dialog kan være tids- eller emnebasert
                        • Tidsbasert dialog bør ordnes kronologisk.
                          Sosiale medier er ofte basert rundt tidsbasert
                          dialog

                        • Emnebasert dialog (f. eks. brukerfora) trenger
                          en informasjonsarkitektur

                        • Dialog er i hovedsak tekstbasert


torsdag 10. mars 2011
torsdag 10. mars 2011
Opplevelse



                        • Alle typer interaktiv underholdning og spill
                        • Grensenittet bør være lett å forstå slik at
                          brukeren kan enkelt kan starte opplevelsen

                        • Spill har sin egen indre logikk, så tradisjonell
                          usability er mindre kritisk

                        • Brukeren vender ofte tilbake flere ganger, og
                          har derfor mulighet til å lære




torsdag 10. mars 2011
torsdag 10. mars 2011
Applikasjon



                        • Brukeren behandler data via et online-
                          verktøy

                        • Grensesnittet bør være så enkelt som mulig
                        • Begrens antallet og kompleksiteten av
                          oppgavene




torsdag 10. mars 2011
torsdag 10. mars 2011
Start med innholdet



                        • Bruk innholdstypen som utgangspunkt
                        • Design for hver enkelt innholdstype
                        • Når alle delene av nettstedet fungerer godt
                          vil nettstedet også gjøre det - uavhengig av
                          utseende




torsdag 10. mars 2011
SYV TIPS FOR Å SKITNE TIL
                            NETTSTEDET DITT




torsdag 10. mars 2011
torsdag 10. mars 2011
                           1
                        Prioriter riktig. Ikke la trivielt
                        innhold komme foran viktig
                                    innhold.
torsdag 10. mars 2011
torsdag 10. mars 2011
                            2
                        Ikke prioriter bilder og grafikk
                             over innhold heller.
torsdag 10. mars 2011
torsdag 10. mars 2011
                         3
                        Bruk tekstbaserte menyer.
                         (viktig for søkemotorer)
torsdag 10. mars 2011
4
                   Vær nøye med tekstformatering.

                 Bruk kulepunkter, mellomtitler og
                    uthev viktige ord i teksten.




torsdag 10. mars 2011
torsdag 10. mars 2011
5
               Tenk på hvordan du bruker bilder.

                   Brukere ser på bilder som
                inneholder relevant informasjon,
                men overser “profilerende” bilder.




torsdag 10. mars 2011
torsdag 10. mars 2011
6
                        Ikke gjør bildene for store.

                    Store bilder kommer ofte i veien




torsdag 10. mars 2011
                          for viktig informasjon
torsdag 10. mars 2011
torsdag 10. mars 2011
                            7
                        Hvis du ønsker at brukeren skal
                           gjøre bestemte ting, bruk
                         tydelige handlingsutløsende
                                  elementer.
torsdag 10. mars 2011
MEN - BLIR IKKE NETTSTEDET
                           VÅRT KJEDELIG DA?




torsdag 10. mars 2011
NEIDA.




torsdag 10. mars 2011
GO AND GET DIRTY!



                           jakob@webgruppen.no
                                @JakobT



torsdag 10. mars 2011

More Related Content

Featured

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
Christy Abraham Joy
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
 

Featured (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Dd webforum 2011

  • 1. FORBEDRING AV BRUKEROPPLEVELSEN GJENNOM DIRTY DESIGN Jakob Thyness, Webgruppen AS torsdag 10. mars 2011
  • 2. En betraktning Det var en gang alle nettsteder så fæle ut. Etter hvert som nettstedene er blitt penere, er det mange som lider av en underlig visuell fattigdom - det er mer å se på, men mindre av det er nyttig. Vi har nå mindre visuell støy enn før, men nettstedene våre er mindre brukervennlige enn de kunne vært. Kanskje støyen inneholdt noe nyttig likevel? torsdag 10. mars 2011
  • 3. FORM OG FORMÅL torsdag 10. mars 2011
  • 4. Vi kan ikke vite om et design er vellykket med mindre vi vet hva formålet er. torsdag 10. mars 2011
  • 6. Formålet med brukeropplevelsesdesign (UX) • UX er et middel for å nå et mål • Formålet med UX er å skape verdi for brukeren ved å realisere målene hans på en effektiv måte • Ved å skape verdi for brukeren, skaper UX verdi også for avsender • Husk - webdesign ligner mer på produktdesign enn det ligner på grafisk design! torsdag 10. mars 2011
  • 7. Hvor ligger verdien? Forretnings- Brukers mål Verdi mål torsdag 10. mars 2011
  • 8. Å selge et produkt torsdag 10. mars 2011
  • 12. Hvordan merkevarebasert design kan skape problemer for brukervennligheten torsdag 10. mars 2011
  • 13. En grunnleggende interessekonflikt • Merkevarebygging er ikke til for brukeren • Brukerens hovedmål er å finne innholdet han leter etter så raskt og smertefritt som mulig • Merkevarebygging på web skaper begrenset verdi, og kaster bort brukers tid (og dermed avsenders penger) torsdag 10. mars 2011
  • 14. Grunnen til at overordnede designkonsepter ikke virker • Elementene på siden har en tendens til å se for like ut, og lukte for lite av informasjon • Elementene oppnår ikke sin optimale form fordi visuelle og “merkevarebyggende” hensyn dominerer torsdag 10. mars 2011
  • 15. HVORDAN DIRTY DESIGN KAN HJELPE torsdag 10. mars 2011
  • 16. Forskjellen er forskjellen • Det er forskjellen mellom de visuelle elementene på nettstedet som lar brukeren identifisere dem og bruke dem riktig • Dirty Design forsøker å gjøre disse forskjellene tydeligere for å skape en en bedre brukeropplevelse torsdag 10. mars 2011
  • 17. Forskjellen på “glatt” og Dirty “Glatt” Dirty Gjør visuelle elementer Understreker forskjeller mer like hverandre for for å fremheve å lage en helhetlig identitet funksjonalitet og innhold Visuelt konsekvent Funksjonelt konsekvent Avsenderfokusert Brukerfokusert Push Pull torsdag 10. mars 2011
  • 18. PUSH KONTRA PULL torsdag 10. mars 2011
  • 19. Push-kommunikasjon • Tradisjonell massekommunikasjon • Det samme budskapet går ut til et stort antall potensielle mottakere, hvorav de fleste er uinteresserte • Trenger en “stopp-effekt” for å påkalle og evt holde på mottakerens oppmerksomhet • Selv om man klarer å “levere budskapet” er dette ingen garanti for å oppnå konvertering torsdag 10. mars 2011
  • 20. Pull-kommunikasjon • Brukeren leter selv opp informasjon han er interessert i • “Stopp-effekten” er unødvendig - vi har allerede brukerens oppmerksomhet • Hvis vi kan gi brukeren det han leter etter er konvertering mye mer sannsynlig torsdag 10. mars 2011
  • 21. Pull-vennlighet • Merkevarebasert design er push-orientert • Web er som oftest pull-orientert • Designet vårt må derfor være så pull- orientert som mulig torsdag 10. mars 2011
  • 22. DEN PULL-ORIENTERTE BRUKEROPPLEVELSEN torsdag 10. mars 2011
  • 23. Content is (still) king • Den pull-orienterte brukeropplevelsen baerer seg på riktig håndtering av innhold • Webinnhold faller innenfor en del ulike innholdstyper, som alle stiller sine spesielle krav til design • Å overse disse designkravene er risikabelt torsdag 10. mars 2011
  • 25. Innholdstyper • Oppdatering Å orientere seg om nye ting • Informasjon Å finne spesifikke opplysninger • Transaksjon Å bytte informasjon mot varer og tjenester • Dialog Å kommunisere med andre • Opplevelse Underholdning, spill etc. • Applikasjon Å behandle data torsdag 10. mars 2011
  • 26. Oppdatering • Uspesifikk informasjonsinnhenting - brukeren er interessert i siste nytt • Bør ordnes kronologisk og/eller etter viktighet • Hvor ny eller viktig en ting er angis med plassering og størrelse • Man bør tilstrebe bredde heller enn dybde • Navigering forgår gjerne via klikkbare overskrifter torsdag 10. mars 2011
  • 28. Informasjon • Spesifikk informasjonsinnhenting - brukeren vet på forhånd hva han ser etter • Navigering skjer gjennom menyer • Siden bør gjøres skumlesbar • Merk innholdet med riktige trigger-ord • Bruk mellomtitler • Bruk kulepunkter • Uthev viktige ord i teksten torsdag 10. mars 2011
  • 30. Lukten av informasjon • “Lukten av informasjon” - teori om hvordan brukere orienterer seg på nett, underbygd av flere tusen brukerobservasjoner • “Designing for the scent of information” Jared Spool, Christine Perfetti & David Brittan. User Interface Engineering • www.uie.com/reports/scent_of_information/ torsdag 10. mars 2011
  • 31. Lukten av informasjon • Bruker “lukter seg frem” på nettsider som en sporhund. • Bruker følger lukten så lenge den blir sterkere • Den understrekete tekstlenken som inneholder et triggerord er elementet som lukter sterkest av informasjon • Alle elementer på nettstedet må utformes slik at de “lukter” mest mulig. torsdag 10. mars 2011
  • 33. Transaksjon • Brukeren gir bort informasjon i bytte mot noe (f. eks. ved kjøp i nettbutikk) • Transaksjonen må være oversiktlig og kravene for gjennomføring tydelige • Hvis transaksjonen har flere trinn, bør man vise det totale antallet trinn og avmerke det man befinner seg på • Når en transaksjon er påbegynt er menyer ofte motproduktive torsdag 10. mars 2011
  • 35. Dialog • Brukeren kommuniserer med andre • dialog kan være tids- eller emnebasert • Tidsbasert dialog bør ordnes kronologisk. Sosiale medier er ofte basert rundt tidsbasert dialog • Emnebasert dialog (f. eks. brukerfora) trenger en informasjonsarkitektur • Dialog er i hovedsak tekstbasert torsdag 10. mars 2011
  • 37. Opplevelse • Alle typer interaktiv underholdning og spill • Grensenittet bør være lett å forstå slik at brukeren kan enkelt kan starte opplevelsen • Spill har sin egen indre logikk, så tradisjonell usability er mindre kritisk • Brukeren vender ofte tilbake flere ganger, og har derfor mulighet til å lære torsdag 10. mars 2011
  • 39. Applikasjon • Brukeren behandler data via et online- verktøy • Grensesnittet bør være så enkelt som mulig • Begrens antallet og kompleksiteten av oppgavene torsdag 10. mars 2011
  • 41. Start med innholdet • Bruk innholdstypen som utgangspunkt • Design for hver enkelt innholdstype • Når alle delene av nettstedet fungerer godt vil nettstedet også gjøre det - uavhengig av utseende torsdag 10. mars 2011
  • 42. SYV TIPS FOR Å SKITNE TIL NETTSTEDET DITT torsdag 10. mars 2011
  • 43. torsdag 10. mars 2011 1 Prioriter riktig. Ikke la trivielt innhold komme foran viktig innhold.
  • 45. torsdag 10. mars 2011 2 Ikke prioriter bilder og grafikk over innhold heller.
  • 47. torsdag 10. mars 2011 3 Bruk tekstbaserte menyer. (viktig for søkemotorer)
  • 49. 4 Vær nøye med tekstformatering. Bruk kulepunkter, mellomtitler og uthev viktige ord i teksten. torsdag 10. mars 2011
  • 51. 5 Tenk på hvordan du bruker bilder. Brukere ser på bilder som inneholder relevant informasjon, men overser “profilerende” bilder. torsdag 10. mars 2011
  • 53. 6 Ikke gjør bildene for store. Store bilder kommer ofte i veien torsdag 10. mars 2011 for viktig informasjon
  • 55. torsdag 10. mars 2011 7 Hvis du ønsker at brukeren skal gjøre bestemte ting, bruk tydelige handlingsutløsende elementer.
  • 57. MEN - BLIR IKKE NETTSTEDET VÅRT KJEDELIG DA? torsdag 10. mars 2011
  • 59. GO AND GET DIRTY! jakob@webgruppen.no @JakobT torsdag 10. mars 2011