Ny teknik och användbarhet

Hur ny teknik på webben kan hjälpa oss att skapa lösningar med hög användbarhet.

Transcript

1. Användbarhet som skapar användarnytta... Nya tekniker och användbarhet PER AXBOM, XLENT 0708 – 77 80 08
3. 3 Internet 1995-2010 Entusiaster Publicister Användare Internet överallt 1995 2000 2005 2010 © 2006 Per Axbom
4. 4 Paradigmskiftet Production . Distribution . Consumption
5. 5 Webbstrategi frustration olönsamhet in- efficiency Long-term plans and goals. Determine business requirements. Navigate through business politics. Understand users, competition, partners, stakeholders. The people. All tools and techniques; strengths, weaknesses, limitations and costs.
6. 6 Vad vill vi? n förbättra användarupplevelser n öka användbarheten n göra människor mer produktiva n hjälpa användare att känna sig som superhjältar
7. 7 Men vi vill inte... n minska tillgängligheten n förvirra användaren n minska sökbarheten n tappa sammanhanget
8. 8 RIA – den förbjudna frukten nklient/server balans nasynkron kommunikation nnätverkseffektiv nkörs i webbläsaren nrikare nmer responsiv
9. 9 Men hur ser det ut?
10. 10 Ajax n Stora flikar n Dra-och-släpp n Auto-complete n Kartor n WYSIWYG n Förhandsgranskningar
12. 12 http://www.axbom.se/ajax-form/kontakt.html
13. 13 Mashups
14. 14 RIA – klurigheter nJavaScript nprocessorberoende (ej Flash) nskriptnedladdning nöppenhet nsökmotorsynlighet ninternetåtkomst
15. 15 RIA – styrning och mätning nfrihet / komplexitet ninte längre webbsidor, hur mäta nvar får användaren problem nresponstid svårmätbar
16. 16 Dåliga exempel n Ajax tabs content script n Authorize.net n Surewest n dontclick.it
17. 17 Bra exempel niGoogle nflickr nwishlistr nprisjakt nta-da list
18. 18 Användardilemmat n Användaren interagerar direkt med sidkomponenter (redigering, dra-och-släpp, panorering i karta, m.m.) n Delar av sidan uppdateras (laddas inte om) n Mer detaljerad information finns på samma sida (inte ny sida) n Återkoppling, bekräftelser och felmeddelanden i sidan
19. 19 RIA och behovet av frihet nkräver ingen installation nuppgraderingar är automatiska nplattformsoberoende, datoroberoende nvirusfritt
20. 20 Dold JavaScript – den soliga baksidan nSeparerar JavaScript från struktur/innehåll och presentation nUndviker problemen med traditionell JavaScript- programmering (utnyttjar färdiga JS-bibliotek) nSnygg degradering i webbläsare som inte kan tolka beteenden på önskat sätt
21. 21 Att tänka på n Tillgänglighet (för människor med funktionshinder) n Tillgänglighet (datorrelaterat) n Tillgänglighet (sökmotorer) n Mobiler n Felhantering n Val av teknik
22. 22 RIA - rika applikationer har många ränder nJavaScript nAjax, ramverk nCurl nAdobe Flash/Flex nSilverlight nJava applets/applikationer
23. 23 Teknikjämförelse plattformsoberoende dynamiskt tillgänglighet möjlig fallback-lösning billig kompetens kring tekniken Flash Ajax
24. 24 Använd Ajax (eller annan teknik) när... du kan automatisera valprocesser du kan minimera fel och/eller underlätta inmatning av information du kan presentera information snabbare användaren kan påverka informationen snabbare och på ett förenklat sätt
25. 25 Använd inte Ajax... för att bygga hela webbplatser (om du inte bygger en fristående applikation) för att skapa häftiga animationer/effekter som tar tid från användaren för att hämta information som du vill ska vara sökbar, eller som användare ska kunna lägga till i bokmärken när informationssäkerhet är viktigt om du inte har resurser för att hantera snabba förändringar om du inte samtidigt kan erbjuda en fallback-lösning
26. 26 Designmönster n För varje givet problem finns ett oändligt antal lösningar... Designmönster ger oss n styrmedel för alla utvecklare och webbkreatörer n kostnadseffektiv webbutveckling n användarcentrerad webbutveckling.
27. 27 Designmönsterbibliotek nProblem nLösning (med bild) nAnvänd när nHur nVarför nFler exempel
28. 28 Visuella mönster
29. 29 Bra interaktiv design på webben är... nSnabbrörlig nHänsynsfull nDegraderingsbar nOsynlig nAnpassad nAgil
30. 30 Men i slutändan är det användarna som styr...
31. 31 usa
32. 32 Copyright © 2005 by XLENT No part of this publication may be reproduced, stored in a retrieval system, or transmitted in any form or by any means - electronic, mechanical, photocopying, recording, or otherwise - without the permission of XLENT. This document provides an outline of a presentation and is incomplete without the accompanying oral commentary and discussion. Frågor på det? Per Axbom per.axbom@xlent.se 0708-77 80 08