1.
Nya tekniker och användbarhet PER AXBOM, XLENT 0708 – 77 80 08 Användbarhet som skapar användarnytta...

3.
Internet 1995-2010 Entusiaster Publicister Användare Internet överallt 1995 2000 2005 2010 © 2006 Per Axbom

4.
Paradigmskiftet Production . Distribution . Consumption

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.

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>

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

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

9.
Men hur ser det ut?

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>

12.
http://www.axbom.se/ajax-form/kontakt.html

13.
Mashups

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>

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>

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>

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>

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>

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>

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>

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>

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>

23.
Teknikjämförelse <ul><li>plattformsoberoende </li></ul>dynamiskt tillgänglighet möjlig fallback-lösning billig kompetens kring tekniken Flash Ajax

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>

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>

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>

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>

28.
Visuella mönster

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>

30.
Men i slutändan är det användarna som styr...

31.
With great power comes great responsibility usa

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