SlideShare uma empresa Scribd logo
1 de 58
MIND THE GAP
           European Intensive Programme
           on Prototyping Web Apps
           May 9th, 20
TEAM
TEAM
WELCOME
LANGUAGE BARRIER
JUST SHOW IT!
SHOW DON’T TELL
SHOW DON’T TELL
SHOW DON’T TELL
SHOW DON’T TELL
ANYWAY...
WELCOME in GHENT...
GHENT...
GHENT...
GHENT...
WHAT ELSE?
WHAT ELSE?
WHAT ELSE?
WHAT ELSE?
PERSONAL FAVES
PERSONAL FAVES
PERSONAL FAVES
PERSONAL FAVES
MIND THE GAP
SINT-LUCAS
KAHO SINT-LIEVEN
DAVY
WIO
BACK TO PROTOTYPING!
SHOW AND TELL
SHOW AND TELL
SAVES TIME AND MONEY
GENERATIVE
HOW TO ???
PAPER PROTOTYPES
Paper Prototypes
Paper Prototypes
Paper Prototypes
Paper Prototypes
Paper Prototypes
Paper Prototypes
CLICKABLE MOCKUPS
CLICKABLE MOCKUPS
CLICKABLE MOCKUPS
CLICKABLE MOCKUPS
CLICKABLE MOCKUPS
CLICKABLE MOCKUPS
CLICKABLE MOCKUPS
HTML5, CSS3 & JQUERY
QUESTIONS ANYONE?
CHECK WEBSITE
CHECK WEBSITE
TEAM BLOGS
PLEASE REGISTER NOW
PLEASE REGISTER NOW
BREAK!
BREAK!
SEE YOU BACK @ 11:00!

Mais conteúdo relacionado

Mais de ipmindthegap

Edge toolsandservices mihai_corlan
Edge toolsandservices mihai_corlanEdge toolsandservices mihai_corlan
Edge toolsandservices mihai_corlanipmindthegap
 
First presentation
First presentationFirst presentation
First presentationipmindthegap
 
Edge Tools and Services
Edge Tools and ServicesEdge Tools and Services
Edge Tools and Servicesipmindthegap
 
Text content for mobile
Text content for mobileText content for mobile
Text content for mobileipmindthegap
 
Ip mind-the-gap 2013-communication
Ip mind-the-gap 2013-communicationIp mind-the-gap 2013-communication
Ip mind-the-gap 2013-communicationipmindthegap
 
Introduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignIntroduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignipmindthegap
 
Workshop creativity
Workshop creativityWorkshop creativity
Workshop creativityipmindthegap
 
Introduction and prototyping slideshare
Introduction and prototyping slideshareIntroduction and prototyping slideshare
Introduction and prototyping slideshareipmindthegap
 
Mind the gap blue team
Mind the gap   blue teamMind the gap   blue team
Mind the gap blue teamipmindthegap
 
Presentation Of the BLUE TEAM
Presentation Of the BLUE TEAMPresentation Of the BLUE TEAM
Presentation Of the BLUE TEAMipmindthegap
 
Mind The Gap - Team Black
Mind The Gap - Team BlackMind The Gap - Team Black
Mind The Gap - Team Blackipmindthegap
 
Presentation Team Red
Presentation Team RedPresentation Team Red
Presentation Team Redipmindthegap
 
Volunteering in Europe
Volunteering in EuropeVolunteering in Europe
Volunteering in Europeipmindthegap
 

Mais de ipmindthegap (18)

SUPERCOP
SUPERCOPSUPERCOP
SUPERCOP
 
Edge toolsandservices mihai_corlan
Edge toolsandservices mihai_corlanEdge toolsandservices mihai_corlan
Edge toolsandservices mihai_corlan
 
Html5&css3
Html5&css3Html5&css3
Html5&css3
 
First presentation
First presentationFirst presentation
First presentation
 
Edge Tools and Services
Edge Tools and ServicesEdge Tools and Services
Edge Tools and Services
 
Text content for mobile
Text content for mobileText content for mobile
Text content for mobile
 
Mtg prototyping
Mtg prototypingMtg prototyping
Mtg prototyping
 
Ip mind-the-gap 2013-communication
Ip mind-the-gap 2013-communicationIp mind-the-gap 2013-communication
Ip mind-the-gap 2013-communication
 
Introduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignIntroduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesign
 
Workshop creativity
Workshop creativityWorkshop creativity
Workshop creativity
 
Introduction and prototyping slideshare
Introduction and prototyping slideshareIntroduction and prototyping slideshare
Introduction and prototyping slideshare
 
Mind the gap blue team
Mind the gap   blue teamMind the gap   blue team
Mind the gap blue team
 
