Ny teknik på webben

Transcript

1. Utveckla din plats på webben Ny teknik på webben PER AXBOM, XLENT 0708 – 77 80 08 www.dilbert.com
4. 4 Webbstrategi frustration olönsamhet in- effektivitet 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. inspired by Jeremiah Owyang
5. 5 Internet 1995-2010 Entusiaster Publicister Användare Internet överallt 1995 2000 2005 2010 © 2006 Per Axbom
6. 6 Paradigmskiftet Production . Distribution . Consumption
7. 7 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
8. 8 Men vi vill inte... n minska tillgängligheten n förvirra användaren n minska sökbarheten n tappa sammanhanget
10. 10 RIA – den förbjudna frukten nklient/server balans nasynkron kommunikation nnätverkseffektiv nkörs i webbläsaren nrikare nmer responsiv
11. 11 Men hur ser det ut?
12. 12 Ajax n Stora flikar n Dra-och-släpp n Auto-complete n Kartor n WYSIWYG n Förhandsgranskningar
14. 14 http://www.axbom.se/ajax-form/kontakt.html
15. 15 Mashups
16. 16 RIA – klurigheter nJavaScript nprocessorberoende (ej Flash) nskriptnedladdning nöppenhet nsökmotorsynlighet ninternetåtkomst
17. 17 RIA – styrning och mätning nfrihet / komplexitet ninte längre webbsidor, hur mäta nvar får användaren problem nresponstid svårmätbar
18. 18 Dåliga exempel n Ajax tabs content script n Authorize.net n Surewest n dontclick.it
19. 19 Bra exempel niGoogle nflickr nwishlistr nprisjakt nta-da list
20. 20 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
21. 21 RIA och behovet av frihet nkräver ingen installation nuppgraderingar är automatiska nplattformsoberoende, datoroberoende nvirusfritt
22. 22 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
23. 23 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
24. 24 RIA - rika applikationer har många ränder nJavaScript nAjax, ramverk nCurl nAdobe Flash/Flex nSilverlight nJava applets/applikationer
25. 25 Teknikjämförelse plattformsoberoende dynamiskt tillgänglighet möjlig fallback-lösning billig kompetens kring tekniken Flash Ajax
26. 26 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
27. 27 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
29. 29 Konsten att välja ”kraft”
30. 30 Vem litar du på?
32. 32 Internt Vad behöver de anställda veta? Vad behöver ledningen veta? Vem är bäst på att ge den informationen? Vilka verktyg tillhandahåller vi för att samla och dela kunskap?
33. 33 Externt Vad vill intressenterna veta om oss? Vad vill vi veta om intressenterna? Vem är bäst på att ge den informationen? Vilka verktyg tillhandahåller vi för att samla och dela kunskap?
34. 34 wiki nyheter interna bloggar community widgets UGC web services externa bloggar business intelligence
35. 35 Sociala nätverk... n ökar försäljning n bidrar till marknadsintelligens n uppmuntrar egen support n ger oss möjlighet att bygga bättre produkter n bidrar till en äkta kommunikation som marknaden uppskattar n når målgrupperna n motiverar målgrupperna
36. 36 Dove Film 2 1 min 16 s Film 1 1 min 14 s
37. 37 Intels webbstrategi n What was broken? – ge tillgång till nördarna som jobbar på företaget n Moderering – the good, the bad, not the ugly n Autenticitet – ”it's the blogger blogging” n Internal employee blogs n Intelpedia n Komma igång – leta efter en grupp experter – multi-user blog strategy n RSS-flöden – Rapid Response Tool n Hur ska evangelisten få det att funka? – Övertyga om att det finns en bra story att berätta. – En mer autentisk röst! n Bloggen är en ingång till en community
38. 38 Diskussionerna Tillförlitliga beslut tas ofta någon annanstans, långt innan man kommer till företagswebben. bloggar wiki sociala nätverk podcasts användarforum artificiell branding, corporate-snack taggning användarfilmer
40. 40 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.
41. 41 Designmönsterbibliotek nProblem nLösning (med bild) nAnvänd när nHur nVarför nFler exempel
42. 42 Visuella mönster
43. 43 Bra interaktiv design på webben är... nSnabbrörlig nHänsynsfull nDegraderingsbar nOsynlig nAnpassad nAgil
44. 44 Men i slutändan är det användarna som styr...
45. 45 usa
46. 46 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 www.axbom.se/presentationer
47. 47 Nästa års julklapp