Ny teknik och användbarhet

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

Slide 2: 2

Slide 4: 4 Paradigmskiftet Production . Distribution . Consumption

Slide 5: 5 Webbstrategi Long-term plans and goals. Determine business requirements. Navigate through business politics. in- efficiency Understand users, competition, partners, stakeholders. The people. frustration olönsamhet All tools and techniques; strengths, weaknesses, limitations and costs.

Slide 6: 6 Vad vill vi? förbättra användarupplevelser  öka användbarheten  göra människor mer produktiva  hjälpa användare att känna sig som  superhjältar

Slide 7: 7 Men vi vill inte... minska tillgängligheten  förvirra användaren  minska sökbarheten  tappa sammanhanget 

Slide 8: 8 RIA – den förbjudna frukten körs i webbläsaren klient/server balans    rikare  asynkron kommunikation  mer responsiv  nätverkseffektiv

Slide 9: 9 Men hur ser det ut?

Slide 10: 10 Ajax Stora flikar  Dra-och-släpp  Auto-complete  Kartor  WYSIWYG  Förhandsgranskningar 

Slide 11: 11

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

Slide 13: 13 Mashups

Slide 14: 14 RIA – klurigheter JavaScript  processorberoende (ej  Flash) skriptnedladdning  öppenhet  sökmotorsynlighet  internetåtkomst 

Slide 15: 15 RIA – styrning och mätning frihet / komplexitet  inte längre webbsidor, hur mäta  var får användaren problem  responstid svårmätbar 

Slide 16: 16 Dåliga exempel Ajax tabs content script  Authorize.net  Surewest  dontclick.it 

Slide 17: 17 Bra exempel iGoogle  flickr  wishlistr  prisjakt  ta-da list 

Slide 18: 18 Användardilemmat Användaren interagerar direkt med sidkomponenter  (redigering, dra-och-släpp, panorering i karta, m.m.) Delar av sidan uppdateras (laddas inte om)  Mer detaljerad information finns på samma sida (inte ny  sida) Återkoppling, bekräftelser och felmeddelanden i sidan 

Slide 19: 19 RIA och behovet av frihet kräver ingen installation  uppgraderingar är  automatiska plattformsoberoende,  datoroberoende virusfritt 

Slide 20: 20 Dold JavaScript – den soliga baksidan Separerar JavaScript från  struktur/innehåll och presentation Undviker problemen med traditionell JavaScript-  programmering (utnyttjar färdiga JS-bibliotek) Snygg degradering i webbläsare som inte kan  tolka beteenden på önskat sätt

Slide 21: 21 Att tänka på Tillgänglighet (för människor  med funktionshinder) Tillgänglighet (datorrelaterat)  Tillgänglighet (sökmotorer)  Mobiler  Felhantering  Val av teknik 

Slide 22: 22 RIA - rika applikationer har många ränder JavaScript  Ajax, ramverk  Curl  Adobe Flash/Flex  Silverlight  Java  applets/applikationer

Slide 23: 23 Teknikjämförelse Flash Ajax plattformsoberoende dynamiskt tillgänglighet möjlig billig kompetens fallback-lösning kring tekniken

Slide 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

Slide 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

Slide 26: 26 Designmönster För varje givet problem  finns ett oändligt antal lösningar... Designmönster ger oss styrmedel för alla  utvecklare och webbkreatörer kostnadseffektiv  webbutveckling användarcentrerad  webbutveckling.

Slide 27: 27 Designmönsterbibliotek Problem  Lösning  (med bild) Använd när  Hur  Varför  Fler exempel 

Slide 28: 28 Visuella mönster

Slide 29: 29 Bra interaktiv design på webben är... Snabbrörlig  Hänsynsfull  Degraderingsbar  Osynlig  Anpassad  Agil 

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

Slide 31: 31 usa

Slide 32: 32 Per Axbom per.axbom@xlent.se 0708-77 80 08 Frågor på det? 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.

Slideshare.net (beta)