SlideShare a Scribd company logo
1 of 27
Download to read offline
a la Realidad


   Dani Armengol Garreta
Tres usos del prototipado
“For me, wireframes act as a form of
  ‘thinking device’ for the setting and
exploration of a given problem space.”




        Will Evans
        Diseñador, actual director del Information Architecture Institute
uso 1
 explorar
“A ‘spec’ is close to useless. I have
never seen a spec that was both big
enough to be useful and accurate.”




       Linus Torvalds
       Hacker, creador del kernel de Linux
“For many types of functionality,
especially UI-heavy functionality, once
 you have these storyboards, you’re
       done. That’s your spec.”



                                 Jason Fried
              Fundador y presidente de 37signals
uso 2
comunicar
“You can use an eraser on the
drafting table or a sledge hammer
    on the construction site.”



                   Frank Lloyd Wright
             Arquitecto excesivamente citado
“Testing one user early in the
project is better than testing fifty
          near the end.”



       Steve Krug
       Consultor de usabilidad, autor de “Don’t make me think”
“Prototyping is externalizing and
making concrete a design idea for
  the purpose of evaluation.”



       Bill Verplank
       Diseñador de interacción, uno de los padres de las GUI
uso 3
 evaluar
“Prototypes by their very nature
are somewhat incomplete, sketchy
  versions of the final product.”



                                      Todd Zaki Warfel
    Diseñador, autor de “Prototyping: A Practitioner’s Guide”
“They’re not perfect.
 They don’t have to be.
They’re not meant to be.”


                                   Todd Zaki Warfel
 Diseñador, autor de “Prototyping: A Practitioner’s Guide”
“It's a prototype.
  Not the Mona Lisa.”



                                  Todd Zaki Warfel
Diseñador, autor de “Prototyping: A Practitioner’s Guide”
Gracias

  daniel@usolab.com
  @ThePaRaP

More Related Content

Similar to Del prototipo a la realidad

Stop looking for designers. Become one! (On why developers should learn design)
Stop looking for designers. Become one! (On why developers should learn design)Stop looking for designers. Become one! (On why developers should learn design)
Stop looking for designers. Become one! (On why developers should learn design)Emanuele Libralato
 
24 Hours of UX - Agile + UX: Good, Bad, Ugly
24 Hours of UX - Agile + UX: Good, Bad, Ugly24 Hours of UX - Agile + UX: Good, Bad, Ugly
24 Hours of UX - Agile + UX: Good, Bad, UglyJoshua Randall
 
User Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the UglyUser Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the UglyJoshua Randall
 
Why Developers Should Learn Design - ViewSource 2016
Why Developers Should Learn Design - ViewSource 2016Why Developers Should Learn Design - ViewSource 2016
Why Developers Should Learn Design - ViewSource 2016Emanuele Libralato
 
Rapid Prototyping 2015: Its a Mad Mad World
Rapid Prototyping 2015: Its a Mad Mad WorldRapid Prototyping 2015: Its a Mad Mad World
Rapid Prototyping 2015: Its a Mad Mad WorldMarti Gold
 
White-boarding & Paper Prototyping
White-boarding & Paper PrototypingWhite-boarding & Paper Prototyping
White-boarding & Paper PrototypingAchin Simhal
 
Designerly ways of research
Designerly ways of researchDesignerly ways of research
Designerly ways of researchpeterpur
 
UX + Agile: The Good, The Bad, and The Ugly
UX + Agile: The Good, The Bad, and The UglyUX + Agile: The Good, The Bad, and The Ugly
UX + Agile: The Good, The Bad, and The UglyJoshua Randall
 
Intro to Sketching Prototypes
Intro to Sketching PrototypesIntro to Sketching Prototypes
Intro to Sketching PrototypesAmbrose Little
 
UX in the Real World: There's no such thing as "No Persona"
UX in the Real World: There's no such thing as "No Persona"UX in the Real World: There's no such thing as "No Persona"
UX in the Real World: There's no such thing as "No Persona"Tom Allison
 
#1NLab15: Classically Trained … in 30 Minutes
#1NLab15: Classically Trained … in 30 Minutes#1NLab15: Classically Trained … in 30 Minutes
#1NLab15: Classically Trained … in 30 MinutesOne North
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzichtErik Duval
 
Pulling Rabbits Out of Your Ass - UX Design Fundamentals
Pulling Rabbits Out of Your Ass - UX Design FundamentalsPulling Rabbits Out of Your Ass - UX Design Fundamentals
Pulling Rabbits Out of Your Ass - UX Design FundamentalsCiprian Pălici
 
User Experience & Extreme Programming: An Experience Report
User Experience & Extreme Programming: An Experience Report User Experience & Extreme Programming: An Experience Report
User Experience & Extreme Programming: An Experience Report Michael Rawling
 
[I3 d]03 interactivity
[I3 d]03 interactivity[I3 d]03 interactivity
[I3 d]03 interactivityjylee6977
 
Taking your Dev Team on the UX Journey
Taking your Dev Team on the UX JourneyTaking your Dev Team on the UX Journey
Taking your Dev Team on the UX JourneyBSGAfrica
 

Similar to Del prototipo a la realidad (20)

