SlideShare a Scribd company logo
1 of 31
Guido Gihaux
Online Pixel




MOBIELE
STRATEGIE.
IN HET BEGIN
HADDEN WE DE COMPUTER.




            “Wauw floppies”
DIT WERD UITGEBREID NAAR
        CONNECTED SCHERMEN.




         “Jemig, weer een nieuw
         scherm”
NU PRATEN WE OVER
                 ECOSYSTEMEN.

dialoog
BIJVOORBEELD.
En dat is

BEST WEL
LASTIG.
Of niet soms?
MOBIEL VRAAGT OM EEN
     INFRASTRUCTUUR.
INFRASTRUCTUUR.

                                                Van wie komt het en is
             Organisatie                            het consistent


                                                Waar ben ik en waar
                           Content en Context   heb ik het voor nodig


                                                    In welke vorm
                                  Presentatie     krijg ik het te zien



                             CMS, Applicaties      Welke content is
                                                    nodig nodig
 Scherm
interactie
                 Tracking en businessruling     Wat werkt voor mij
                                                   en wat niet


                       Gebruiker profilering    Wat is relevant voor
                                                mij. Word ik herkend
HOE GAAN WE DE

ORGANISATIE
        INRICHTEN
GEINTEGREERD
                         OF CROSS-FUNCTIONEEL


          Team 1                Team 2


                                                        Team 1                             Team 2
                                                       + Mobile                           + Mobile
                    Mobile                             specialist                         specialist
                   specialist
                                                                    Geintegreerde teams
Staf oplossing




                                         Team 1   Team 2               Mobile
                                                                       team               Mobiele unit
MOBIELE TEAM

Usability expert


Front end (CSS, java, HTML5) specialist


Online Mobile marketeer


Content specialist


Analytics expert


Mobile Software developer
CONTENT EN CONTEXT.
CONTEXT (toen)
CONTEXT (nu)
ALWAYS CONNECTED



                     IK WIL HET NU
                   IK WIL HET HIER
                  IK WIL HET SNEL
              IK EIS FLEXIBILITEIT

          WEG MET DIE BULLSHIT




     AT MY FINGER TIPS AVAILABLE
DIT VRAAGT OM
            RESPONSIVE = SLECHTS ONTWERP


                RESPONSIVE
                  DESIGN




                  ADAPTIEF VERMOGEN


ADAPTIEF IS HOE WE GEINTEGREERD EN MOBILE FIRST DENKEN
DIT VRAAGT OM

    SCHAALBAAR GRID | CONTENT STRATEGIE | TOUCH EN SPEECH
                          NAVIGATIE




HTML5 | PLATFORM HERKENNING | LOCATIE DETECTIE | FLEXIBELE DATA
ORIËNTATIE | VERGELIJK | KOOP | GEBRUIK | EROVER PRATEN | VERNIEUW




                  DE CUSTOMER JOURNEY
In deze context vraagt dat
om een integrale marketing
               benadering.
AANDACHTSPUNTEN



1. Ontwerp taakgericht           5. Testen, testen, testen

2. Let niet op schermgrootte     6. Verzamel feedback

3. Bedenk: native, app, of web   7. Navigeer spraak en vinger gestuurd

4. Definieer context             8. Focus!
Toon alleen
  op het
  scherm
Wat er echt
 toe doet
Stel
Behoefte
centraal
Content
 is flexibel
      en
herbruikbaar
MIGREER CONTENT NIET NAAR MOBIEL




                    DENK MOBIEL.
Wat is het doel.

•   oriënteren
•   Iets kopen
•   Mening geven
•   Product
    vergelijken
•   Locatie vinden
Wanneer is het voor mij (   ) relevant
- BEHEER EN ORDEN JE CONTENT IN HET CMS -




             Inventariseer.
               Modelleer.
               Presenteer.
INVENTARISEER
    JE CONTENT

•   Is content voorzien van H1, H2
•   Tags en keywords
•   Pagina titel
•   Headline, teaser, introductie
•   Subtitel
•   Core content
•   Contenttype
•   Meerdere uitsnedes van beelden
•   Auteur
•   Creatiedatum
•   Pagina samenvatting
MODELLEER JE
     CONTENT

