Ny teknik och användbarhet

3,957 views

Published on

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

Published in: Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,957
On SlideShare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

×