SlideShare a Scribd company logo
1 of 13
Download to read offline
The power of example
      Janet Huang
       2011/12/16
What is design?




          Problem Finding & Problem Solving
"Good Artists Borrow, Great Artists Steal"
                            - Pablo Picasso
Learning by Examples
Learning by Doing
Associate Professor of Computer Science at Stanford University
He co-directs the Human-Computer Interaction Group and Bredt
Faculty Scholar development chair.


Background
2004 University of California, Berkeley · PhD in Computer Science
2001 University of California, Berkeley · MS in Computer Science
1999 Brown University · Dual BA with honors in Art-Semiotics and Computer Science
Graphic Design coursework at the Rhode Island School of Design


 Awards
 He has been awarded the Katayanagi Emerging Leadership Prize, Sloan Fellowship,
 NSF CAREER award, Microsoft Research New Faculty Fellowship, and several best
 paper awards at the premier HCI conferences (CHI and UIST).
How to increase the quality of people’s
           creative work?
Scott Klemmer’s research




      Example Search       Insightful      Rapidly Designing
      and Adaptation   Prototyping Tools     Alternatives
Bricolage: Example-Based Retargeting for Web Design
Ranjitha	
  Kumar,	
  Jerry	
  O.	
  Talton,	
  Salman	
  Ahmad,	
  and	
  Sco:	
  R.	
  Klemmer
CHI:	
  ACM	
  Conference	
  on	
  Human	
  Factors	
  in	
  Compu6ng	
  Systems,	
  2011.	
  Best	
  Paper




                                                            Step 1: bento page segmentation




                                                            Step 2: collecting and analyzing human mapping
                                                            Step 3: computing page mapping
d.tour: Style-based Exploration of Design Example Galleries
Daniel	
  Ritchie,	
  Ankita	
  Arvind	
  Kejriwal,	
  Sco:	
  R	
  Klemmer
UIST:	
  ACM	
  Symposium	
  on	
  User	
  Interface	
  SoAware	
  and	
  Technology,	
  2011
Blueprint
Example-Centric Programming: Integrating Web Search into the
Development Environment
Joel	
  Brandt,	
  Mira	
  Dontcheva,	
  Marcos	
  Weskamp,	
  Sco:	
  R.	
  Klemmer
CHI:	
  ACM	
  Conference	
  on	
  Human	
  Factors	
  in	
  Compu6ng	
  Systems,	
  2010.	
  Best	
  Paper	
  Nominee.




                    1. embedding search into the development environment
                    2. extracting code examples from Web pages and composing them in a
                    consistent, code-centric search results view




                                                                     http://labs.adobe.com/technologies/blueprint/
Creating and Comparing Alternatives
               Steven P Dow
               Assistant Professor at the HCI Institute at
               Carnegie Mellon University

               Prototyping Dynamics: Sharing Multiple Designs Improves
               Exploration, Group Rapport, and Results, Steven P. Dow, Julie Fortuna, Dan
               Schwartz, Beth Altringer, Daniel L. Schwartz, and Scott R. Klemmer. Conference on
               Human Factors in Computing Systems (CHI’11),Vancouver, BC, CAN, 2011.

               Parallel Prototyping Leads to Better Design Results, More Divergence,
               and Increased Self-Efficacy, Steven P. Dow, Alana Glassco, Jonathan Kass, Melissa
               Schwarz, Daniel L. Schwartz, Scott R. Klemmer. In ACM Transactions on Computer-
               Human Interaction, 17(4), 2010.

               The Efficacy of Prototyping Under Time Constraints, Steven P. Dow, Kate
               Heddleston, and Scott R. Klemmer. ACM SIGCHI Conf on Creativity and Cognition,
               Berkeley, CA, USA, 2009.

More Related Content

Similar to The power of example

hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
City University London
 
Design & Evaluation of the Goal-Oriented Design Knowledge Library
Design & Evaluation of the Goal-Oriented Design Knowledge LibraryDesign & Evaluation of the Goal-Oriented Design Knowledge Library
Design & Evaluation of the Goal-Oriented Design Knowledge Library
andrewhilts
 
[Austin henderson, jeff_johnson]_conceptual_models
[Austin henderson, jeff_johnson]_conceptual_models[Austin henderson, jeff_johnson]_conceptual_models
[Austin henderson, jeff_johnson]_conceptual_models
12rno
 
Pankaj rajanresume2014
Pankaj rajanresume2014Pankaj rajanresume2014
Pankaj rajanresume2014
Pankaj Rajan
 
