gastcollege HvA, Iskander Smit, 26 mei 2009
ONTWERPEN VOOR MOBIEL INTERNET
agenda –! korte intro Info.nl –! onze visie op mobiel –! ontwerpen voor mobiel –! voorbeelden van deliverables –! 3 tips voor goed design
1994 strategy & design exploding website Nieuwmarkt effectieve online dienstverlening web development realtime online company 70
virtuele warmte
managed hosting
Wat doet Info.nl? –! Full service internet agency voor effectieve online dienstverlening. –! Brengt organisaties verder door online oplossingen met toegevoegde waarde voor de eindgebruiker. –! …en dat is dus meer dan de producten online in de etalage zetten .
Full service & multiservice Online strategie User experience design CMS implementatie Applicatie ontwikkeling Managed hosting plus
Onze opdrachtgevers
Vanuit een visie Virtuele Warmte Exploding Website Realtime company
Vijf fundamenten van Virtuele Warmte zorg voor een online dialoog!
respecteer de context van de gebruiker!
bied integrale ondersteuning! het geheel is een rijke beleving!
maak samen een persoonlijk product!
mobiel als onderdeel van een exploding website strategie
http://www.youtube.com/watch?v=GQ3Glr5Ff28
>90% internetgebruik in 2008 twee keer langer online dan in 2006
onze omgeving is veranderd >50% mobiel internet in 2011 iPhone bellers surfen 30-40 keer zoveel 49% lid van 1 of meer sociale netwerken
http://www.ted.com/index.php/talks/pattie_maes_demos_the_sixth_sense.html
social exhibitionisme
een digitaal leven op maat
ons gedrag is veranderd terugtrekken in de eigen sociale wereld
een continue conversatie
continuous partial attention
context modelleert onze wereld
http://www.youtube.com/watch?v=EL2ByYozGOI
“Websites bieden in de toekomst verplaatsbare diensten, die overal geplaatst kunnen worden waar de consument wil.” Steve Rubel
!
attenderen
buiten website
oriënteren
binnen website
aanvragen
gebruiken
!
attenderen
oriënteren
aanvragen
buiten website
gebruiken
binnen website
mobiele site
exploding functie
we leven met ons hoofd in de wolken
gps
gps
exploding elements affiliate contracts
organisation mapping
continuous developmen t
function profiles
improve
idealab
learn
7 partners
employees
brand promise
spread 6
organisation
customer experience
1 orchestrate
match
exploding strategy
5
stakeholder radar
2
measure
targets
customer palette
value
engage
kpi
benefits
dashboard
metrics reports
4 script
plan
exploding architecture
product promise
connect
programme
programme plan
offer
3
context scenarios
devices
architecture touchpoints
hotspot audit interactive tubemap
product promise proposition
ontwikkel mobiel vanuit de dienst als onderdeel van een exploding strategie
ontwerpen voor mobiel
Niet anders dan een website? scoping
concept
ontwerp
realisatie
Analyse Doelgroep Huisstijl Content Use cases
Ontwerp Interactie Visueel Content
Scope doelstellingen probleemstelling uitgangspunten randvoorwaarden ‘stakeholders wish list’ requirements
Support Conceptbewaking Monitoring Testen
Concept Communicatie Interactie Visueel Redactie
Test Test Inspiratieschermen Concepttest
Prototype Usabilitytest
persona
concept
flows
wireframes
templates
styleguide
tools –! schetsboek –! PowerPoint –! Visio/Omnigraffle –! Axure –! Photoshop/Fireworks –! Balsamiq (schetstooltje) –! Mindmeister –! Flipvideo –! …
Wel anders dan een website? –! Context van gebruik is cruciaal –! persona’s zijn extra belangrijk –! persona’s zijn dynamisch –! functies met focus
–! Toepassing op verschillende devices –! low tech ontwerpen –! flexibel
–! MB = euro –! eenvoud en licht
voorbeeld: een nieuw mobiel concept
samengevat in 3 gouden tips
volgens het team Wat zijn de drie belangrijkste punten bij het ontwerpen voor mobiel?
Harm
Jeroen
Lotte
Anastasia
Peter
Jurgen
Floris
1. leef je in in het gebruik –! door een persona –! en door deze in verschillende situaties te zetten –! zoek naar de werkelijke toegevoegde waarde; hier + nu + ik
2. beperk je in functionaliteit –! een functie per applicatie –! minder is meer. Focus op de kern. –! maak het super relevant –! persoonlijk –! aangepast aan de context
3. ontwerp licht en flexibel –! basis vormgeving, geen toeters en bellen –! toepasbaar in verschillende formaten, geen vaste grote elementen –! simpelen eenduidige interactie –! denk in decks
Iskander Smit Info.nl
[email protected] www.twitter.com/iskandr