Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Ny teknik och användbarhet

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

  • Login to see the comments

Ny teknik och användbarhet

  1. 1. Nya tekniker och användbarhet PER AXBOM, XLENT 0708 – 77 80 08 Användbarhet som skapar användarnytta...
  2. 3. Internet 1995-2010 Entusiaster Publicister Användare Internet överallt 1995 2000 2005 2010 © 2006 Per Axbom
  3. 4. Paradigmskiftet Production . Distribution . Consumption
  4. 5. Webbstrategi User Experience Business Tools 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.
  5. 6. Vad vill vi? <ul><li>förbättra användarupplevelser </li></ul><ul><li>öka användbarheten </li></ul><ul><li>göra människor mer produktiva </li></ul><ul><li>hjälpa användare att känna sig som superhjältar </li></ul>
  6. 7. Men vi vill inte... <ul><li>minska tillgängligheten </li></ul><ul><li>förvirra användaren </li></ul><ul><li>minska sökbarheten </li></ul><ul><li>tappa sammanhanget </li></ul>K
  7. 8. RIA – den förbjudna frukten <ul><li>klient/server balans </li></ul><ul><li>asynkron kommunikation </li></ul><ul><li>nätverkseffektiv </li></ul><ul><li>körs i webbläsaren </li></ul><ul><li>rikare </li></ul><ul><li>mer responsiv </li></ul>Ajax Flash Silverlight
  8. 9. Men hur ser det ut?
  9. 10. Ajax <ul><li>Stora flikar </li></ul><ul><li>Dra-och-släpp </li></ul><ul><li>Auto-complete </li></ul><ul><li>Kartor </li></ul><ul><li>WYSIWYG </li></ul><ul><li>Förhandsgranskningar </li></ul>
  10. 12. http://www.axbom.se/ajax-form/kontakt.html
  11. 13. Mashups
  12. 14. RIA – klurigheter <ul><li>JavaScript </li></ul><ul><li>processorberoende (ej Flash) </li></ul><ul><li>skriptnedladdning </li></ul><ul><li>öppenhet </li></ul><ul><li>sökmotorsynlighet </li></ul><ul><li>internetåtkomst </li></ul>
  13. 15. RIA – styrning och mätning <ul><li>frihet / komplexitet </li></ul><ul><li>inte längre webbsidor, hur mäta </li></ul><ul><li>var får användaren problem </li></ul><ul><li>responstid svårmätbar </li></ul>
  14. 16. Dåliga exempel <ul><li>Ajax tabs content script </li></ul><ul><li>Authorize.net </li></ul><ul><li>Surewest </li></ul><ul><li>dontclick.it </li></ul>
  15. 17. Bra exempel <ul><li>iGoogle </li></ul><ul><li>flickr </li></ul><ul><li>wishlistr </li></ul><ul><li>prisjakt </li></ul><ul><li>ta-da list </li></ul>
  16. 18. Användardilemmat <ul><li>Användaren interagerar direkt med sidkomponenter (redigering, dra-och-släpp, panorering i karta, m.m.) </li></ul><ul><li>Delar av sidan uppdateras (laddas inte om) </li></ul><ul><li>Mer detaljerad information finns på samma sida (inte ny sida) </li></ul><ul><li>Återkoppling, bekräftelser och felmeddelanden i sidan </li></ul>
  17. 19. RIA och behovet av frihet <ul><li>kräver ingen installation </li></ul><ul><li>uppgraderingar är automatiska </li></ul><ul><li>plattformsoberoende, datoroberoende </li></ul><ul><li>virusfritt </li></ul>
  18. 20. Dold JavaScript – den soliga baksidan <ul><li>Separerar JavaScript från struktur/innehåll och presentation </li></ul><ul><li>Undviker problemen med traditionell JavaScript-programmering (utnyttjar färdiga JS-bibliotek) </li></ul><ul><li>Snygg degradering i webbläsare som inte kan tolka beteenden på önskat sätt </li></ul>
  19. 21. Att tänka på <ul><li>Tillgänglighet (för människor med funktionshinder) </li></ul><ul><li>Tillgänglighet (datorrelaterat) </li></ul><ul><li>Tillgänglighet (sökmotorer) </li></ul><ul><li>Mobiler </li></ul><ul><li>Felhantering </li></ul><ul><li>Val av teknik </li></ul>
  20. 22. RIA - rika applikationer har många ränder <ul><li>JavaScript </li></ul><ul><li>Ajax, ramverk </li></ul><ul><li>Curl </li></ul><ul><li>Adobe Flash/Flex </li></ul><ul><li>Silverlight </li></ul><ul><li>Java applets/applikationer </li></ul>
  21. 23. Teknikjämförelse <ul><li>plattformsoberoende </li></ul>dynamiskt tillgänglighet möjlig fallback-lösning billig kompetens kring tekniken Flash Ajax
  22. 24. Använd Ajax (eller annan teknik) när... <ul><li>du kan automatisera valprocesser </li></ul><ul><li>du kan minimera fel och/eller underlätta inmatning av information </li></ul><ul><li>du kan presentera information snabbare </li></ul><ul><li>användaren kan påverka informationen snabbare och på ett förenklat sätt </li></ul>
  23. 25. Använd inte Ajax... <ul><li>för att bygga hela webbplatser (om du inte bygger en fristående applikation) </li></ul><ul><li>för att skapa häftiga animationer/effekter som tar tid från användaren </li></ul><ul><li>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 </li></ul><ul><li>när informationssäkerhet är viktigt </li></ul><ul><li>om du inte har resurser för att hantera snabba förändringar </li></ul><ul><li>om du inte samtidigt kan erbjuda en fallback-lösning </li></ul>
  24. 26. Designmönster <ul><li>För varje givet problem finns ett oändligt antal lösningar... </li></ul><ul><li>Designmönster ger oss </li></ul><ul><li>styrmedel för alla utvecklare och webbkreatörer </li></ul><ul><li>kostnadseffektiv webbutveckling </li></ul><ul><li>användarcentrerad webbutveckling. </li></ul>
  25. 27. Designmönsterbibliotek <ul><li>Problem </li></ul><ul><li>Lösning (med bild) </li></ul><ul><li>Använd när </li></ul><ul><li>Hur </li></ul><ul><li>Varför </li></ul><ul><li>Fler exempel </li></ul>
  26. 28. Visuella mönster
  27. 29. Bra interaktiv design på webben är... <ul><li>Snabbrörlig </li></ul><ul><li>Hänsynsfull </li></ul><ul><li>Degraderingsbar </li></ul><ul><li>Osynlig </li></ul><ul><li>Anpassad </li></ul><ul><li>Agil </li></ul>
  28. 30. Men i slutändan är det användarna som styr...
  29. 31. With great power comes great responsibility usa
  30. 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 [email_address] 0708-77 80 08

×