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 Nieuwmarkt effectieve online dienstverlening web development virtuele warmte exploding website realtime online company 70 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! maak samen een persoonlijk product! het geheel is een rijke beleving!

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 oriënteren aanvragen gebruiken buiten website binnen website

mobiele site exploding functie

we leven met ons hoofd in de wolken

stakeholder radar exploding strategy match 1 engage 2 connect 3 script 4 measure 5 orchestrate 6 spread 7 brand promise customer experience value benefits product promise context devices scenarios plan kpi targets offer programme metrics organisation employees partners idealab customer palette product promise proposition touchpoints hotspot audit interactive tubemap programme plan exploding architecture architecture dashboard reports organisation mapping function profiles exploding elements affiliate contracts continuous developmen t learn improve

ontwikkel mobiel vanuit de dienst als onderdeel van een exploding strategie

ontwerpen voor mobiel

Niet anders dan een website? scoping concept ontwerp realisatie Scope doelstellingen probleemstelling uitgangspunten randvoorwaarden stakeholders wish list requirements Analyse Doelgroep Huisstijl Content Use cases Test Inspiratieschermen Concepttest Concept Communicatie Interactie Visueel Redactie Ontwerp Interactie Visueel Content Test Prototype Usabilitytest Support Conceptbewaking Monitoring Testen

persona

concept

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?

Jeroen

Anastasia

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 iskander@info.nl www.twitter.com/iskandr