Mind the gap
Mind the gap Mind the gap
Mind the gap
 
Presentation Of the BLUE TEAM
Presentation Of the BLUE TEAMPresentation Of the BLUE TEAM
Presentation Of the BLUE TEAM
 
Mind The Gap - Team Black
Mind The Gap - Team BlackMind The Gap - Team Black
Mind The Gap - Team Black
 
Presentation Team Red
Presentation Team RedPresentation Team Red
Presentation Team Red
 
Yellow Team
Yellow TeamYellow Team
Yellow Team
 
Volunteering in Europe
Volunteering in EuropeVolunteering in Europe
Volunteering in Europe
 

Último

Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
Science 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxScience 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxMaryGraceBautista27
 
ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfSpandanaRallapalli
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfTechSoup
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxCarlos105
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...JhezDiaz1
 
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...Postal Advocate Inc.
 
Q4 English4 Week3 PPT Melcnmg-based.pptx
Q4 English4 Week3 PPT Melcnmg-based.pptxQ4 English4 Week3 PPT Melcnmg-based.pptx
Q4 English4 Week3 PPT Melcnmg-based.pptxnelietumpap1
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Celine George
 
ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4MiaBumagat1
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPCeline George
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxChelloAnnAsuncion2
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Celine George
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Mark Reed
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxDr.Ibrahim Hassaan
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Celine George
 

Último (20)

FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptxFINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
Science 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxScience 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptx
 
ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdf
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
 
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
 
Raw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptxRaw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptx
 
Q4 English4 Week3 PPT Melcnmg-based.pptx
Q4 English4 Week3 PPT Melcnmg-based.pptxQ4 English4 Week3 PPT Melcnmg-based.pptx
Q4 English4 Week3 PPT Melcnmg-based.pptx
 
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptxYOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17
 
ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERP
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17
 

Notas do Editor

  1. what do you do when you’re abroad and find it hard to explain something?\n
  2. funny and cliché\ncliché: designers and developers don’t speak the same language\nclichés often hold a bit of truth\n\n
  3. the language problem goes beyond designer-developer relationship\nthere’s always the client of course\nbut in big projects there are more people involved\n
  4. what do you do when you’re abroad and find it hard to explain something?\n
  5. my dad recently\n
  6. in most design industries, lo-tech models are used as a design and communication tool\nthese are also called “prototypes”.\narchitects use them.\n
  7. and the car industry\n
  8. fashion designers\n
  9. even dentists and surgeons use prototypes\n
  10. anyway,\ni haven’t welcomed you yet really\n
  11. \n
  12. ghent is in lonely planet’s top 10 list of cities to see!\n
  13. the city has an interesting history and nice architecture\n
  14. but it’s also know for it’s liveliness, especially gentse feesten in summer\n
  15. there’s something to do everyday. check gratisingent.be for free stuff to do!\n
  16. and now that you’re here in belgium you should at least try the famous belgian waffles\n
  17. and french fries of course, which aren’t french but belgian!\n
  18. \n
  19. my personal favorites\n
  20. my personal favorites\n
  21. my personal favorites\n
  22. anyway, we’re here together for “mind the gap”\na project which brings together designers and developers\nand uses the prototype as design and communication tool\n
  23. the first week is at this campus, sint-lucas visual arts\nart university college\n
  24. the second week is at kaho sint-lieven, a technical university college\n
  25. davy organises teaches rich internet applications and flash development\n
  26. i co-organize \ni teach web & mobile design and motion graphics\n
  27. anyway, we need to get back on track!\n
  28. we allready discussed that a prototype is the ideal communication tool because it shows\nno more danger for misinterpretation\n
  29. if you just tell what you want people can misundertand or misinterprete easily!\nno more danger for misinterpretation\n
  30. it also saves time and money\nerrors get detected early in the process\n
  31. a prototyping approach also generates much more ideas\nthis more often leads to better, innovative ideas\n
  32. so, what could a web app prototype be like?\n
  33. the easiest way to prototype is doing it on paper\n+ no technical difficulties\n+ inclusive: anyone can join the process\n+ opens up ideas\n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. +easy\n-sometimes client doesn’t get it’s a prototype\n
  41. +easy\n-sometimes client doesn’t get it’s a prototype\n
  42. +easy\n-sometimes client doesn’t get it’s a prototype\n
  43. +easy\n-sometimes client doesn’t get it’s a prototype\n
  44. +easy\n-sometimes client doesn’t get it’s a prototype\n
  45. +easy\n-sometimes client doesn’t get it’s a prototype\n
  46. + can be basis of final production stage\n+ ideal to check app flow\n- a little techie\n- usually ugly\n
  47. \n
  48. \n
  49. \n
  50. \n
  51. \n
  52. \n