•   Bij hoeveel karakters breek je af
•   Welke attributen toon je wanneer
•   Wanneer toon je een slideshow
•   Is de locatie relevant
•   Wanneer gebruik je „lees meer‟
•   Wanneer gebruik je „ back to top‟
•   Scrollen mag!
PRESENTEER JE
    CONTENT


• Splits vorm en inhoud
• Zorg voor schone code
• Responsive, wat zet je waar
• Maak van laadtijd een dingetje
• Wanneer zet je een fallback image in
• Zijn er meerdere versies beschikbaar
• Is het scanbaar
• Is er focus
• Is er rekening gehouden met vluchtig
  gedrag
• Wat is de “first second impression”
Meer weten over


Content strategie
Mobiele propositie
Of

cross channel usability
Let‟s talk pixels
Guido Gihaux

+31 624220535

guido@onlinepixel.nl



Image credits: Flickr.

More Related Content

Similar to Mobiele strategie online_pixel

MobPro - Diederick Ubels - App Pioneers
MobPro - Diederick Ubels - App PioneersMobPro - Diederick Ubels - App Pioneers
MobPro - Diederick Ubels - App PioneersShareforce
 
App development step by step
App development   step by stepApp development   step by step
App development step by stepPhilippe De Pauw
 
Cloud Computing introduction for NON-IT BDM
Cloud Computing introduction for NON-IT BDMCloud Computing introduction for NON-IT BDM
Cloud Computing introduction for NON-IT BDMHans Demeyer
 
Agile Projectaanpak
Agile ProjectaanpakAgile Projectaanpak
Agile ProjectaanpakThijs Weenk
 
MonkeyTalk FALL 2012 - Talk 06 content ux
MonkeyTalk FALL 2012 - Talk 06 content uxMonkeyTalk FALL 2012 - Talk 06 content ux
MonkeyTalk FALL 2012 - Talk 06 content uxMonkeyshot
 
Strategische App Ontwikkeling
Strategische App OntwikkelingStrategische App Ontwikkeling
Strategische App OntwikkelingArnd Brugman
 
Digitale marketing & media-aankoop: de wereld is in beta!
Digitale marketing & media-aankoop: de wereld is in beta!Digitale marketing & media-aankoop: de wereld is in beta!
Digitale marketing & media-aankoop: de wereld is in beta!AB the unbound agency
 
150223 Corporate presentation v0.5
150223 Corporate presentation v0.5150223 Corporate presentation v0.5
150223 Corporate presentation v0.5Weynand Kuijpers
 
IAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive DesignIAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive DesignFerry den Dopper
 
Apps voor folders en magazines: doen of niet doen?
Apps voor folders en magazines: doen of niet doen?Apps voor folders en magazines: doen of niet doen?
Apps voor folders en magazines: doen of niet doen?Peter Luit
 
100420 cpa presentatie_wiki_v1
100420 cpa presentatie_wiki_v1100420 cpa presentatie_wiki_v1
100420 cpa presentatie_wiki_v1Jan S. Coerts
 
Het ontwerptraject voor mobiel
Het ontwerptraject voor mobielHet ontwerptraject voor mobiel
Het ontwerptraject voor mobielSharineDulos
 
Hoe wordt ik een succesvolle saa s leverancier, 10 tips, s4c
Hoe wordt ik een succesvolle saa s leverancier, 10 tips, s4cHoe wordt ik een succesvolle saa s leverancier, 10 tips, s4c
Hoe wordt ik een succesvolle saa s leverancier, 10 tips, s4cRuud Ramakers
 
Info Nl Exploding Webzicht Ext
Info Nl Exploding Webzicht ExtInfo Nl Exploding Webzicht Ext
Info Nl Exploding Webzicht ExtInfo.nl
 
Verhoog de conversie met deze mobile usability optimalisaties
Verhoog de conversie met deze mobile usability optimalisatiesVerhoog de conversie met deze mobile usability optimalisaties
Verhoog de conversie met deze mobile usability optimalisatiesvalantic NL
 
Marketingfacts Mobile update presentatie mark de kock
Marketingfacts Mobile update presentatie mark de kock Marketingfacts Mobile update presentatie mark de kock
Marketingfacts Mobile update presentatie mark de kock Mobylizr
 
