Ny teknik på webben

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

UX

Webbstrategi User Experience Business Tools 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

Paradigmskiftet Production . Distribution . Consumption

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

Men vi vill inte...

minska tillgängligheten

förvirra användaren

minska sökbarheten

tappa sammanhanget

K

RIA

RIA – den förbjudna frukten

klient/server balans

asynkron kommunikation

nätverkseffektiv

körs i webbläsaren

rikare

mer responsiv

Ajax Flash Silverlight

Men hur ser det ut?

Ajax

Stora flikar

Dra-och-släpp

Auto-complete

Kartor

WYSIWYG

Förhandsgranskningar

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

Mashups

RIA – klurigheter

JavaScript

processorberoende (ej Flash)

skriptnedladdning

öppenhet

sökmotorsynlighet

internetåtkomst

RIA – styrning och mätning

frihet / komplexitet

inte längre webbsidor, hur mäta

var får användaren problem

responstid svårmätbar

Dåliga exempel

Ajax tabs content script

Authorize.net

Surewest

dontclick.it

Bra exempel

iGoogle

flickr

wishlistr

prisjakt

ta-da list

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

RIA och behovet av frihet

kräver ingen installation

uppgraderingar är automatiska

plattformsoberoende, datoroberoende

virusfritt

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

Att tänka på

Tillgänglighet (för människor med funktionshinder)

Tillgänglighet (datorrelaterat)

Tillgänglighet (sökmotorer)

Mobiler

Felhantering

Val av teknik

RIA - rika applikationer har många ränder

JavaScript

Ajax, ramverk

Curl

Adobe Flash/Flex

Silverlight

Java applets/applikationer

Teknikjämförelse

plattformsoberoende

dynamiskt tillgänglighet möjlig fallback-lösning billig kompetens kring tekniken Flash Ajax

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

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

UGC

Konsten att välja ”kraft”

Vem litar du på?

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?

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?

wiki nyheter interna bloggar community widgets UGC web services externa bloggar business intelligence

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

Dove Film 2 1 min 16 s Film 1 1 min 14 s

Intels 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

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

Design Patterns

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.

Designmönsterbibliotek

Problem

Lösning (med bild)

Använd när

Hur

Varför

Fler exempel

Visuella mönster

Bra interaktiv design på webben är...

Snabbrörlig

Hänsynsfull

Degraderingsbar

Osynlig

Anpassad

Agil

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

With great power comes great responsibility usa

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 [email_address] 0708-77 80 08 www.axbom.se/presentationer

Nästa års julklapp