Utveckla din plats på webben Ny teknik på webben PER AXBOM, XLENT 0708 – 77 80 08 www.dilbert.com
Utveckla din plats på webben
Ny teknik på webben
PER AXBOM, XLENT
0708 – 77 80 08
www.dilbert.com
2
3
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
Internet 1995-2010
Entusiaster Publicister Användare Internet överallt
1995 2000 2005 2010
© 2006 Per Axbom
6
Paradigmskiftet
Production . Distribution . Consumption
7
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
8
Men vi vill inte...
minska tillgängligheten
förvirra användaren
minska sökbarheten
tappa sammanhanget
9
10
RIA – den förbjudna frukten
klient/server balansasynkron kommunikationnätverkseffektiv
klient/server balansasynkron kommunikationnätverkseffektiv
körs i webbläsarenrikaremer responsiv
körs i webbläsarenrikaremer responsiv
11
Men hur ser det ut?
12
Ajax
Stora flikar
Dra-och-släpp
Auto-complete
Kartor
WYSIWYG
Förhandsgranskningar
13
14
http://www.axbom.se/ajax-form/kontakt.html
15
Mashups
16
RIA – klurigheter
JavaScript
processorberoende (ej Flash)
skriptnedladdning
öppenhet
sökmotorsynlighet
internetåtkomst
17
RIA – styrning och mätning
frihet / komplexitet
inte längre webbsidor, hur mäta
var får användaren problem
responstid svårmätbar
frihet / komplexitet
inte längre webbsidor, hur mäta
var får användaren problem
responstid svårmätbar
18
Dåliga exempel
Ajax tabs content script
Authorize.net
Surewest
dontclick.it
19
Bra exempel
iGoogle
flickr
wishlistr
prisjakt
ta-da list
20
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
21
RIA och behovet av frihet
kräver ingen installation
uppgraderingar är automatiska
plattformsoberoende, datoroberoende
virusfritt
22
Dold JavaScript – den soliga baksidan
Separerar JavaScript frånstruktur/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
23
Att tänka på
Tillgänglighet (för människor med funktionshinder)
Tillgänglighet (datorrelaterat)
Tillgänglighet (sökmotorer)
Mobiler
Felhantering
Val av teknik
24
RIA - rika applikationer har många ränder
JavaScript
Ajax, ramverk
Curl
Adobe Flash/Flex
Silverlight
Java applets/applikationer
25
Teknikjämförelse
plattformsoberoende dynamiskt tillgänglighet möjligfallback-lösning
billig kompetenskring tekniken
Flash
Ajax
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
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
28
29
Konsten att välja ”kraft”
30
Vem litar du på?
31
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
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
wikinyheter
interna bloggarcommunity
widgetsUGC
web servicesexterna bloggar
business intelligence
35
Sociala nätverk...
ökar försäljning
bidrar till marknadsintelligens
uppmuntrar egen support
ger oss möjlighet att bygga bättre produkter
bidrar till en äkta kommunikation som marknaden uppskattar
når målgrupperna
motiverar målgrupperna
ökar försäljning
bidrar till marknadsintelligens
uppmuntrar egen support
ger oss möjlighet att bygga bättre produkter
bidrar till en äkta kommunikation som marknaden uppskattar
når målgrupperna
motiverar målgrupperna
36
Dove
Film 21 min 16 s
Film 11 min 14 s
37
Intels webbstrategiIntels webbstrategi
What was broken?– ge tillgång till nördarna som jobbar på företaget
Moderering– the good, the bad, not the ugly
Autenticitet – ”it's the blogger blogging” Internal employee blogs Intelpedia Komma igång
– leta efter en grupp experter– multi-user blog strategy
RSS-flöden– Rapid Response Tool
Hur ska evangelisten få det att funka?– Övertyga om att det finns en bra story att berätta.– En mer autentisk röst!
Bloggen är en ingång till en community
What was broken?– ge tillgång till nördarna som jobbar på företaget
Moderering– the good, the bad, not the ugly
Autenticitet – ”it's the blogger blogging” Internal employee blogs Intelpedia Komma igång
– leta efter en grupp experter– multi-user blog strategy
RSS-flöden– Rapid Response Tool
Hur ska evangelisten få det att funka?– Övertyga om att det finns en bra story att berätta.– En mer autentisk röst!
Bloggen är en ingång till en community
38
Diskussionerna
Tillförlitliga beslut tas ofta någon annanstans, långt innan man kommer till företagswebben.
bloggar
wiki
socialanätverk
podcasts
användarforum
artificiell branding, corporate-snack
taggning
användarfilmer
39
40
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.
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.
41
Designmönsterbibliotek
Problem
Lösning(med bild)
Använd när
Hur
Varför
Fler exempel
42
Visuella mönster
43
Bra interaktiv design på webben är...
Snabbrörlig
Hänsynsfull
Degraderingsbar
Osynlig
Anpassad
Agil
44
Men i slutändan är det användarna som styr...
45
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.
Frågor på det?
Per Axbom
0708-77 80 08
www.axbom.se/presentationer
47
Nästa års julklapp