Ny teknik på webben

  • View
    2.659

  • Download
    5

Embed Size (px)

DESCRIPTION

 

Transcript

  • 1. Ny teknik p webben PER AXBOM, XLENT 0708 77 80 08 Utveckla din plats p webben www.dilbert.com

2. 3. UX 4. Webbstrategi User Experience Business Tools frustration olnsamhet 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. Internet 1995-2010 Entusiaster Publicister Anvndare Internet verallt 1995 2000 2005 2010 2006 Per Axbom 6. Paradigmskiftet Production . Distribution . Consumption 7. Vad vill vi?

  • frbttra anvndarupplevelser
  • ka anvndbarheten
  • gra mnniskor mer produktiva
  • hjlpa anvndare att knna sig som superhjltar

8. Men vi vill inte...

  • minska tillgngligheten
  • frvirra anvndaren
  • minska skbarheten
  • tappa sammanhanget

K 9. RIA 10. RIA den frbjudna frukten

  • klient/server balans
  • asynkron kommunikation
  • ntverkseffektiv
  • krs i webblsaren
  • rikare
  • mer responsiv

Ajax Flash Silverlight 11. Men hur ser det ut? 12. Ajax

  • Stora flikar
  • Dra-och-slpp
  • Auto-complete
  • Kartor
  • WYSIWYG
  • Frhandsgranskningar

13. 14. http://www.axbom.se/ajax-form/kontakt.html 15. Mashups 16. RIA klurigheter

  • JavaScript
  • processorberoende (ej Flash)
  • skriptnedladdning
  • ppenhet
  • skmotorsynlighet
  • internettkomst

17. RIA styrning och mtning

  • frihet / komplexitet
  • inte lngre webbsidor, hur mta
  • var fr anvndaren problem
  • responstid svrmtbar

18. Dliga exempel

  • Ajax tabs content script
  • Authorize.net
  • Surewest
  • dontclick.it

19. Bra exempel

  • iGoogle
  • flickr
  • wishlistr
  • prisjakt
  • ta-da list

20. Anvndardilemmat

  • Anvndaren interagerar direkt med sidkomponenter (redigering, dra-och-slpp, panorering i karta, m.m.)
  • Delar av sidan uppdateras (laddas inte om)
  • Mer detaljerad information finns p samma sida (inte ny sida)
  • terkoppling, bekrftelser och felmeddelanden i sidan

21. RIA och behovet av frihet

  • krver ingen installation
  • uppgraderingar r automatiska
  • plattformsoberoende, datoroberoende
  • virusfritt

22. Dold JavaScript den soliga baksidan

  • Separerar JavaScript frn struktur/innehll och presentation
  • Undviker problemen med traditionell JavaScript-programmering (utnyttjar frdiga JS-bibliotek)
  • Snygg degradering i webblsare som inte kan tolka beteenden p nskat stt

23. Att tnka p

  • Tillgnglighet (fr mnniskor med funktionshinder)
  • Tillgnglighet (datorrelaterat)
  • Tillgnglighet (skmotorer)
  • Mobiler
  • Felhantering
  • Val av teknik

24. RIA - rika applikationer har mnga rnder

  • JavaScript
  • Ajax, ramverk
  • Curl
  • Adobe Flash/Flex
  • Silverlight
  • Java applets/applikationer

25. Teknikjmfrelse

  • plattformsoberoende

dynamiskt tillgnglighet mjlig fallback-lsning billig kompetens kring tekniken Flash Ajax 26. Anvnd Ajax (eller annan teknik) nr...

  • du kan automatisera valprocesser
  • du kan minimera fel och/eller underltta inmatning av information
  • du kan presentera information snabbare
  • anvndaren kan pverka informationen snabbareoch p ett frenklat stt

27. Anvnd inte Ajax...

  • fr att bygga hela webbplatser (om du inte bygger en fristende applikation)
  • fr att skapa hftiga animationer/effekter som tar tid frn anvndaren
  • fr att hmta information som du vill ska vara skbar, eller som anvndare ska kunna lgga till i bokmrken
  • nr informationsskerhet r viktigt
  • om du inte har resurser fr att hantera snabba frndringar
  • om du inte samtidigt kan erbjuda en fallback-lsning

28. UGC 29. Konsten att vlja kraft 30. Vem litar du p? 31. 32. Internt Vad behver de anstllda veta? Vad behver ledningen veta? Vem r bst p att ge den informationen? Vilka verktyg tillhandahller vi fr att samla och dela kunskap? 33. Externt Vad vill intressenterna veta om oss? Vad vill vi veta om intressenterna? Vem r bst p att ge den informationen? Vilka verktyg tillhandahller vi fr att samla och dela kunskap? 34. wiki nyheter interna bloggar community widgets UGC web services externa bloggar business intelligence 35. Sociala ntverk...

  • kar frsljning
  • bidrar till marknadsintelligens
  • uppmuntrar egen support
  • ger oss mjlighet att bygga bttre produkter
  • bidrar till en kta kommunikation som marknaden uppskattar
  • nr mlgrupperna
  • motiverar mlgrupperna

36. Dove Film 2 1 min 16 s Film 1 1 min 14 s 37. Intels webbstrategi

  • What was broken?
    • ge tillgng till nrdarna som jobbar p fretaget
  • Moderering
    • the good, the bad, not the ugly
  • Autenticitet it's the blogger blogging
  • Internal employee blogs
  • Intelpedia
  • Komma igng
    • leta efter en grupp experter
    • multi-user blog strategy
  • RSS-flden
    • Rapid Response Tool
  • Hur ska evangelisten f det att funka?
    • vertyga om att det finns en bra story att bertta.
    • En mer autentisk rst!
  • Bloggen r en ingng till en community

38. Diskussionerna

  • Tillfrlitliga beslut tas ofta ngon annanstans, lngt innan man kommer till fretagswebben.

bloggar wiki sociala ntverk podcasts anvndarforum artificiell branding, corporate-snack taggning anvndarfilmer 39. Design Patterns 40. Designmnster

  • Fr varje givet problem finns ett ondligt antal lsningar...
  • Designmnster ger oss
  • styrmedel fr alla utvecklare och webbkreatrer
  • kostnadseffektiv webbutveckling
  • anvndarcentrerad webbutveckling.

41. Designmnsterbibliotek

  • Problem
  • Lsning (med bild)
  • Anvnd nr
  • Hur
  • Varfr
  • Fler exempel

42. Visuella mnster 43. Bra interaktiv design p webben r...

  • Snabbrrlig
  • Hnsynsfull
  • Degraderingsbar
  • Osynlig
  • Anpassad
  • Agil

44. Men i slutndan r det anvndarna som styr... 45. With great power comes great responsibility usa 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.Frgor p det? Per Axbom [email_address] 0708-77 80 08 www.axbom.se/presentationer 47. Nsta rs julklapp