Ny teknik på webben

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

per.axbom@xlent.se

0708-77 80 08

www.axbom.se/presentationer

47

Nästa års julklapp