Reality Mining (Nathan Eagle)
Reality Mining (Nathan Eagle)Reality Mining (Nathan Eagle)
Reality Mining (Nathan Eagle)
Jan Sifra
 
PhD proposal: Specialized heuristics for crowdsourcing website design
PhD proposal: Specialized heuristics for crowdsourcing website designPhD proposal: Specialized heuristics for crowdsourcing website design
PhD proposal: Specialized heuristics for crowdsourcing website design
donellemckinley
 
Elegant Resume
Elegant ResumeElegant Resume
Elegant Resume
butest
 
Elegant Resume
Elegant ResumeElegant Resume
Elegant Resume
butest
 

Similar to The power of example (20)

CV - DCHATTERJI
CV - DCHATTERJICV - DCHATTERJI
CV - DCHATTERJI
 
Summ11 useinterx
Summ11 useinterxSumm11 useinterx
Summ11 useinterx
 
Usability Evaluation Considered Harmful (Some of the Time)
Usability Evaluation Considered Harmful (Some of the Time)Usability Evaluation Considered Harmful (Some of the Time)
Usability Evaluation Considered Harmful (Some of the Time)
 
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
 
Using user centered design from a gender perspective. in3
Using user centered design from a gender perspective. in3Using user centered design from a gender perspective. in3
Using user centered design from a gender perspective. in3
 
Making Conversations Visible
Making Conversations VisibleMaking Conversations Visible
Making Conversations Visible
 
Design & Evaluation of the Goal-Oriented Design Knowledge Library
Design & Evaluation of the Goal-Oriented Design Knowledge LibraryDesign & Evaluation of the Goal-Oriented Design Knowledge Library
Design & Evaluation of the Goal-Oriented Design Knowledge Library
 
Social and Collaborative Construction of Structured Knowledge WWW2007
Social and Collaborative Construction of Structured Knowledge WWW2007Social and Collaborative Construction of Structured Knowledge WWW2007
Social and Collaborative Construction of Structured Knowledge WWW2007
 
AudrisMockus_MSR22.pdf
AudrisMockus_MSR22.pdfAudrisMockus_MSR22.pdf
AudrisMockus_MSR22.pdf
 
[Austin henderson, jeff_johnson]_conceptual_models
[Austin henderson, jeff_johnson]_conceptual_models[Austin henderson, jeff_johnson]_conceptual_models
[Austin henderson, jeff_johnson]_conceptual_models
 
Pankaj rajanresume2014
Pankaj rajanresume2014Pankaj rajanresume2014
Pankaj rajanresume2014
 
Sandhya's portfolio
Sandhya's portfolioSandhya's portfolio
Sandhya's portfolio
 
Reality Mining (Nathan Eagle)
Reality Mining (Nathan Eagle)Reality Mining (Nathan Eagle)
Reality Mining (Nathan Eagle)
 
Parents
ParentsParents
Parents
 
New Research Articles 2022 January Issue International Journal of Software En...
New Research Articles 2022 January Issue International Journal of Software En...New Research Articles 2022 January Issue International Journal of Software En...
New Research Articles 2022 January Issue International Journal of Software En...
 
PhD proposal: Specialized heuristics for crowdsourcing website design
PhD proposal: Specialized heuristics for crowdsourcing website designPhD proposal: Specialized heuristics for crowdsourcing website design
PhD proposal: Specialized heuristics for crowdsourcing website design
 
ICRA: Intelligent Platform for Collaboration and Interaction
ICRA: Intelligent Platform for Collaboration and InteractionICRA: Intelligent Platform for Collaboration and Interaction
ICRA: Intelligent Platform for Collaboration and Interaction
 
Elegant Resume
Elegant ResumeElegant Resume
Elegant Resume
 
Elegant Resume
Elegant ResumeElegant Resume
Elegant Resume
 
SBQS 2013 Keynote: Cooperative Testing and Analysis
SBQS 2013 Keynote: Cooperative Testing and AnalysisSBQS 2013 Keynote: Cooperative Testing and Analysis
SBQS 2013 Keynote: Cooperative Testing and Analysis
 

More from Janet Huang (13)

Transferring Sensing to a Mixed Virtual and Physical Experience
Transferring Sensing to a Mixed Virtual and Physical ExperienceTransferring Sensing to a Mixed Virtual and Physical Experience
Transferring Sensing to a Mixed Virtual and Physical Experience
 