Organisatie 3.0, maar hoe dan?
Organisatie 3.0, maar hoe dan?Organisatie 3.0, maar hoe dan?
Organisatie 3.0, maar hoe dan?Upstream
 

Similar to Mobiele strategie online_pixel (20)

MobPro - Diederick Ubels - App Pioneers
MobPro - Diederick Ubels - App PioneersMobPro - Diederick Ubels - App Pioneers
MobPro - Diederick Ubels - App Pioneers
 
App development step by step
App development   step by stepApp development   step by step
App development step by step
 
Reclamebureau Schwung
Reclamebureau SchwungReclamebureau Schwung
Reclamebureau Schwung
 
Cloud Computing introduction for NON-IT BDM
Cloud Computing introduction for NON-IT BDMCloud Computing introduction for NON-IT BDM
Cloud Computing introduction for NON-IT BDM
 
Agile Projectaanpak
Agile ProjectaanpakAgile Projectaanpak
Agile Projectaanpak
 
MonkeyTalk FALL 2012 - Talk 06 content ux
MonkeyTalk FALL 2012 - Talk 06 content uxMonkeyTalk FALL 2012 - Talk 06 content ux
MonkeyTalk FALL 2012 - Talk 06 content ux
 
Mobile media
Mobile mediaMobile media
Mobile media
 
Strategische App Ontwikkeling
Strategische App OntwikkelingStrategische App Ontwikkeling
Strategische App Ontwikkeling
 
Kennissessie liquid internet & persuasion design
Kennissessie liquid internet & persuasion designKennissessie liquid internet & persuasion design
Kennissessie liquid internet & persuasion design
 
Digitale marketing & media-aankoop: de wereld is in beta!
Digitale marketing & media-aankoop: de wereld is in beta!Digitale marketing & media-aankoop: de wereld is in beta!
Digitale marketing & media-aankoop: de wereld is in beta!
 
150223 Corporate presentation v0.5
150223 Corporate presentation v0.5150223 Corporate presentation v0.5
150223 Corporate presentation v0.5
 
IAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive DesignIAD 5 - les 3 - Responsive Design
IAD 5 - les 3 - Responsive Design
 
Apps voor folders en magazines: doen of niet doen?
Apps voor folders en magazines: doen of niet doen?Apps voor folders en magazines: doen of niet doen?
Apps voor folders en magazines: doen of niet doen?
 
100420 cpa presentatie_wiki_v1
100420 cpa presentatie_wiki_v1100420 cpa presentatie_wiki_v1
100420 cpa presentatie_wiki_v1
 
Het ontwerptraject voor mobiel
Het ontwerptraject voor mobielHet ontwerptraject voor mobiel
Het ontwerptraject voor mobiel
 
Hoe wordt ik een succesvolle saa s leverancier, 10 tips, s4c
Hoe wordt ik een succesvolle saa s leverancier, 10 tips, s4cHoe wordt ik een succesvolle saa s leverancier, 10 tips, s4c
Hoe wordt ik een succesvolle saa s leverancier, 10 tips, s4c
 
Info Nl Exploding Webzicht Ext
Info Nl Exploding Webzicht ExtInfo Nl Exploding Webzicht Ext
Info Nl Exploding Webzicht Ext
 
Verhoog de conversie met deze mobile usability optimalisaties
Verhoog de conversie met deze mobile usability optimalisatiesVerhoog de conversie met deze mobile usability optimalisaties
Verhoog de conversie met deze mobile usability optimalisaties
 
Marketingfacts Mobile update presentatie mark de kock
Marketingfacts Mobile update presentatie mark de kock Marketingfacts Mobile update presentatie mark de kock
Marketingfacts Mobile update presentatie mark de kock
 
Organisatie 3.0, maar hoe dan?
Organisatie 3.0, maar hoe dan?Organisatie 3.0, maar hoe dan?
Organisatie 3.0, maar hoe dan?
 

