Välkomna!
Malin Wärnfeldt
Sedan 2009 VD på digitala
produktionsbyrån Sticky Beat
[email protected]
DIGITAL
Engagera din publik
http://smfb.no/
När man flyttar är det ju
skönt att få lite hjälp...
Window shopping
http://www.youtube.com/watch?v=7ZXucLUfh0U
Interaktiv underhållning
Mobilt ökar
50% av surfarna
Köp via mobilen
vanligare
Flash funkar inte
Pulsmätare i mobilen
Olika lösningar
1) Native app
2) Mobil webb
3) Wrappers
1) Native app
iOs, Android, Windows etc
Kan använda t ex kamera,
telefonbok, bilder, gps
Lansera genom Appstore,
Android market
Barnvagns-promenaden
5-7 dagar wireframes och funkspec, teknisk research
5-10 dagar design
5 veckors utveckling för en plattform
Kostnad ca 300 000 - 400 000sek
2) Mobil webb,
webbapp
Funkar på alla smartphones, viss
anpassning behövs
Kan i nuläget INTE använda t ex
kamera, telefonbok, bilder, gps
Lansera som en vanlig webbsida
Veckokoll.nu
webb och
webbapp
3) Wrapper
Ett ”skal” som genererar native
appar, i den bygger man sin
lösning i HTML
Lansera som en app men innehåll
på webben
Kan använda telefonens
funktioner
Atea bootcamp
Liten Facebook
1-2 sidor, funktion, spara ner data etc.
Utvecklingstid från färdig design 2-5 dagar
Kostnad 20 - 50’ kr
Mellan Facebook
Kampanj, aktivitet, tävling
Interaktivitet / funktionalitet
Inläsning / nersparning av data
Integrerad FB-funktionalitet (dela,
gilla, statusuppdatering, hämta
användarinfo, meddelande)
Tracking, google analytics eller
liknande verktyg
Utvecklingstid från färdig design
6-12 dagar
Kostnad: 60 - 100 000 kr
Stor Facebook
Integrerad med Instagram
Utvecklingstid från färdig design 10 - 15
dagar
Kostnad ca: 100 - 200 000 kr
https://www.facebook.com/fortrollandedoft/app_320803681376049
FB och mobil
Använder samma backend och logik.
Två olika plattformar och gränssnitt = dubbel utveckling av front end
Grunddesign - 2v, anpassning ca 3-4 dagar, utveckling FB, ca 2v, utveckling mobil
ca 3v
En digital projektprocess
VAD
HUR
UTVECKLING
IMPLEMENTATION
&
LANSERING
UPPFÖLJNING
&
OPTIMERING
StickyBeat Process
VAD
HUR
• Idé
• Koncept
• Tonalitet, känsla
• Teknisk förstudie
• Övergripande estimat
• Tidplan
• Risker
Underlag: Brief
Output:
Debrief - uppdragsbeskrivning
Övergripande konceptbeskrivning/wireframes
Moodboard, toneboard
Teknisk förstudie
UTVECKLING?
IMPLEMENTATION
&
LANSERING
UPPFÖLJNING
&
OPTIMERING
StickyBeat Process
VAD
HUR
PRODUKTION
IMPLEMENTATION
&
LANSERING
UPPFÖLJNING
&
OPTIMERING
• Definiera lösning/funktion
• Plattformar, kanaler
• Wireframes/flöden
• Teknisk research
• Övergripande design
• Risker
Input:
Debrief - uppdragsbeskrivning
Övergripande konceptbeskrivning/
wireframes
Moodboard, toneboard
Teknisk förstudie
Output:
Teknisk specifikation, Funkspecifikation
Wireframes,
Grafisk design, Interaktionsdesign
Evt Prototyp, tekniskt Proof of Concept
Wireframes
StickyBeat Process
VAD
HUR
PRODUKTION
• Webbdesign
• Gränssnitt
• Backend
• SEO
Input:
Wireframes
Design
Teknisk spec
Output:
Kod, HTML, CSS, javascript
IMPLEMENTATION
&
LANSERING
UPPFÖLJNING
&
OPTIMERING
StickyBeat Process
VAD
HUR
PRODUKTION
IMPLEMENTATION
&
LANSERING
• Implementation
• Lansering
• Statistikinsamling
Installera på servrar
TESTA IGEN!
Lansering
Support och underhåll
UPPFÖLJNING
&
OPTIMERING
StickyBeat Process
VAD
HUR
PRODUKTION
IMPLEMENTATION
&
LANSERING
UPPFÖLJNING
&
OPTIMERING
• Optimering efter A och B-tester
• Uppföljningsmöte - lärdomar
• Analys och genomgång av statistik
• Justering, optimering
Håll den levande!
Lär av det ni gjort!
Support och underhåll löpande
Analysera och optimera
Jobba med t ex;
Innehåll, SEO
Flöden
Konvertering - var trillar besökarna ifrån?
Trafikdrivande optimering
Konvertering på sidan
Viktigt under
projektets gång
Statusrapportering, avstämning löpande, tagna beslut, ekonomi,
risker, sign off – viktigare än du kan ana…
Riskanalys – prata aktivt om risker i projektet, de kommer upp,
försvinner och skapas nya
Följ upp budget och estimat – många upplever överraskningar och
att det alltid blir dyrare än första estimatet.
Teknisk kravspec
• Teknisk miljö, servermiljö (Hosting) (LAMP, WAMP, MySQL etc)
• Versionshantering - hur jobba fler i samma projekt
• Browserversioner som ska stödjas
• Statistikverktyg
• Sökoptimering
• Tredjepartslösningar som ska integreras - dokumentation
• Säkerhetsaspekt? Några specifika krav?
• Hur data ska hämtas
• Hur data ska postas
• Behörigheter
• Prestanda - förväntat antal besökare
• Upptid - övervakning, vad förväntas? 24/7?
Risker - exempel
• Dålig uppstart, otydlig kravställning
• Olika förväntningar/målbild/ambitionsnivå
• Tid! - Varför är det alltid så bråttom?
• Att börja med det lättaste, spara det svåraste
till sist
• Nya tekniker som ej är verifierade/testade
• Integration med oprövad tredje part
•Otydlig status och progressrapportering
Risker - 3 kom ihåg
•Ställ alltid frågan du inte trodde att
du skulle behöva ställa
•Om du inte förstår gör troligtvis
inte den som svarar det heller
•Få status och nuläge i progress i
nedlagd tid, ETC och kända risker
Success factors
• Samarbete!
• Beställare med mandat
• Bra och ordentlig uppstart
• Engagerat team som involveras tidigt
• Samsyn - målbild, syfte, prioriteringar, lösning
• Tänk först och gör sen
• Teamet/utvecklare som ska göra projektet är med och estimerar och
planerar
• Pratar och hanterar risker
• Utvecklare pratar direkt med kreatör och IT-ansvarig/motpart
• Gärna två utvecklare i team. ”Wingman”
Assumption is the
mother of all
fuckups!
Tack för mig!
[email protected]
En bank idag
•
Hur ser er bank ut om den grundas idag?
Tjänster, erbjudanden och hur agerar de
digitalt?
•
•
•
5 i varje grupp
20 minuter
Kreera och skriv ner så många idéer ni
hinner