SlideShare une entreprise Scribd logo
1  sur  73
Télécharger pour lire hors ligne
De
aanvrager
   wint
              (right?)


 Stephen Hay, Cinnamon Interactive
Wie ben ik?

• Creative director, Cinnamon
• Webwerker sinds 1995
• Medeauteur, Normdocument
  Webrichtlijnen
Foto door Editor B (http://www.flickr.com/photos/editor/172690560/)
Helder krijgen wat je wilt
Kwalificatie leveranciers
     De aanvraag
Wat wil je?


Foto door chanchan222 (http://www.flickr.com/photos/chanchan222/2883910690/)
Als een architect een
typische wedesign aanvraag
       zou ontvangen
Je aanvraag bepaalt
 deels het resultaat
   van je project.
Je aanvraag bepaalt
  welke leveranciers
een offerte uitbrengen.
Je aanvraag bepaalt
de kwaliteit van de
  aanbiedingen.
Vóór de aanvraag...
Wat wil je precies?
• Doelstelling
• Doelgroep
• Scope
• Requirements
• Voorwaarden
• Wensen
Doelstelling
• Wat is de reden voor het (her)ontwikkelen
  van de website/-applicatie?

• Welke specifieke problemen dienen te
  worden opgelost?

• Welke acties moeten bezoekers kunnen
  ondernemen bij het bezoeken van de site?

• Hoe wordt succes beoordeeld?
Denk in problemen,
niet in oplossingen.
 (Daar huur je toch iemand voor in?)
“                   ”
Make the logo bigger.
Foto door aarontait (http://www.flickr.com/photos/aarontait/2576259396/)
Hoeveel doelstellingen
kun je écht behalen?
Doelgroep
(denk in persona’s; breng ze tot leven!)

• Leeftijd
• Werk en salaris
• Waarvoor gebruiken ze het Web?
• Computer/internetervaring
• Details, details, details!
“ Adviseurs,
    professionals,

                   ”
burgers, ondernemers
Denk aan
          echte
          mensen

Foto door Robert Scoble (http://www.flickr.com/photos/scobleizer/3567917408/)
Hoeveel doelgroepen
kun je écht bedienen?
Scope
          (Hoe groot is
           je project?)




Foto door kevindooley (http://www.flickr.com/photos/pagedooley/2198995023/)
Wat bepaalt de scope?
• Deadline
• Budget
• Technische aandachtspunten
• Creatieve aandachtspunten
• Andere requirements...
• Facetten van scope zijn ook requirements
Kaders aanbrengen
• Waar hebben we het over?
• Weet ik genoeg over de inspanning om
  dit te eisen binnen de kaders van dit
  project?

• Welke informatie heb ik?
• Is er iets wat ik zelf niet weet?
“
Er dient een koppeling
 met [x] database te

                    ”
 worden gerealiseerd.
Dit gaat geld kosten...

• Wat is dat?
• Is er documentatie? Kan ik dat inzien?
• Hoe wordt de koppeling waargenomen?
• Stelt dit eisen aan mijn werkzaamheden?
Vermijd scope creep.
Foto door Mrs Logic (http://www.flickr.com/photos/mrs_logic/2804596373/)
Requirements &
      voorwaarden
• Moet dit?
• Waarom?
• Echt?
• Kun je deze vragen niet positief
  beantwoorden, dan gaat het om een
  wens. Een wens is vaak een oplossing.
Wensen

• Wie wenst dit?
• Waarom?
• Welk probleem wordt ermee opgelost?
€
       Wensen en slecht
  geformuleerde requirements
leiden tot feature/scope creep.
Is technologie een
middel of een doel?
Kies technologische middelen
naar aanleiding van problemen,
  doelstellingen, doelgroepen,
   requirements en wensen.
Helder krijgen wat je wilt
Kwalificatie leveranciers
     De aanvraag
Wie krijgt een aanvraag?
               • Research!
   longlist      • Wie doet wat ik wil?
                 • Wie doet het zoals ik het wil?
               • Verfijnen!
                • Klanten? (Niet perse vergelijkbaar)
   shortlist    • Referenties
                • CV’s zijn gevaarlijk
                • Reputatie / expertise
                • kennismaking
Het is een short list.
Subtraction   Sidebar Creative
De aanvrager wint
Check reputatie /
 deskundigheid online
• Recensies
• Social Netwerken / Referenties
• Evenementen
• Artikelen / boeken
• Portfolio
• Vak-gerelateerde activiteiten
Helder krijgen wat je wilt
Kwalificatie leveranciers
     De aanvraag
Wat moet in elk geval
  in de aanvraag?
• Doelstelling   • “Concurrerende”
                   projecten (goed/niet)
• Doelgroep
                 • Creatieve
• Scope            aandachtspunten

• Requirements   • Technische
                   aandachtspunten
• Voorwaarden
                 • Most important point
• Wensen
                 • Beslissers
Hoe ga je om met
    vragen van
  leveranciers?
Het stellen van de
juiste vragen is ook
     een kunst.
Knip-en-plak
aanvragen zijn
  gevaarlijk.
De aanvrager wint
Let op
tegenstrijdigheden
Foto door Robert S. Donovan (http://www.flickr.com/photos/booleansplit/2201440179/)
U krijgt twee van de drie
             Kwaliteit




     Prijs               Snelheid
Een kennismaking is
belangrijk. Mensen
 leveren het werk.
Pitches = evil.
(Een paar) nadelen van
       pitches
• Het is niet het beste werk, maar daar wordt
  wél op beoordeeld

• Er wordt verder gebouwd op een matig
  doordacht voorstel

• Het belangrijke denkwerk wordt onjuist
  gewaardeerd

• Ze verlagen de kwaliteit van de
  aanbiedingen
Vraag een voorstel en
geef een vergoeding.
Webrichtlijnen als eis
Zo erg zijn ze niet.
Niet alleen voor blinden
• Let wel: Google “ziet” een site zoals een
  blinde dat doet = vindbaarheid

• Verbeterde documentstructuur = data
  portability = breder bereik, meer
  verschijningsvormen mogelijk

• Best practices = verbetering bruikbaarheid
• Vriendelijke URL’s = archiveerbaarheid,
  systeemonafhankelijkheid
Vinden van een
     Webrichtlijn-partij
• Reputatie
• Referenties / andere websites
• Wees voorzichtig met DrempelVrij
  stempel

• Zelf meer leren over Webrichtlijnen (voor
  gesprekken)
Webrichtlijnen in de
       aanvraag
• Stuur ze mee
• Wens of eis?
• Hoe wordt er getoetst? Wanneer?
• Indien voorwaardelijk: wees expliciet.
• Overweeg een onafhankelijk expert
Zo!
Je offerte
• Geeft problemen aan en vraagt om
  oplossingen

• Is realistisch m.b.t. tijd en budget
• Nodigt leveranciers uit om hun beste werk te
  leveren

• Is geen oorlogsverklaring
• Vormt een kader voor een geslaagde uitvoering
Workshop: aanvraag
“red flags” herkennen
Een offerte voor een bedrijf met drie vestigingen,
          luxe zakelijke vergadercentra
Graag ontvangen wij een offerte op basis van
onderstaande briefing;

Het gaat om een individuele (basis) website
per vestiging uitgaande van een
gezamenlijke database, d.w.z. centraal
beheer maar gescheiden bestanden.
In de bijlage een voorbeeld voor elke
vestiging, die door een medewerker van ons
voor een project is gemaakt dit om je een
idee te geven van reeds bestaande
ideeën hierover.
De huidige websites die we momenteel
gebruiken zijn vanuit de overkoepelende
organisatie (ExCom BV):
www.example.com/vestiging01
www.example.com/vestiging02
www.example.com/vestiging03

Wat we erg belangrijk vinden: (misschien als
supplement op basis tarief van
eenmalige kosten te noemen in de offerte)
• Integratie van bestaande bookingstool
    van ExCom in de individuele website
•   Bezoekers een opt-in kunnen geven voor
    een nieuwsbrief, maar gekoppeld aan
    onze huidige CRM software systeem
    Salesforce, zodat we ons huidige
    database kunnen vergroten. Tijdens opt-
    in mogelijkheid geven (aanvinken) om
    welke vestiging het gaat, meerdere
    mogelijk. En identificatie terug zien in
    database.
• Beheer website door ons. Denk aan
  foto's, tekst en brochures kunnen
  aanpassen/uploaden.
Details voor alle drie de vestigingen:

Homepage:
• bookingstool met ExCom integreren
  (supplement)
• mogelijkheid brochures downloaden
• opt-in nieuwsbrief (supplement)
• link naar package page
Producten:
• bookingstool met ExCom integreren

Packages:
• bookingstool met ExCom integreren
• -extra pagina om package uitgebreid te
  omschrijven
VIP-club:
• mogelijkheid downloaden PDF catalogus
• reservering te maken (waarbij de e-mail
  automatisch verzonden wordt naar
• het e-mail adres van de VIP-club)
Meetings:
4 extra pages voor:
• Afmetingen, opstellingen zalen en
  tarieven ( een JPG bestandje)
• Plattegrond zalen (JPG of EPS bestand)
• Meeting packages omschrijven
• mogelijkheid om een aanvraag in te
  dienen dmv formulier (ook hier
• mogelijkheid geven voor meerdere
  vestigingen)
Health & Leisure:
4 extra pages voor:
• integratie Google maps waarbij het adres
  van de vestiging al is ingevuld
  (supplement)
• Fotogallerij (supplement)
• Faciliteiten vestiging: mini gym, rent a
  bike
• Movie (supplement)
• Weersvooruitzichten (supplement)
Daarnaast een page voor Algemene
voorwaarden, FAQ, Contact us
Ja, dat was het...
Workshop: zelf doen
Wat moet in elk geval
  in de aanvraag?
• Doelstelling   • “Concurrerende”
                   projecten (goed/niet)
• Doelgroep
                 • Creatieve
• Scope            aandachtspunten

• Requirements   • Technische
                   aandachtspunten
• Voorwaarden
                 • Most important point
• Wensen
                 • Beslissers
Bedankt!

  s.hay@cinnamon.nl
twitter.com/stephenhay
www.the-haystack.com

Contenu connexe

Similaire à De aanvrager wint

Presentation2value2 uitgekristaliseerd in 2007
Presentation2value2 uitgekristaliseerd in 2007Presentation2value2 uitgekristaliseerd in 2007
Presentation2value2 uitgekristaliseerd in 2007Henk van Cann
 
Website conversie optimalisatie
Website conversie optimalisatieWebsite conversie optimalisatie
Website conversie optimalisatieGuido X Jansen
 
Training Webschrijven en SEO - deel 3
Training Webschrijven en SEO - deel 3Training Webschrijven en SEO - deel 3
Training Webschrijven en SEO - deel 3Matthijs van Engelen
 
Mangrove gastcollege Hogeschool Rotterdam
Mangrove gastcollege Hogeschool RotterdamMangrove gastcollege Hogeschool Rotterdam
Mangrove gastcollege Hogeschool RotterdamRuben Kruit
 
Webwinkel event - starten met je webwinkel
Webwinkel event - starten met je webwinkelWebwinkel event - starten met je webwinkel
Webwinkel event - starten met je webwinkelEduvision Opleidingen
 
20120526 effectief inschrijven op emvi aanbestedingen
20120526 effectief inschrijven op emvi aanbestedingen20120526 effectief inschrijven op emvi aanbestedingen
20120526 effectief inschrijven op emvi aanbestedingenJosé van der Loop
 
Efinancials 6 fases conversie optimalisatie
Efinancials 6 fases conversie optimalisatieEfinancials 6 fases conversie optimalisatie
Efinancials 6 fases conversie optimalisatieNetprofiler
 
Webinar bol.com conversie optimalisatie 13 nov. 2012
Webinar bol.com conversie optimalisatie 13 nov. 2012Webinar bol.com conversie optimalisatie 13 nov. 2012
Webinar bol.com conversie optimalisatie 13 nov. 2012Eduvision Opleidingen
 
Maxlead landingpagina's - De Dagen 20 april 2011 Rob Steenbrink
Maxlead landingpagina's - De Dagen 20 april 2011 Rob SteenbrinkMaxlead landingpagina's - De Dagen 20 april 2011 Rob Steenbrink
Maxlead landingpagina's - De Dagen 20 april 2011 Rob SteenbrinkErik Jan Reijenga
 
Maxlead landingpaginas de dagen 20 april 2011 rob steenbrink
Maxlead landingpaginas   de dagen 20 april 2011 rob steenbrinkMaxlead landingpaginas   de dagen 20 april 2011 rob steenbrink
Maxlead landingpaginas de dagen 20 april 2011 rob steenbrinkErik Jan Reijenga
 
Webcommunicatie / college 4
Webcommunicatie / college 4Webcommunicatie / college 4
Webcommunicatie / college 4Igor ter Halle
 
CMD Interaction Design - Y1 Q1 les 2 - Research to Design
CMD Interaction Design - Y1 Q1 les 2 - Research to DesignCMD Interaction Design - Y1 Q1 les 2 - Research to Design
CMD Interaction Design - Y1 Q1 les 2 - Research to DesignFerry den Dopper
 
Toolbox55 - Inzicht om te Verbinden
Toolbox55 - Inzicht om te VerbindenToolbox55 - Inzicht om te Verbinden
Toolbox55 - Inzicht om te VerbindenChrsje
 
Toolbox55 - Inzicht om te Verbinden
Toolbox55 - Inzicht om te VerbindenToolbox55 - Inzicht om te Verbinden
Toolbox55 - Inzicht om te VerbindenChrsje
 
Gastouderfabriek online gevonden worden
Gastouderfabriek online gevonden wordenGastouderfabriek online gevonden worden
Gastouderfabriek online gevonden wordenLars Sang Mo Boom
 

Similaire à De aanvrager wint (20)

Presentation2value2 uitgekristaliseerd in 2007
Presentation2value2 uitgekristaliseerd in 2007Presentation2value2 uitgekristaliseerd in 2007
Presentation2value2 uitgekristaliseerd in 2007
 
Website conversie optimalisatie
Website conversie optimalisatieWebsite conversie optimalisatie
Website conversie optimalisatie
 
Training Webschrijven en SEO - deel 3
Training Webschrijven en SEO - deel 3Training Webschrijven en SEO - deel 3
Training Webschrijven en SEO - deel 3
 
Mangrove gastcollege Hogeschool Rotterdam
Mangrove gastcollege Hogeschool RotterdamMangrove gastcollege Hogeschool Rotterdam
Mangrove gastcollege Hogeschool Rotterdam
 
Webwinkel event - starten met je webwinkel
Webwinkel event - starten met je webwinkelWebwinkel event - starten met je webwinkel
Webwinkel event - starten met je webwinkel
 
Bootcamp
BootcampBootcamp
Bootcamp
 
20120526 effectief inschrijven op emvi aanbestedingen
20120526 effectief inschrijven op emvi aanbestedingen20120526 effectief inschrijven op emvi aanbestedingen
20120526 effectief inschrijven op emvi aanbestedingen
 
Haal meer uit je website webinar
Haal meer uit je website   webinarHaal meer uit je website   webinar
Haal meer uit je website webinar
 
Haal meer uit je website - webinar
Haal meer uit je website - webinarHaal meer uit je website - webinar
Haal meer uit je website - webinar
 
Efinancials 6 fases conversie optimalisatie
Efinancials 6 fases conversie optimalisatieEfinancials 6 fases conversie optimalisatie
Efinancials 6 fases conversie optimalisatie
 
Webinar bol.com conversie optimalisatie 13 nov. 2012
Webinar bol.com conversie optimalisatie 13 nov. 2012Webinar bol.com conversie optimalisatie 13 nov. 2012
Webinar bol.com conversie optimalisatie 13 nov. 2012
 
Wa College 4
Wa College 4Wa College 4
Wa College 4
 
Maxlead landingpagina's - De Dagen 20 april 2011 Rob Steenbrink
Maxlead landingpagina's - De Dagen 20 april 2011 Rob SteenbrinkMaxlead landingpagina's - De Dagen 20 april 2011 Rob Steenbrink
Maxlead landingpagina's - De Dagen 20 april 2011 Rob Steenbrink
 
Maxlead landingpaginas de dagen 20 april 2011 rob steenbrink
Maxlead landingpaginas   de dagen 20 april 2011 rob steenbrinkMaxlead landingpaginas   de dagen 20 april 2011 rob steenbrink
Maxlead landingpaginas de dagen 20 april 2011 rob steenbrink
 
Webcommunicatie / college 4
Webcommunicatie / college 4Webcommunicatie / college 4
Webcommunicatie / college 4
 
CMD Interaction Design - Y1 Q1 les 2 - Research to Design
CMD Interaction Design - Y1 Q1 les 2 - Research to DesignCMD Interaction Design - Y1 Q1 les 2 - Research to Design
CMD Interaction Design - Y1 Q1 les 2 - Research to Design
 
Toolbox55 - Inzicht om te Verbinden
Toolbox55 - Inzicht om te VerbindenToolbox55 - Inzicht om te Verbinden
Toolbox55 - Inzicht om te Verbinden
 
Toolbox55 - Inzicht om te Verbinden
Toolbox55 - Inzicht om te VerbindenToolbox55 - Inzicht om te Verbinden
Toolbox55 - Inzicht om te Verbinden
 
Websites en Kwaliteit
Websites en KwaliteitWebsites en Kwaliteit
Websites en Kwaliteit
 
Gastouderfabriek online gevonden worden
Gastouderfabriek online gevonden wordenGastouderfabriek online gevonden worden
Gastouderfabriek online gevonden worden
 

Plus de Stephen Hay

From Deception to Clarity
From Deception to ClarityFrom Deception to Clarity
From Deception to ClarityStephen Hay
 
The Backside of the Class (CSS Day 2015)
The Backside of the Class (CSS Day 2015)The Backside of the Class (CSS Day 2015)
The Backside of the Class (CSS Day 2015)Stephen Hay
 
The Art of Deception
The Art of DeceptionThe Art of Deception
The Art of DeceptionStephen Hay
 
Sculpting Text: Easing the Pain of Designing in the Browser
Sculpting Text: Easing the Pain of Designing in the BrowserSculpting Text: Easing the Pain of Designing in the Browser
Sculpting Text: Easing the Pain of Designing in the BrowserStephen Hay
 
Power Tools For Browser-Based Design
Power Tools For Browser-Based DesignPower Tools For Browser-Based Design
Power Tools For Browser-Based DesignStephen Hay
 
UIE Virtual Seminar: Responsive Web Design Workflow
UIE Virtual Seminar: Responsive Web Design WorkflowUIE Virtual Seminar: Responsive Web Design Workflow
UIE Virtual Seminar: Responsive Web Design WorkflowStephen Hay
 
Flexbox: One Giant Leap for Web Layout (Breaking Development 2013)
Flexbox: One Giant Leap for Web Layout (Breaking Development 2013)Flexbox: One Giant Leap for Web Layout (Breaking Development 2013)
Flexbox: One Giant Leap for Web Layout (Breaking Development 2013)Stephen Hay
 
Flexbox: One Giant Leap for Web Layout (GenerateConf 2013)
Flexbox: One Giant Leap for Web Layout (GenerateConf 2013)Flexbox: One Giant Leap for Web Layout (GenerateConf 2013)
Flexbox: One Giant Leap for Web Layout (GenerateConf 2013)Stephen Hay
 
The New Photoshop, Part 2: The Revenge of the Web (FEC13)
The New Photoshop, Part 2: The Revenge of the Web (FEC13)The New Photoshop, Part 2: The Revenge of the Web (FEC13)
The New Photoshop, Part 2: The Revenge of the Web (FEC13)Stephen Hay
 
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)Stephen Hay
 
The New Photoshop, Part 2: The Revenge of the Web
The New Photoshop, Part 2: The Revenge of the WebThe New Photoshop, Part 2: The Revenge of the Web
The New Photoshop, Part 2: The Revenge of the WebStephen Hay
 
Style Guides Are The New Photoshop (Smashing Conference 2012)
Style Guides Are The New Photoshop (Smashing Conference 2012)Style Guides Are The New Photoshop (Smashing Conference 2012)
Style Guides Are The New Photoshop (Smashing Conference 2012)Stephen Hay
 
Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)Stephen Hay
 
Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012Stephen Hay
 
Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012Stephen Hay
 
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Stephen Hay
 
Go With The Flow
Go With The FlowGo With The Flow
Go With The FlowStephen Hay
 
Fronteers Workshop: Rabid Prototyping
Fronteers Workshop: Rabid PrototypingFronteers Workshop: Rabid Prototyping
Fronteers Workshop: Rabid PrototypingStephen Hay
 
Meta layout: a closer look at media queries
Meta layout: a closer look at media queriesMeta layout: a closer look at media queries
Meta layout: a closer look at media queriesStephen Hay
 
Real-world Responsive Design @ Breaking Development 2011
Real-world Responsive Design @ Breaking Development 2011Real-world Responsive Design @ Breaking Development 2011
Real-world Responsive Design @ Breaking Development 2011Stephen Hay
 

Plus de Stephen Hay (20)

From Deception to Clarity
From Deception to ClarityFrom Deception to Clarity
From Deception to Clarity
 
The Backside of the Class (CSS Day 2015)
The Backside of the Class (CSS Day 2015)The Backside of the Class (CSS Day 2015)
The Backside of the Class (CSS Day 2015)
 
The Art of Deception
The Art of DeceptionThe Art of Deception
The Art of Deception
 
Sculpting Text: Easing the Pain of Designing in the Browser
Sculpting Text: Easing the Pain of Designing in the BrowserSculpting Text: Easing the Pain of Designing in the Browser
Sculpting Text: Easing the Pain of Designing in the Browser
 
Power Tools For Browser-Based Design
Power Tools For Browser-Based DesignPower Tools For Browser-Based Design
Power Tools For Browser-Based Design
 
UIE Virtual Seminar: Responsive Web Design Workflow
UIE Virtual Seminar: Responsive Web Design WorkflowUIE Virtual Seminar: Responsive Web Design Workflow
UIE Virtual Seminar: Responsive Web Design Workflow
 
Flexbox: One Giant Leap for Web Layout (Breaking Development 2013)
Flexbox: One Giant Leap for Web Layout (Breaking Development 2013)Flexbox: One Giant Leap for Web Layout (Breaking Development 2013)
Flexbox: One Giant Leap for Web Layout (Breaking Development 2013)
 
Flexbox: One Giant Leap for Web Layout (GenerateConf 2013)
Flexbox: One Giant Leap for Web Layout (GenerateConf 2013)Flexbox: One Giant Leap for Web Layout (GenerateConf 2013)
Flexbox: One Giant Leap for Web Layout (GenerateConf 2013)
 
The New Photoshop, Part 2: The Revenge of the Web (FEC13)
The New Photoshop, Part 2: The Revenge of the Web (FEC13)The New Photoshop, Part 2: The Revenge of the Web (FEC13)
The New Photoshop, Part 2: The Revenge of the Web (FEC13)
 
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)
 
The New Photoshop, Part 2: The Revenge of the Web
The New Photoshop, Part 2: The Revenge of the WebThe New Photoshop, Part 2: The Revenge of the Web
The New Photoshop, Part 2: The Revenge of the Web
 
Style Guides Are The New Photoshop (Smashing Conference 2012)
Style Guides Are The New Photoshop (Smashing Conference 2012)Style Guides Are The New Photoshop (Smashing Conference 2012)
Style Guides Are The New Photoshop (Smashing Conference 2012)
 
Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)
 
Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012
 
Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012
 
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
 
Go With The Flow
Go With The FlowGo With The Flow
Go With The Flow
 
Fronteers Workshop: Rabid Prototyping
Fronteers Workshop: Rabid PrototypingFronteers Workshop: Rabid Prototyping
Fronteers Workshop: Rabid Prototyping
 
Meta layout: a closer look at media queries
Meta layout: a closer look at media queriesMeta layout: a closer look at media queries
Meta layout: a closer look at media queries
 
Real-world Responsive Design @ Breaking Development 2011
Real-world Responsive Design @ Breaking Development 2011Real-world Responsive Design @ Breaking Development 2011
Real-world Responsive Design @ Breaking Development 2011
 

De aanvrager wint

  • 1. De aanvrager wint (right?) Stephen Hay, Cinnamon Interactive
  • 2. Wie ben ik? • Creative director, Cinnamon • Webwerker sinds 1995 • Medeauteur, Normdocument Webrichtlijnen
  • 3. Foto door Editor B (http://www.flickr.com/photos/editor/172690560/)
  • 4. Helder krijgen wat je wilt Kwalificatie leveranciers De aanvraag
  • 5. Wat wil je? Foto door chanchan222 (http://www.flickr.com/photos/chanchan222/2883910690/)
  • 6. Als een architect een typische wedesign aanvraag zou ontvangen
  • 7. Je aanvraag bepaalt deels het resultaat van je project.
  • 8. Je aanvraag bepaalt welke leveranciers een offerte uitbrengen.
  • 9. Je aanvraag bepaalt de kwaliteit van de aanbiedingen.
  • 11. Wat wil je precies? • Doelstelling • Doelgroep • Scope • Requirements • Voorwaarden • Wensen
  • 12. Doelstelling • Wat is de reden voor het (her)ontwikkelen van de website/-applicatie? • Welke specifieke problemen dienen te worden opgelost? • Welke acties moeten bezoekers kunnen ondernemen bij het bezoeken van de site? • Hoe wordt succes beoordeeld?
  • 13. Denk in problemen, niet in oplossingen. (Daar huur je toch iemand voor in?)
  • 14. ” Make the logo bigger.
  • 15. Foto door aarontait (http://www.flickr.com/photos/aarontait/2576259396/)
  • 17. Doelgroep (denk in persona’s; breng ze tot leven!) • Leeftijd • Werk en salaris • Waarvoor gebruiken ze het Web? • Computer/internetervaring • Details, details, details!
  • 18. “ Adviseurs, professionals, ” burgers, ondernemers
  • 19. Denk aan echte mensen Foto door Robert Scoble (http://www.flickr.com/photos/scobleizer/3567917408/)
  • 20. Hoeveel doelgroepen kun je écht bedienen?
  • 21. Scope (Hoe groot is je project?) Foto door kevindooley (http://www.flickr.com/photos/pagedooley/2198995023/)
  • 22. Wat bepaalt de scope? • Deadline • Budget • Technische aandachtspunten • Creatieve aandachtspunten • Andere requirements... • Facetten van scope zijn ook requirements
  • 23. Kaders aanbrengen • Waar hebben we het over? • Weet ik genoeg over de inspanning om dit te eisen binnen de kaders van dit project? • Welke informatie heb ik? • Is er iets wat ik zelf niet weet?
  • 24. “ Er dient een koppeling met [x] database te ” worden gerealiseerd.
  • 25. Dit gaat geld kosten... • Wat is dat? • Is er documentatie? Kan ik dat inzien? • Hoe wordt de koppeling waargenomen? • Stelt dit eisen aan mijn werkzaamheden?
  • 27. Foto door Mrs Logic (http://www.flickr.com/photos/mrs_logic/2804596373/)
  • 28. Requirements & voorwaarden • Moet dit? • Waarom? • Echt? • Kun je deze vragen niet positief beantwoorden, dan gaat het om een wens. Een wens is vaak een oplossing.
  • 29. Wensen • Wie wenst dit? • Waarom? • Welk probleem wordt ermee opgelost?
  • 30. Wensen en slecht geformuleerde requirements leiden tot feature/scope creep.
  • 32. Kies technologische middelen naar aanleiding van problemen, doelstellingen, doelgroepen, requirements en wensen.
  • 33. Helder krijgen wat je wilt Kwalificatie leveranciers De aanvraag
  • 34. Wie krijgt een aanvraag? • Research! longlist • Wie doet wat ik wil? • Wie doet het zoals ik het wil? • Verfijnen! • Klanten? (Niet perse vergelijkbaar) shortlist • Referenties • CV’s zijn gevaarlijk • Reputatie / expertise • kennismaking
  • 35. Het is een short list.
  • 36. Subtraction Sidebar Creative
  • 38. Check reputatie / deskundigheid online • Recensies • Social Netwerken / Referenties • Evenementen • Artikelen / boeken • Portfolio • Vak-gerelateerde activiteiten
  • 39. Helder krijgen wat je wilt Kwalificatie leveranciers De aanvraag
  • 40. Wat moet in elk geval in de aanvraag? • Doelstelling • “Concurrerende” projecten (goed/niet) • Doelgroep • Creatieve • Scope aandachtspunten • Requirements • Technische aandachtspunten • Voorwaarden • Most important point • Wensen • Beslissers
  • 41. Hoe ga je om met vragen van leveranciers?
  • 42. Het stellen van de juiste vragen is ook een kunst.
  • 46. Foto door Robert S. Donovan (http://www.flickr.com/photos/booleansplit/2201440179/)
  • 47. U krijgt twee van de drie Kwaliteit Prijs Snelheid
  • 48. Een kennismaking is belangrijk. Mensen leveren het werk.
  • 50. (Een paar) nadelen van pitches • Het is niet het beste werk, maar daar wordt wél op beoordeeld • Er wordt verder gebouwd op een matig doordacht voorstel • Het belangrijke denkwerk wordt onjuist gewaardeerd • Ze verlagen de kwaliteit van de aanbiedingen
  • 51. Vraag een voorstel en geef een vergoeding.
  • 53. Zo erg zijn ze niet.
  • 54. Niet alleen voor blinden • Let wel: Google “ziet” een site zoals een blinde dat doet = vindbaarheid • Verbeterde documentstructuur = data portability = breder bereik, meer verschijningsvormen mogelijk • Best practices = verbetering bruikbaarheid • Vriendelijke URL’s = archiveerbaarheid, systeemonafhankelijkheid
  • 55. Vinden van een Webrichtlijn-partij • Reputatie • Referenties / andere websites • Wees voorzichtig met DrempelVrij stempel • Zelf meer leren over Webrichtlijnen (voor gesprekken)
  • 56. Webrichtlijnen in de aanvraag • Stuur ze mee • Wens of eis? • Hoe wordt er getoetst? Wanneer? • Indien voorwaardelijk: wees expliciet. • Overweeg een onafhankelijk expert
  • 57. Zo!
  • 58. Je offerte • Geeft problemen aan en vraagt om oplossingen • Is realistisch m.b.t. tijd en budget • Nodigt leveranciers uit om hun beste werk te leveren • Is geen oorlogsverklaring • Vormt een kader voor een geslaagde uitvoering
  • 59. Workshop: aanvraag “red flags” herkennen Een offerte voor een bedrijf met drie vestigingen, luxe zakelijke vergadercentra
  • 60. Graag ontvangen wij een offerte op basis van onderstaande briefing; Het gaat om een individuele (basis) website per vestiging uitgaande van een gezamenlijke database, d.w.z. centraal beheer maar gescheiden bestanden. In de bijlage een voorbeeld voor elke vestiging, die door een medewerker van ons voor een project is gemaakt dit om je een idee te geven van reeds bestaande ideeën hierover.
  • 61. De huidige websites die we momenteel gebruiken zijn vanuit de overkoepelende organisatie (ExCom BV): www.example.com/vestiging01 www.example.com/vestiging02 www.example.com/vestiging03 Wat we erg belangrijk vinden: (misschien als supplement op basis tarief van eenmalige kosten te noemen in de offerte)
  • 62. • Integratie van bestaande bookingstool van ExCom in de individuele website • Bezoekers een opt-in kunnen geven voor een nieuwsbrief, maar gekoppeld aan onze huidige CRM software systeem Salesforce, zodat we ons huidige database kunnen vergroten. Tijdens opt- in mogelijkheid geven (aanvinken) om welke vestiging het gaat, meerdere mogelijk. En identificatie terug zien in database.
  • 63. • Beheer website door ons. Denk aan foto's, tekst en brochures kunnen aanpassen/uploaden.
  • 64. Details voor alle drie de vestigingen: Homepage: • bookingstool met ExCom integreren (supplement) • mogelijkheid brochures downloaden • opt-in nieuwsbrief (supplement) • link naar package page
  • 65. Producten: • bookingstool met ExCom integreren Packages: • bookingstool met ExCom integreren • -extra pagina om package uitgebreid te omschrijven
  • 66. VIP-club: • mogelijkheid downloaden PDF catalogus • reservering te maken (waarbij de e-mail automatisch verzonden wordt naar • het e-mail adres van de VIP-club)
  • 67. Meetings: 4 extra pages voor: • Afmetingen, opstellingen zalen en tarieven ( een JPG bestandje) • Plattegrond zalen (JPG of EPS bestand) • Meeting packages omschrijven • mogelijkheid om een aanvraag in te dienen dmv formulier (ook hier • mogelijkheid geven voor meerdere vestigingen)
  • 68. Health & Leisure: 4 extra pages voor: • integratie Google maps waarbij het adres van de vestiging al is ingevuld (supplement) • Fotogallerij (supplement) • Faciliteiten vestiging: mini gym, rent a bike • Movie (supplement) • Weersvooruitzichten (supplement)
  • 69. Daarnaast een page voor Algemene voorwaarden, FAQ, Contact us
  • 70. Ja, dat was het...
  • 72. Wat moet in elk geval in de aanvraag? • Doelstelling • “Concurrerende” projecten (goed/niet) • Doelgroep • Creatieve • Scope aandachtspunten • Requirements • Technische aandachtspunten • Voorwaarden • Most important point • Wensen • Beslissers