Mobiele strategie online_pixel

  • 2. IN HET BEGIN HADDEN WE DE COMPUTER. “Wauw floppies”
  • 3. DIT WERD UITGEBREID NAAR CONNECTED SCHERMEN. “Jemig, weer een nieuw scherm”
  • 4. NU PRATEN WE OVER ECOSYSTEMEN. dialoog
  • 6. En dat is BEST WEL LASTIG. Of niet soms?
  • 7. MOBIEL VRAAGT OM EEN INFRASTRUCTUUR.
  • 8. INFRASTRUCTUUR. Van wie komt het en is Organisatie het consistent Waar ben ik en waar Content en Context heb ik het voor nodig In welke vorm Presentatie krijg ik het te zien CMS, Applicaties Welke content is nodig nodig Scherm interactie Tracking en businessruling Wat werkt voor mij en wat niet Gebruiker profilering Wat is relevant voor mij. Word ik herkend
  • 9. HOE GAAN WE DE ORGANISATIE INRICHTEN
  • 10. GEINTEGREERD OF CROSS-FUNCTIONEEL Team 1 Team 2 Team 1 Team 2 + Mobile + Mobile Mobile specialist specialist specialist Geintegreerde teams Staf oplossing Team 1 Team 2 Mobile team Mobiele unit
  • 11. MOBIELE TEAM Usability expert Front end (CSS, java, HTML5) specialist Online Mobile marketeer Content specialist Analytics expert Mobile Software developer
  • 15. ALWAYS CONNECTED IK WIL HET NU IK WIL HET HIER IK WIL HET SNEL IK EIS FLEXIBILITEIT WEG MET DIE BULLSHIT AT MY FINGER TIPS AVAILABLE
  • 16. DIT VRAAGT OM RESPONSIVE = SLECHTS ONTWERP RESPONSIVE DESIGN ADAPTIEF VERMOGEN ADAPTIEF IS HOE WE GEINTEGREERD EN MOBILE FIRST DENKEN
  • 17. DIT VRAAGT OM SCHAALBAAR GRID | CONTENT STRATEGIE | TOUCH EN SPEECH NAVIGATIE HTML5 | PLATFORM HERKENNING | LOCATIE DETECTIE | FLEXIBELE DATA
  • 18. ORIËNTATIE | VERGELIJK | KOOP | GEBRUIK | EROVER PRATEN | VERNIEUW DE CUSTOMER JOURNEY
  • 19. In deze context vraagt dat om een integrale marketing benadering.
  • 20. AANDACHTSPUNTEN 1. Ontwerp taakgericht 5. Testen, testen, testen 2. Let niet op schermgrootte 6. Verzamel feedback 3. Bedenk: native, app, of web 7. Navigeer spraak en vinger gestuurd 4. Definieer context 8. Focus!
  • 21. Toon alleen op het scherm Wat er echt toe doet
  • 23. Content is flexibel en herbruikbaar
  • 24. MIGREER CONTENT NIET NAAR MOBIEL DENK MOBIEL.
  • 25. Wat is het doel. • oriënteren • Iets kopen • Mening geven • Product vergelijken • Locatie vinden
  • 26. Wanneer is het voor mij ( ) relevant
  • 27. - BEHEER EN ORDEN JE CONTENT IN HET CMS - Inventariseer. Modelleer. Presenteer.
  • 28. INVENTARISEER JE CONTENT • Is content voorzien van H1, H2 • Tags en keywords • Pagina titel • Headline, teaser, introductie • Subtitel • Core content • Contenttype • Meerdere uitsnedes van beelden • Auteur • Creatiedatum • Pagina samenvatting
  • 29. MODELLEER JE CONTENT • Bij hoeveel karakters breek je af • Welke attributen toon je wanneer • Wanneer toon je een slideshow • Is de locatie relevant • Wanneer gebruik je „lees meer‟ • Wanneer gebruik je „ back to top‟ • Scrollen mag!
  • 30. PRESENTEER JE CONTENT • Splits vorm en inhoud • Zorg voor schone code • Responsive, wat zet je waar • Maak van laadtijd een dingetje • Wanneer zet je een fallback image in • Zijn er meerdere versies beschikbaar • Is het scanbaar • Is er focus • Is er rekening gehouden met vluchtig gedrag • Wat is de “first second impression”
  • 31. Meer weten over Content strategie Mobiele propositie Of cross channel usability Let‟s talk pixels Guido Gihaux +31 624220535 guido@onlinepixel.nl Image credits: Flickr.