Stop looking for designers. Become one! (On why developers should learn design)
Stop looking for designers. Become one! (On why developers should learn design)Stop looking for designers. Become one! (On why developers should learn design)
Stop looking for designers. Become one! (On why developers should learn design)
 
How Do I UX?
How Do I UX?How Do I UX?
How Do I UX?
 
24 Hours of UX - Agile + UX: Good, Bad, Ugly
24 Hours of UX - Agile + UX: Good, Bad, Ugly24 Hours of UX - Agile + UX: Good, Bad, Ugly
24 Hours of UX - Agile + UX: Good, Bad, Ugly
 
User Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the UglyUser Experience Design + Agile: The Good, The Bad, and the Ugly
User Experience Design + Agile: The Good, The Bad, and the Ugly
 
Why Developers Should Learn Design - ViewSource 2016
Why Developers Should Learn Design - ViewSource 2016Why Developers Should Learn Design - ViewSource 2016
Why Developers Should Learn Design - ViewSource 2016
 
Utah PMA Quarterly Meeting, June, 2010
Utah PMA Quarterly Meeting, June, 2010Utah PMA Quarterly Meeting, June, 2010
Utah PMA Quarterly Meeting, June, 2010
 
Rapid Prototyping 2015: Its a Mad Mad World
Rapid Prototyping 2015: Its a Mad Mad WorldRapid Prototyping 2015: Its a Mad Mad World
Rapid Prototyping 2015: Its a Mad Mad World
 
White-boarding & Paper Prototyping
White-boarding & Paper PrototypingWhite-boarding & Paper Prototyping
White-boarding & Paper Prototyping
 
Designerly ways of research
Designerly ways of researchDesignerly ways of research
Designerly ways of research
 
UX + Agile: The Good, The Bad, and The Ugly
UX + Agile: The Good, The Bad, and The UglyUX + Agile: The Good, The Bad, and The Ugly
UX + Agile: The Good, The Bad, and The Ugly
 
Designing for Context
Designing for ContextDesigning for Context
Designing for Context
 
Intro to Sketching Prototypes
Intro to Sketching PrototypesIntro to Sketching Prototypes
Intro to Sketching Prototypes
 
UX in the Real World: There's no such thing as "No Persona"
UX in the Real World: There's no such thing as "No Persona"UX in the Real World: There's no such thing as "No Persona"
UX in the Real World: There's no such thing as "No Persona"
 
#1NLab15: Classically Trained … in 30 Minutes
#1NLab15: Classically Trained … in 30 Minutes#1NLab15: Classically Trained … in 30 Minutes
#1NLab15: Classically Trained … in 30 Minutes
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzicht
 
Pulling Rabbits Out of Your Ass - UX Design Fundamentals
Pulling Rabbits Out of Your Ass - UX Design FundamentalsPulling Rabbits Out of Your Ass - UX Design Fundamentals
Pulling Rabbits Out of Your Ass - UX Design Fundamentals
 
User Experience & Extreme Programming: An Experience Report
User Experience & Extreme Programming: An Experience Report User Experience & Extreme Programming: An Experience Report
User Experience & Extreme Programming: An Experience Report
 
CHI overzicht
CHI overzichtCHI overzicht
CHI overzicht
 
[I3 d]03 interactivity
[I3 d]03 interactivity[I3 d]03 interactivity
[I3 d]03 interactivity
 
Taking your Dev Team on the UX Journey
Taking your Dev Team on the UX JourneyTaking your Dev Team on the UX Journey
Taking your Dev Team on the UX Journey
 

Recently uploaded

PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一A SSS
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 

Recently uploaded (20)

PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 

Del prototipo a la realidad

  • 1. a la Realidad Dani Armengol Garreta
  • 2.
  • 3.
  • 4.
  • 5.
  • 6. Tres usos del prototipado
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12. “For me, wireframes act as a form of ‘thinking device’ for the setting and exploration of a given problem space.” Will Evans Diseñador, actual director del Information Architecture Institute
  • 14.
  • 15. “A ‘spec’ is close to useless. I have never seen a spec that was both big enough to be useful and accurate.” Linus Torvalds Hacker, creador del kernel de Linux
  • 16. “For many types of functionality, especially UI-heavy functionality, once you have these storyboards, you’re done. That’s your spec.” Jason Fried Fundador y presidente de 37signals
  • 18.
  • 19. “You can use an eraser on the drafting table or a sledge hammer on the construction site.” Frank Lloyd Wright Arquitecto excesivamente citado
  • 20. “Testing one user early in the project is better than testing fifty near the end.” Steve Krug Consultor de usabilidad, autor de “Don’t make me think”
  • 21. “Prototyping is externalizing and making concrete a design idea for the purpose of evaluation.” Bill Verplank Diseñador de interacción, uno de los padres de las GUI
  • 23.
  • 24. “Prototypes by their very nature are somewhat incomplete, sketchy versions of the final product.” Todd Zaki Warfel Diseñador, autor de “Prototyping: A Practitioner’s Guide”
  • 25. “They’re not perfect. They don’t have to be. They’re not meant to be.” Todd Zaki Warfel Diseñador, autor de “Prototyping: A Practitioner’s Guide”
  • 26. “It's a prototype. Not the Mona Lisa.” Todd Zaki Warfel Diseñador, autor de “Prototyping: A Practitioner’s Guide”