Introduktion till användbarhet pć webben

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    Favorites, Groups & Events

    Introduktion till användbarhet pć webben - Presentation Transcript

    1. Introduktion till anvÀndbarhet Det Àr inte mÀnskligt att fela. Det Àr nÄgot produktutvecklare tutar i oss nÀr de struntat i anvÀndbarhet. Med nÄgra vÀl valda ord om tillgÀnglighet

    2. VĂ€lkomna! intranĂ€t extern webb Synlig i sökmotorerna. KvalitetssĂ€krad. TillgĂ€nglig för funktionshindrade. LĂ€tt att hitta, anvĂ€nda och förstĂ„. AB_? C Tack. Integrerad I övrig kommunikation. Vi gör din webb
 Muntlig info
    3. UpplÀgg
      • AnvĂ€ndbarhet
        • vad Ă€r anvĂ€ndbarhet
        • vilken nytta ger hög anvĂ€ndbarhet
        • vanliga problem
        • hur hittar man brister
      • Pratar inte om:
        • behovsanalys
        • sökbarhet / sökmotoroptimering
        • tillgĂ€nglighet (sĂ„ mycket)
    4. Möten med anvÀndbarhet
    5. Älskling, kan du stĂ€lla om klockan pĂ„ videon? Asch, jag satte pĂ„ fel platta! Vi fĂ„r vĂ€nta lite till pĂ„ potatisen. Men va f-n? Vilken dammsugar-pĂ„se Ă€r det vi ska ha nu igen? Men, hur fĂ„r jag i backen? Uh! Jaha, tack, jag trodde den gick inĂ„t

    6. Slutsatser / utgÄngspunkter
      • MĂ„nga produkter Ă€r formgivna för att spara tid men misslyckas
      • Det finns en brist pĂ„ förstĂ„else för hur design pĂ„verkar mĂ€nniskor
      • MĂ€nskliga misstag kostar pengar
      • MĂ€nniskor klandrar sig sjĂ€lva
      • Mycket gĂ„r att göra bĂ€ttre
      TÀnk om det kunde funka sÄ hÀr i stÀllet

    7. Vad vill vi med anvÀndbarhet?
      • FörbĂ€ttra sĂ„dant som funkar dĂ„ligt.
      • Visa hĂ€nsyn inför problem och mĂ€nskliga behov.
      • Göra livet lĂ€ttare.
      • Minimera fel.
      Skönt, datorn stĂ€llde om klockan sjĂ€lv

    8. Vad vinner vi pÄ hög anvÀndbarhet?
      • NĂ€r organisationer designar för hög anvĂ€ndbarhet och förstĂ„else, upptĂ€cker de en strategisk konkurrensfördel :
          • AnvĂ€ndare sparar tid och pengar och blir mer nöjda.
      Vad smidigt, det mÄste jag utnyttja! Och jag mÄste berÀtta för Lasse.
    9. Varför Àr det svÄrt? mÀnniskans förmÄga att ta till sig information 2005 1800 informationsmÀngd var dag tid
    10. informationsöverflöd kaos ilska svÄrt att fÄ/hitta rÀtt information svÄrt att förstÄ informationen frustration besvikelse inte en effektiv och nöjd anvÀndare
    11. Hur ska vi börja med webben?
      • För att uppnĂ„ hög anvĂ€ndbarhet mĂ„ste vi eliminera sĂ„dant som gör webbsajten lĂ„ngsam och svĂ„r att anvĂ€nda.
      • För att förstĂ„ vad som gör sajten svĂ„r och lĂ„ngsam att anvĂ€nda mĂ„ste titta pĂ„ hur anvĂ€ndarna anvĂ€nder webbsajten.
      • Internt mĂ„ste vi vara överens om vad vĂ„r webbsajt Ă€r och hur den kompletterar verksamheten .
    12. Vad Àr vÄr webb?
      • Information Ă€mnad för kunder, intressenter, allmĂ€nhet (sĂ„ kallade mĂ„lgrupper/mĂ€nniskor). Är det intranĂ€t sĂ„ handlar det om medarbetare.
      • Möjlighet för mĂ€nniskor att fĂ„ svar pĂ„ frĂ„gor.
      • Möjlighet för mĂ€nniskor att begĂ€ra tjĂ€nster utförda.
      • Ett stöd i arbetet.
      • En informationskĂ€lla dit mĂ€nniskor vĂ€nder sig med en specifik frĂ„gestĂ€llning.
          • en informations- och kommunikationskanal skapad av mĂ€nniskor för mĂ€nniskor
    13. AnvÀndbarhet handlar om

    14. Vad Àr hög anvÀndbarhet pÄ webben?
      • En ovan anvĂ€ndare gĂ„r in pĂ„ en webbsajt och kan snabbt och enkelt fĂ„ svar pĂ„ en frĂ„ga eller utföra en förutbestĂ€md uppgift. Återkopplingen gĂ„r att förstĂ„ och anvĂ€nda sig av, och hon kĂ€nner tillfredstĂ€llelse över att ha uppnĂ„tt mĂ„let.
          • inga missförstĂ„nd och inga misstag
    15.  
    16. Varför blir det lÄg anvÀndbarhet?
      • Webbprojekt börjar ofta i fel Ă€nde, med teknik i stĂ€llet för mĂ€nniskor (man missuppfattar vad en webbsajt Ă€r).
      • De viktigaste personerna, anvĂ€ndarna, Ă€r sĂ€llan involverade i utvecklingen av webbplatsen.
      • Formgivare har en webbvana som flerfaldigt överskrider de flesta anvĂ€ndares webbvana.
      • Formgivare har skĂ€rmar, datorer och internetuppkopplingar som de flesta webbanvĂ€ndare bara kan drömma om.
      • Formgivare utmĂ€rker sig inte genom att följa konventioner.
    17. Paradox?
      • En webbsajt kan vara anvĂ€ndbar eftersom den utför alla aktiviteter som behövs, men den kan ha lĂ„g anvĂ€ndbarhet om dess komplexitet gör den svĂ„r att anvĂ€nda effektivt för nybörjare.
      • www.fk.se – anmĂ€la sjukt barn
    18.  
    19. Upp med handen
      • Hur mĂ„nga tror att era anvĂ€ndare har svĂ„rt att hitta information pĂ„ er webbplats och/eller intranĂ€t?
    20. Vanliga missuppfattningar
      • Alla kan anvĂ€nda en mus
      • Alla kan uppgradera webblĂ€saren eller installera en plug-in
      • NĂ€r anvĂ€ndarna inte förstĂ„r Ă€r det för att de Ă€r (a) ovilliga att lĂ€ra sig (b) lata (c) dumma
      • Förstasidan Ă€r allt
      • Det rĂ€cker om jag lĂ„ter mina kollegor testa
      • AnvĂ€ndbarhet hĂ€mmar snygg design
      • AnvĂ€ndbarhet handlar om blĂ„, understrukna lĂ€nkar, max 8 sekunder i nedladdningstid, 2 klick till innehĂ„ll
 annars gĂ„r anvĂ€ndarna nĂ„gon annanstans
    21. Vilka typer av problem uppstÄr?
      • AnvĂ€ndare har svĂ„rt att förstĂ„
        • texter
        • vad som ligger bakom varje menyval/rubrik,
        • var de befinner sig i strukturen
        • hur de hittar tillbaka till tidigare vyer
        • den snabbaste vĂ€gen för att lösa en uppgift
      • Webbsajter har lĂ„g tillgĂ€nglighet
              • anvĂ€ndare ser inte sajten som det Ă€r tĂ€nkt
    22. Varför uteblir testerna?
      • ” Vi har inte tid”
      • ” Vi har inte pengar”
      • ” Vi har inte expertisen”
      • ” Vi har inget anvĂ€ndbarhetslabb”
      • ” Vi vet inte hur man tolkar resultatet”
    23. Efter pausen: hur man identifierar vanliga brister
    24. Hitta fel
      • Heuristisk analys (expertgranskning) Ă€r en diagnostisk metod dĂ€r experter antar rollen som mindre erfarna anvĂ€ndare och identifierar potentiella problem.
    25. Vad vi uppmÀrksammar var Àr jag? förstÄr jag i vilket sammanhang informationen Äterges? vad kan jag göra? fÄr jag en enkel överblick över mina valmöjligheter och förstÄr jag i förvÀg vad som hÀnder nÀr jag vÀljer att göra nÄgot? hur kommer jag tillbaka dÀr jag var? för att ÄtergÄ till en tidigare vy och göra ett nytt val dÀrifrÄn, vad Àr enklaste vÀgen dit?
      • barriĂ€rer till information
      • ordval /begrepp, krystat sprĂ„k
      • bildelement som tar uppmĂ€rksamhet frĂ„n information
      • plottrigt grĂ€nssnitt
      • opersonligt tilltal
      • skrollning
      • miljö / mĂ€nskliga egenskaper
      • stress
      • bullrig miljö
      • funktionshinder
      • förutfattade meningar
      • erfarenhet av webb-grĂ€nssnitt
      • en mus som trilskas
      INFO A-Ö SÖK
    26. Var Àr jag?
      • Design
        • var leds blicken
      • GĂ€ller alla sidor
      • Ordval
      • Informationsstruktur
      • Antalet val
      Hej, hĂ€r Ă€r jag – vad Ă€r det hĂ€r för nĂ„got? Hej, vad trevligt att du kom. Du kan lĂ€sa om dagens program och söka efter tidigare program. Du kan ocksĂ„ lĂ„na eller köpa program, om du Ă€r en skola.
    27. Vilka val finns tillgÀngliga?
      • Vad Ă€r huvudkategorierna
      • Ordningen pĂ„ lĂ€nkarna signalerar prioritet
      • Konsekventa menyer
      • Vad Ă€r klickbart
      Varför gÄr inte bilden att klicka pÄ?
    28.  
    29. Vad hÀnder om jag klickar?
      • OrdförstĂ„else
      • Sidor som öppnas i nytt fönster
      • LĂ€nkar som leder till andra webbplatser
      • Flera lĂ€nkar till samma innehĂ„ll
      Varför funkar inte bakÄt-knappen? Klicka hÀr Avancerad sökning KarriÀrmöjligheter FAQ E-giro
    30. Recalculate total / Remove products Product catalog Empty basket Buy products
    31. Var Àr jag nu?
      • Brödsmulor
      • Aktiverade menyval markerade
      • Djupa strukturer Ă€r svĂ„ra
      Jag har ingen aning om var jag Àr!!
    32.  
    33. NÀr du mÄste förklara Ja, sÄ Àr det förstÄs! Oj, hur ska jag komma ihÄg det?
    34. Vad ingen bör göra
      • Utesluta anvĂ€ndare pĂ„ grund av
        • webblĂ€sare och webblĂ€sarteknologier
        • uppkoppling
        • handikapp
      Vad sjutton!? Varför syns inte sidan!?
    35. Viktigast nÀr jag undersöker/testar?
      • Hinna med mĂ„nga iterationer.
      Ähm, Ă€r det hĂ€r navigationen? Åh tusan. Fixa. Vad Ă€r FAQ för nĂ„got? Åh tusan.
    36. Vad testar man?
      • Konkurrenters sajter
      • Skisser
      • Designförslag
      • Prototyp
      • Befintlig webb
      • Delar av befintlig webb
        • KontaktformulĂ€r
        • FörstĂ„else av specifika sidor
        • etceteras.
    37. AnvÀndbarhetstest, steg för steg
      • Vilka krav finns pĂ„ webbplatsen och vilka affĂ€rsmĂ„l skall den stödja?
      • Definiera en anvĂ€ndarprofil och rekrytera personer som matchar
      • Skapa en diskussionsguide som leder anvĂ€ndarna genom testet
      • Genomför intervjuerna/sittningarna
      • Analysera resultatet
      • Utarbeta och presentera rekommenderade förĂ€ndringar
      • ÅtgĂ€rda
      • Gör om
    38. Goda nyheter!
      • Historiskt sett har det varit svĂ„rt att bygga webbsajter för massor av olika webblĂ€sare och operativsystem.
      • Det Ă€r i dag lĂ€ttare Ă€n för ett Ă„r sedan att anpassa en webbsajt för fler mĂ€nniskor.
      • Man bygger inte lĂ€ngre för olika webblĂ€sare och operativsystem – man bygger för tillgĂ€nglighet och anvĂ€ndbarhet (med hjĂ€lp av standarder).
    39. Slutsatser
      • AnvĂ€ndbarhet handlar om effektivitet. AnvĂ€ndare ska snabbt kunna utföra uppgifter och nĂ„ tydliga mĂ„l. Allt som gör processen lĂ„ngsammare (som krĂ„ngliga ord eller svĂ„rtydbar navigering) hĂ€mmar anvĂ€ndbarheten. OmvĂ€nt sĂ„ förhöjs anvĂ€ndbarheten av enkel, intuitiv navigation och upplysande texter.
      • Tester Ă€r inte engĂ„ngsföreteelser. Du gör nĂ„got, testar, fixar och testar igen.
    40. Bra lÀnkar
      • Jakob Nielsen, Alertbox http:// www.useit.com / alertbox /
      • Keith Instone, Usable Web http:// www.usableweb.com /
      • Dive into Accessibility http:// www.diveintoaccessibility.org /
      • Yale/CAIM, Web Style Guide http:// www.webstyleguide.com
      • Worldwide Web Consortium (W3C), Web Accessibility Initiative http://www.w3.org/WAI/
      • World Wide Web Consortium (W3C) HTML Validation Service http://validator.w3.org/
    41. FrÄgor, kommentarer Vad sa han?

    + Per AxbomPer Axbom, 3 years ago

    custom

    1767 views, 0 favs, 2 embeds more stats

    En hyfsat heltäckande guide till användbarhet pć we more

    More Info

    © All Rights Reserved

    Go to text version
    • Total Views 1767
      • 1737 on SlideShare
      • 30 from embeds
    • Comments 0
    • Favorites 0
    • Downloads 0
    Most viewed embeds
    • 29 views on http://www.axbom.se
    • 1 views on http://axbom.se

    more

    All embeds
    • 29 views on http://www.axbom.se
    • 1 views on http://axbom.se

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as innappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel

    Categories