Collecting a Image Label from Crowds Using Amazon Mechanical Turk
Collecting a Image Label from Crowds Using Amazon Mechanical TurkCollecting a Image Label from Crowds Using Amazon Mechanical Turk
Collecting a Image Label from Crowds Using Amazon Mechanical Turk
 
Art in the Crowd
Art in the CrowdArt in the Crowd
Art in the Crowd
 
How to Program SmartThings
How to Program SmartThingsHow to Program SmartThings
How to Program SmartThings
 
Designing physical and digital experience in social web
Designing physical and digital experience in social webDesigning physical and digital experience in social web
Designing physical and digital experience in social web
 
Of class3
Of class3Of class3
Of class3
 
Of class2
Of class2Of class2
Of class2
 
Of class1
Of class1Of class1
Of class1
 
Iphone course 3
Iphone course 3Iphone course 3
Iphone course 3
 
Iphone course 2
Iphone course 2Iphone course 2
Iphone course 2
 
Iphone course 1
Iphone course 1Iphone course 1
Iphone course 1
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Openframworks x Mobile
Openframworks x MobileOpenframworks x Mobile
Openframworks x Mobile
 

Recently uploaded

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Recently uploaded (20)

AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 

The power of example

  • 1. The power of example Janet Huang 2011/12/16
  • 2. What is design? Problem Finding & Problem Solving
  • 3. "Good Artists Borrow, Great Artists Steal" - Pablo Picasso
  • 6. Associate Professor of Computer Science at Stanford University He co-directs the Human-Computer Interaction Group and Bredt Faculty Scholar development chair. Background 2004 University of California, Berkeley · PhD in Computer Science 2001 University of California, Berkeley · MS in Computer Science 1999 Brown University · Dual BA with honors in Art-Semiotics and Computer Science Graphic Design coursework at the Rhode Island School of Design Awards He has been awarded the Katayanagi Emerging Leadership Prize, Sloan Fellowship, NSF CAREER award, Microsoft Research New Faculty Fellowship, and several best paper awards at the premier HCI conferences (CHI and UIST).
  • 7. How to increase the quality of people’s creative work?
  • 8. Scott Klemmer’s research Example Search Insightful Rapidly Designing and Adaptation Prototyping Tools Alternatives
  • 9. Bricolage: Example-Based Retargeting for Web Design Ranjitha  Kumar,  Jerry  O.  Talton,  Salman  Ahmad,  and  Sco:  R.  Klemmer CHI:  ACM  Conference  on  Human  Factors  in  Compu6ng  Systems,  2011.  Best  Paper Step 1: bento page segmentation Step 2: collecting and analyzing human mapping Step 3: computing page mapping
  • 10.
  • 11. d.tour: Style-based Exploration of Design Example Galleries Daniel  Ritchie,  Ankita  Arvind  Kejriwal,  Sco:  R  Klemmer UIST:  ACM  Symposium  on  User  Interface  SoAware  and  Technology,  2011
  • 12. Blueprint Example-Centric Programming: Integrating Web Search into the Development Environment Joel  Brandt,  Mira  Dontcheva,  Marcos  Weskamp,  Sco:  R.  Klemmer CHI:  ACM  Conference  on  Human  Factors  in  Compu6ng  Systems,  2010.  Best  Paper  Nominee. 1. embedding search into the development environment 2. extracting code examples from Web pages and composing them in a consistent, code-centric search results view http://labs.adobe.com/technologies/blueprint/
  • 13. Creating and Comparing Alternatives Steven P Dow Assistant Professor at the HCI Institute at Carnegie Mellon University Prototyping Dynamics: Sharing Multiple Designs Improves Exploration, Group Rapport, and Results, Steven P. Dow, Julie Fortuna, Dan Schwartz, Beth Altringer, Daniel L. Schwartz, and Scott R. Klemmer. Conference on Human Factors in Computing Systems (CHI’11),Vancouver, BC, CAN, 2011. Parallel Prototyping Leads to Better Design Results, More Divergence, and Increased Self-Efficacy, Steven P. Dow, Alana Glassco, Jonathan Kass, Melissa Schwarz, Daniel L. Schwartz, Scott R. Klemmer. In ACM Transactions on Computer- Human Interaction, 17(4), 2010. The Efficacy of Prototyping Under Time Constraints, Steven P. Dow, Kate Heddleston, and Scott R. Klemmer. ACM SIGCHI Conf on Creativity and Cognition, Berkeley, CA, USA, 2009.