SlideShare a Scribd company logo
1 of 42
Centre for HCI Design
                                                    Centre for Creativity



Tools and Technologies for
Creativity and Innovation

HCID 2012
April 12th, 2012

Sara Jones
Centre for HCI Design and
Centre for Creativity in Professional Practice
City University London

s.v.jones@city.ac.uk
http://hcid.soi.city.ac.uk/people/Sarajones.html
@svjaok
Centre for HCI Design
                                                          Centre for Creativity



Outline

• What are creativity and innovation?

• What can tools and technologies do to support creativity and
  innovation?
Centre for HCI Design
                                      Centre for Creativity




  What is the technology/tool/thing that most
helps you, your team or your organisation to be
            creative or innovative?

                    Why?
Centre for HCI Design
                                      Centre for Creativity




Tools and techs do not offer a complete solution

             – but they can help!
Centre for HCI Design
                                  Centre for Creativity



Some definitions

                   Design
    Creativity              Innovation
Centre for HCI Design
 Centre for Creativity
Centre for HCI Design
                                                      Centre for Creativity



Some other creative processes
Poincare/Wallas   CPS model          IDEO         Shneiderman
1926              1963               2001         2000


                  Mess-finding
Preparation       Fact-finding       Understand   Collect
                  Problem-finding    Observe

Incubation
                                                  Relate
Illumination      Idea-finding       Visualise    Create
Verification      Solution-finding   Evaluate
                  Idea implementation Implement

                                                  Donate
Centre for HCI Design
                                                        Centre for Creativity


What makes creativity work




From Synecticsworld, Imagine, www.synecticsworld.com
Centre for HCI Design
                                                    Centre for Creativity



What stops creativity from working




From Synecticsworld, Imagine, www.synecticsworld.com
Centre for HCI Design
                                                 Centre for Creativity


More things that block creativity




           From Synecticsworld, Imagine, www.synecticsworld.com
Centre for HCI Design
                                                            Centre for Creativity



The challenge….

is to ‘preserve appropriate elements of existing knowledge work [creative
practice] while shaping new technologies and then integrating them into
the workplace’
                                                       Shneiderman, 2000


  let people carry on doing all the good stuff they’re doing, but better
Centre for HCI Design
                                                            Centre for Creativity


Some requirements for creativity support tools
• Ultimate ease of use – the tool should disappear
• Make it pleasurable and fun

•   Give access to examples for inspiration
•   Provide appropriate primitives for building new things
•   Allow for sketching, experimentation and what if reasoning
•   Allow for reflection

• Support many different styles, teams with different talents
• Allow development of shared representations
• Allow transitions from individual to group work and back again

• Allow open interchange between tools
Centre for HCI Design
                                                            Centre for Creativity


Lubart’s view of creativity support tools
• According to Lubart (2005), the computer has 4 potential roles in
  enhancing creativity:

 • Nanny: monitoring progress, planning etc

 • Pen-pal: facilitating networking, communication of ideas

 • Colleague: eg generation of novel but
   relevant ideas when humans are ‘stuck’


 • Coach: providing information about potentially useful
   techniques and sources of inspiration
Centre for HCI Design
                  Centre for Creativity




Coaching tools
Centre for HCI Design
                                          Centre for Creativity


IDEO method cards




                    IDEO method cards advise on how
                    and why to use many techniques
                    for creative design eg affinity
                    diagrams, collage, cultural probes

                    Available on mobile devices
Centre for HCI Design
                                          Centre for Creativity


Von Oech’s Creative Whack Pack
                        Creative Whack Pack contains
                        guidance on creative thinking
                        strategies eg simplify, see the big
                        picture, etc and how to apply them

                        Available on mobile devices
Centre for HCI Design
                                         Centre for Creativity



Thoughtoffice
                A comprehensive suite of tools including
                method guidance
Centre for HCI Design
                              Centre for Creativity




      Nannies and pen-pals
– organising and networking tools
Centre for HCI Design
                    Centre for Creativity


Freemind
           Free, Java-based
           mind mapping tool
Centre for HCI Design
                               Centre for Creativity


Mind Manager   Comprehensive suite of tools
               Supported by Tony Buzan
               Supports sharing and
               integration with other tools
               Includes some coaching

               Available on mobile devices
Centre for HCI Design
                    Centre for Creativity


Linoit
         Online media sharing
Centre for HCI Design
                           Centre for Creativity


Creately
           Online drawing tool with sharing
Centre for HCI Design
                                        Centre for Creativity


Twiddla   Online whiteboard/annotation tool with sharing
Centre for HCI Design
                        Centre for Creativity


Pearltrees
             Online web resource sharing
Centre for HCI Design
                                         Centre for Creativity


FacilitatePro
                Web meeting tool
                Structured around creative problem solving
                Support for brainstorming, voting, planning
Centre for HCI Design
                              Centre for Creativity



Halo
       High resolution telepresence
       Now integrated with mobile devices
Centre for HCI Design
                             Centre for Creativity




         Colleagues
– tools to help with the work
Centre for HCI Design
                                     Centre for Creativity

Random word generators
                         Random word generator:
                         supports many techniques
                         eg de Bono, 2007
Centre for HCI Design
                                      Centre for Creativity



Compendium

‘a knowledge map software tool for
visual thinking’ from the Open
University

We have used it in constraint
removal, to map out constraints,
ideas and their pros and cons
Centre for HCI Design
                                    Centre for Creativity


Combinformation   Generation of text and images from
                  given seed terms, from Texas A&M
                  University
                  We have used it for inspiration
Centre for HCI Design
                                                   Centre for Creativity


Creative Stickies
Application developed at City
for writing digital post-its on a
Microsoft Surface
• Study 1: more ideas in
    creative workshops than with
    Creative Stickies
• Study 2: private preparation
    and more space yielded
    more ideas
• Study 3: but paper post-its
    still preferred                 Study 1



                                              Study 2
Centre for HCI Design
                                            Centre for Creativity


Creative Design Stations
                           Work at City on using digital
                           technologies in physical spaces
                           To support creative design
Centre for Creativity in
                                               Professional HCI Design
                                                 Centre for Practice
                                                   Centre for Creativity

Carer
Application developed at City to support
 creativity in the care of people with
 dementia

• Creative thinking from cases of good
  dementia care practice
• Creative thinking from cases of good
  practice in analogical domains – other
  worlds
• Creative thinking from creativity triggers
  generated from cases
Centre for HCI Design
                             Centre for Creativity




Platforms for open innovation
Centre for HCI Design
                                         Centre for Creativity



Challenge-driven innovation
                              Example of challenge-driven
                              open innovation from E.ON
Centre for HCI Design
                                 Centre for Creativity


Open IDEO

            An open innovation platform
            Aimed at social innovation
            Can be used by members of the public
Centre for HCI Design
                                Centre for Creativity




So what tools are you actually using?
Centre for HCI Design
                                                          Centre for Creativity

 Designers Toolkit survey




http://blog.bestvendor.com/wp-content/uploads/2011/11/bv_designer_final.jpg
Centre for Creativity in
                                  Professional Practice
                                      Centre for HCI Design
                                       Centre for Creativity



Designers Toolkit survey - comments
Centre for HCI Design
                                   Centre for Creativity




Creativity is not just a set of skills

         - or a set of tools -

        it’s a state of mind
Centre for HCI Design
                                                     Centre for Creativity



Please get in touch!
Sara Jones
Centre for HCI Design and
Centre for Creativity in Professional Practice
City University London

s.v.jones@city.ac.uk
http://hcid.soi.city.ac.uk/people/Sarajones.html
http://creativity.city.ac.uk
@svjaok

Take a look at our
 Masters in Innovation, Creativity and Leadership
 Masters in Human Centred Systems
Centre for HCI Design
                                                         Centre for Creativity


References
• Shneiderman, B., 2000, ‘Creating Creativity: User Interfaces for
  Supporting Innovation’, ACM Transactions on Computer-Human
  Interaction, vol 7, no 1, pp114-138
• Lubart, T, 2005, ‘How can computers be partners in the creative
  process’, Int J Human-Computer Studies 63, pp365-369

More Related Content

What's hot

Ideo hcd toolkit_final_cc_superlr
Ideo hcd toolkit_final_cc_superlrIdeo hcd toolkit_final_cc_superlr
Ideo hcd toolkit_final_cc_superlr
Andrew Kaplan
 
IDEO Method Card
IDEO Method CardIDEO Method Card
IDEO Method Card
yhi-ling
 
Innovation workshops
Innovation workshopsInnovation workshops
Innovation workshops
MemeTime
 

What's hot (20)

Sc e book
Sc e bookSc e book
Sc e book
 
Welcome to Innovation Territory - ProductCamp Vancouver 2013
Welcome to Innovation Territory - ProductCamp Vancouver 2013Welcome to Innovation Territory - ProductCamp Vancouver 2013
Welcome to Innovation Territory - ProductCamp Vancouver 2013
 
Wicked problems in design thinking
Wicked problems in design thinkingWicked problems in design thinking
Wicked problems in design thinking
 
HCD Process
HCD ProcessHCD Process
HCD Process
 
Ideavibes Presentation to RSA London
Ideavibes Presentation to RSA LondonIdeavibes Presentation to RSA London
Ideavibes Presentation to RSA London
 
SeriouslyCreative Credentials (VISUAL)
SeriouslyCreative Credentials (VISUAL)SeriouslyCreative Credentials (VISUAL)
SeriouslyCreative Credentials (VISUAL)
 
Design Thinking - Workshop Sample
Design Thinking - Workshop SampleDesign Thinking - Workshop Sample
Design Thinking - Workshop Sample
 
Multi-dimensional: Building 21st Century Experiences for Financial Outcomes
Multi-dimensional:  Building 21st Century Experiences for Financial Outcomes Multi-dimensional:  Building 21st Century Experiences for Financial Outcomes
Multi-dimensional: Building 21st Century Experiences for Financial Outcomes
 
Ideo hcd toolkit_final_cc_superlr
Ideo hcd toolkit_final_cc_superlrIdeo hcd toolkit_final_cc_superlr
Ideo hcd toolkit_final_cc_superlr
 
R Sridhar on Creative Block Busting© - powerful way to get new ideas
R Sridhar on Creative Block Busting© - powerful way to get new ideasR Sridhar on Creative Block Busting© - powerful way to get new ideas
R Sridhar on Creative Block Busting© - powerful way to get new ideas
 
Beyond Design Thinking at DNA
Beyond Design Thinking at DNABeyond Design Thinking at DNA
Beyond Design Thinking at DNA
 
Design and Systematic New Value Creation
Design and Systematic New Value CreationDesign and Systematic New Value Creation
Design and Systematic New Value Creation
 
Driving Creative Innovation
Driving Creative InnovationDriving Creative Innovation
Driving Creative Innovation
 
IDEO Method Card
IDEO Method CardIDEO Method Card
IDEO Method Card
 
381 sspin2011 markwitkowski
381 sspin2011 markwitkowski381 sspin2011 markwitkowski
381 sspin2011 markwitkowski
 
Mgt 453 fall2012 summary
Mgt 453 fall2012 summary  Mgt 453 fall2012 summary
Mgt 453 fall2012 summary
 
Design Thinking - A critical review
Design Thinking - A critical reviewDesign Thinking - A critical review
Design Thinking - A critical review
 
Desing thinking workshop
Desing thinking workshopDesing thinking workshop
Desing thinking workshop
 
Innovation workshops
Innovation workshopsInnovation workshops
Innovation workshops
 
How to Recruit and Retain Top Talent - Insight into Building a Stellar Team
How to Recruit and Retain Top Talent - Insight into Building a Stellar TeamHow to Recruit and Retain Top Talent - Insight into Building a Stellar Team
How to Recruit and Retain Top Talent - Insight into Building a Stellar Team
 

Viewers also liked

Bulimia en las redes sociales
Bulimia en las redes socialesBulimia en las redes sociales
Bulimia en las redes sociales
Tania
 
Buzzards Bay Coalition 2014 Annual Report
Buzzards Bay Coalition 2014 Annual ReportBuzzards Bay Coalition 2014 Annual Report
Buzzards Bay Coalition 2014 Annual Report
Buzzards Bay Coalition
 

Viewers also liked (20)

Lg r510 akku
Lg r510 akkuLg r510 akku
Lg r510 akku
 
iBuilding
iBuildingiBuilding
iBuilding
 
Nota sectorial pescados y mariscos hungria sept 2011
Nota sectorial pescados y mariscos hungria sept 2011Nota sectorial pescados y mariscos hungria sept 2011
Nota sectorial pescados y mariscos hungria sept 2011
 
Bases fondo-descúbreme-2017
Bases fondo-descúbreme-2017Bases fondo-descúbreme-2017
Bases fondo-descúbreme-2017
 
Presentacion toledonline 29_03_2011
Presentacion toledonline 29_03_2011Presentacion toledonline 29_03_2011
Presentacion toledonline 29_03_2011
 
Handbook de
Handbook   deHandbook   de
Handbook de
 
Final Book _TSC
Final Book _TSCFinal Book _TSC
Final Book _TSC
 
Libro lima-2-yauyos
Libro lima-2-yauyosLibro lima-2-yauyos
Libro lima-2-yauyos
 
Diseño de una Herramienta para Soporte a la Difusión de Publicaciones y Colab...
Diseño de una Herramienta para Soporte a la Difusión de Publicaciones y Colab...Diseño de una Herramienta para Soporte a la Difusión de Publicaciones y Colab...
Diseño de una Herramienta para Soporte a la Difusión de Publicaciones y Colab...
 
Taller informatica semergen 2013
Taller informatica semergen 2013Taller informatica semergen 2013
Taller informatica semergen 2013
 
IBDG STRATEGY MEETING 2009 | FINANCIAL SECTOR IT
IBDG STRATEGY MEETING 2009 | FINANCIAL SECTOR ITIBDG STRATEGY MEETING 2009 | FINANCIAL SECTOR IT
IBDG STRATEGY MEETING 2009 | FINANCIAL SECTOR IT
 
Configuració de l'univers
Configuració de l'universConfiguració de l'univers
Configuració de l'univers
 
CV edelweiss
CV edelweissCV edelweiss
CV edelweiss
 
EMEDIADOR EN AMBIENTES AVA
EMEDIADOR EN AMBIENTES AVAEMEDIADOR EN AMBIENTES AVA
EMEDIADOR EN AMBIENTES AVA
 
Yoga Vidya Hauptkatalog 2015
Yoga Vidya Hauptkatalog 2015Yoga Vidya Hauptkatalog 2015
Yoga Vidya Hauptkatalog 2015
 
Catálogo 2017
Catálogo 2017Catálogo 2017
Catálogo 2017
 
Magnetismo
MagnetismoMagnetismo
Magnetismo
 
Bulimia en las redes sociales
Bulimia en las redes socialesBulimia en las redes sociales
Bulimia en las redes sociales
 
Aus caemology2
Aus   caemology2Aus   caemology2
Aus caemology2
 
Buzzards Bay Coalition 2014 Annual Report
Buzzards Bay Coalition 2014 Annual ReportBuzzards Bay Coalition 2014 Annual Report
Buzzards Bay Coalition 2014 Annual Report
 

Similar to HCID 2012 - Sara Jones

Importance of hci in multimedia courseware development (new)
Importance of hci in multimedia courseware development (new)Importance of hci in multimedia courseware development (new)
Importance of hci in multimedia courseware development (new)
Neo Ariey
 
Human Centered Design_toolkit
Human Centered Design_toolkitHuman Centered Design_toolkit
Human Centered Design_toolkit
camilabon
 
HYVE @ Barcamp Salzburg 2011 - the next web
HYVE @ Barcamp Salzburg 2011 - the next webHYVE @ Barcamp Salzburg 2011 - the next web
HYVE @ Barcamp Salzburg 2011 - the next web
Carina Thürridl
 
Om Ideværkstedet Sort Dk
Om Ideværkstedet Sort DkOm Ideværkstedet Sort Dk
Om Ideværkstedet Sort Dk
Jacob Vind
 

Similar to HCID 2012 - Sara Jones (20)

HCID 2012 - Graham Dove
HCID 2012 - Graham DoveHCID 2012 - Graham Dove
HCID 2012 - Graham Dove
 
Importance of hci in multimedia courseware development (new)
Importance of hci in multimedia courseware development (new)Importance of hci in multimedia courseware development (new)
Importance of hci in multimedia courseware development (new)
 
‘WIT’ - ‘WHAT IDEALITY TOOL’
‘WIT’ - ‘WHAT IDEALITY TOOL’‘WIT’ - ‘WHAT IDEALITY TOOL’
‘WIT’ - ‘WHAT IDEALITY TOOL’
 
ICLCity2013 Brainstorming and Other Crimes: a Detective Game to Support Creat...
ICLCity2013 Brainstorming and Other Crimes: a Detective Game to Support Creat...ICLCity2013 Brainstorming and Other Crimes: a Detective Game to Support Creat...
ICLCity2013 Brainstorming and Other Crimes: a Detective Game to Support Creat...
 
Human Centered Design_toolkit
Human Centered Design_toolkitHuman Centered Design_toolkit
Human Centered Design_toolkit
 
ASUS User Experience Innovation Workshop - v1.2
ASUS User Experience Innovation Workshop - v1.2ASUS User Experience Innovation Workshop - v1.2
ASUS User Experience Innovation Workshop - v1.2
 
Ann Rich: The Slow Hunch - Cultivating Customer Centric Acceleration through ...
Ann Rich: The Slow Hunch - Cultivating Customer Centric Acceleration through ...Ann Rich: The Slow Hunch - Cultivating Customer Centric Acceleration through ...
Ann Rich: The Slow Hunch - Cultivating Customer Centric Acceleration through ...
 
Social Product Development Primer from PDMA2011
Social Product Development Primer from PDMA2011Social Product Development Primer from PDMA2011
Social Product Development Primer from PDMA2011
 
Inncuvator
InncuvatorInncuvator
Inncuvator
 
DesignOps Handbook Condensed
DesignOps Handbook CondensedDesignOps Handbook Condensed
DesignOps Handbook Condensed
 
ASUS User Experience Innovation Workshop - v1.0
ASUS User Experience Innovation Workshop - v1.0ASUS User Experience Innovation Workshop - v1.0
ASUS User Experience Innovation Workshop - v1.0
 
Ideavibes Presentation at 2012 Online Research Methods Conference - London
Ideavibes Presentation at 2012 Online Research Methods Conference - LondonIdeavibes Presentation at 2012 Online Research Methods Conference - London
Ideavibes Presentation at 2012 Online Research Methods Conference - London
 
Design Thinking 101
Design Thinking 101Design Thinking 101
Design Thinking 101
 
Mechanical Designer2
Mechanical Designer2Mechanical Designer2
Mechanical Designer2
 
HYVE @ Barcamp Salzburg 2011 - the next web
HYVE @ Barcamp Salzburg 2011 - the next webHYVE @ Barcamp Salzburg 2011 - the next web
HYVE @ Barcamp Salzburg 2011 - the next web
 
A theoritical model construction in user research by empathic design with per...
A theoritical model construction in user research by empathic design with per...A theoritical model construction in user research by empathic design with per...
A theoritical model construction in user research by empathic design with per...
 
Human Centered Design
Human Centered DesignHuman Centered Design
Human Centered Design
 
Design Thinking as new strategic tool
Design Thinking as new strategic toolDesign Thinking as new strategic tool
Design Thinking as new strategic tool
 
Human-Centred Innovation - Why Market Researchers & Product Designers Should ...
Human-Centred Innovation - Why Market Researchers & Product Designers Should ...Human-Centred Innovation - Why Market Researchers & Product Designers Should ...
Human-Centred Innovation - Why Market Researchers & Product Designers Should ...
 
Om Ideværkstedet Sort Dk
Om Ideværkstedet Sort DkOm Ideværkstedet Sort Dk
Om Ideværkstedet Sort Dk
 

More from City University London

Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...
Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...
Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...
City University London
 
How to be Pixel Perfect (Replaces Making Accessibility Accessible) - Matt Gy...
How to be Pixel Perfect  (Replaces Making Accessibility Accessible) - Matt Gy...How to be Pixel Perfect  (Replaces Making Accessibility Accessible) - Matt Gy...
How to be Pixel Perfect (Replaces Making Accessibility Accessible) - Matt Gy...
City University London
 
Type on Screens: What to Consider and Why - Toshi Omagari, Monotype
Type on Screens: What to Consider and Why - Toshi Omagari, Monotype Type on Screens: What to Consider and Why - Toshi Omagari, Monotype
Type on Screens: What to Consider and Why - Toshi Omagari, Monotype
City University London
 
Storytelling applied to the digital context - Rebeca Miranda, System Concepts
Storytelling applied to the digital context - Rebeca Miranda, System ConceptsStorytelling applied to the digital context - Rebeca Miranda, System Concepts
Storytelling applied to the digital context - Rebeca Miranda, System Concepts
City University London
 

More from City University London (20)

Behind the Scenes of City Interaction Lab
Behind the Scenes of City Interaction LabBehind the Scenes of City Interaction Lab
Behind the Scenes of City Interaction Lab
 
HCID 2014: Join the geeks: why designers should contribute to Free and Open S...
HCID 2014: Join the geeks: why designers should contribute to Free and Open S...HCID 2014: Join the geeks: why designers should contribute to Free and Open S...
HCID 2014: Join the geeks: why designers should contribute to Free and Open S...
 
HCID 2014: 3D printing now and in the future. Martin Stevens & Trupti Patel, ...
HCID 2014: 3D printing now and in the future. Martin Stevens & Trupti Patel, ...HCID 2014: 3D printing now and in the future. Martin Stevens & Trupti Patel, ...
HCID 2014: 3D printing now and in the future. Martin Stevens & Trupti Patel, ...
 
HCID 2014: The Graphics Revolution and how Visual Effects became accessible t...
HCID 2014: The Graphics Revolution and how Visual Effects became accessible t...HCID 2014: The Graphics Revolution and how Visual Effects became accessible t...
HCID 2014: The Graphics Revolution and how Visual Effects became accessible t...
 
HCID 2014: Developing jewellery for the future. Dan Moller, Kovert Designs.
HCID 2014: Developing jewellery for the future. Dan Moller, Kovert Designs.HCID 2014: Developing jewellery for the future. Dan Moller, Kovert Designs.
HCID 2014: Developing jewellery for the future. Dan Moller, Kovert Designs.
 
HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.
HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.
HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.
 
HCID 2014: Defending users, helping businesses: the transactional aspects of ...
HCID 2014: Defending users, helping businesses: the transactional aspects of ...HCID 2014: Defending users, helping businesses: the transactional aspects of ...
HCID 2014: Defending users, helping businesses: the transactional aspects of ...
 
HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Mirand...
HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Mirand...HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Mirand...
HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Mirand...
 
HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless.
HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless.HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless.
HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless.
 
HCID2014: Personifying your portfolio. Nick Grantham, Source.
HCID2014: Personifying your portfolio. Nick Grantham, Source.HCID2014: Personifying your portfolio. Nick Grantham, Source.
HCID2014: Personifying your portfolio. Nick Grantham, Source.
 
HCID2014: In interfaces we trust? End user interactions with smart systems. D...
HCID2014: In interfaces we trust? End user interactions with smart systems. D...HCID2014: In interfaces we trust? End user interactions with smart systems. D...
HCID2014: In interfaces we trust? End user interactions with smart systems. D...
 
HCID2014: Evaluating the effects of a virtual communication environment for p...
HCID2014: Evaluating the effects of a virtual communication environment for p...HCID2014: Evaluating the effects of a virtual communication environment for p...
HCID2014: Evaluating the effects of a virtual communication environment for p...
 
HCID2014: Adapting to responsive web design. Matt Gibson, Cyber-duck
HCID2014: Adapting to responsive web design. Matt Gibson, Cyber-duckHCID2014: Adapting to responsive web design. Matt Gibson, Cyber-duck
HCID2014: Adapting to responsive web design. Matt Gibson, Cyber-duck
 
HCID2014: Accessibility primer. Joe Chidzik, Abilitynet
HCID2014: Accessibility primer. Joe Chidzik, AbilitynetHCID2014: Accessibility primer. Joe Chidzik, Abilitynet
HCID2014: Accessibility primer. Joe Chidzik, Abilitynet
 
HCID2014: How to involve children in design. Monica Ferraro, City University ...
HCID2014: How to involve children in design. Monica Ferraro, City University ...HCID2014: How to involve children in design. Monica Ferraro, City University ...
HCID2014: How to involve children in design. Monica Ferraro, City University ...
 
Robot study recruitment
Robot study recruitmentRobot study recruitment
Robot study recruitment
 
Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...
Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...
Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...
 
How to be Pixel Perfect (Replaces Making Accessibility Accessible) - Matt Gy...
How to be Pixel Perfect  (Replaces Making Accessibility Accessible) - Matt Gy...How to be Pixel Perfect  (Replaces Making Accessibility Accessible) - Matt Gy...
How to be Pixel Perfect (Replaces Making Accessibility Accessible) - Matt Gy...
 
Type on Screens: What to Consider and Why - Toshi Omagari, Monotype
Type on Screens: What to Consider and Why - Toshi Omagari, Monotype Type on Screens: What to Consider and Why - Toshi Omagari, Monotype
Type on Screens: What to Consider and Why - Toshi Omagari, Monotype
 
Storytelling applied to the digital context - Rebeca Miranda, System Concepts
Storytelling applied to the digital context - Rebeca Miranda, System ConceptsStorytelling applied to the digital context - Rebeca Miranda, System Concepts
Storytelling applied to the digital context - Rebeca Miranda, System Concepts
 

Recently uploaded

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Recently uploaded (20)

Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
Plant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxPlant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptx
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Philosophy of china and it's charactistics
Philosophy of china and it's charactisticsPhilosophy of china and it's charactistics
Philosophy of china and it's charactistics
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
Tatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsTatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf arts
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptx21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptx
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 

HCID 2012 - Sara Jones

  • 1. Centre for HCI Design Centre for Creativity Tools and Technologies for Creativity and Innovation HCID 2012 April 12th, 2012 Sara Jones Centre for HCI Design and Centre for Creativity in Professional Practice City University London s.v.jones@city.ac.uk http://hcid.soi.city.ac.uk/people/Sarajones.html @svjaok
  • 2. Centre for HCI Design Centre for Creativity Outline • What are creativity and innovation? • What can tools and technologies do to support creativity and innovation?
  • 3. Centre for HCI Design Centre for Creativity What is the technology/tool/thing that most helps you, your team or your organisation to be creative or innovative? Why?
  • 4. Centre for HCI Design Centre for Creativity Tools and techs do not offer a complete solution – but they can help!
  • 5. Centre for HCI Design Centre for Creativity Some definitions Design Creativity Innovation
  • 6. Centre for HCI Design Centre for Creativity
  • 7. Centre for HCI Design Centre for Creativity Some other creative processes Poincare/Wallas CPS model IDEO Shneiderman 1926 1963 2001 2000 Mess-finding Preparation Fact-finding Understand Collect Problem-finding Observe Incubation Relate Illumination Idea-finding Visualise Create Verification Solution-finding Evaluate Idea implementation Implement Donate
  • 8. Centre for HCI Design Centre for Creativity What makes creativity work From Synecticsworld, Imagine, www.synecticsworld.com
  • 9. Centre for HCI Design Centre for Creativity What stops creativity from working From Synecticsworld, Imagine, www.synecticsworld.com
  • 10. Centre for HCI Design Centre for Creativity More things that block creativity From Synecticsworld, Imagine, www.synecticsworld.com
  • 11. Centre for HCI Design Centre for Creativity The challenge…. is to ‘preserve appropriate elements of existing knowledge work [creative practice] while shaping new technologies and then integrating them into the workplace’ Shneiderman, 2000 let people carry on doing all the good stuff they’re doing, but better
  • 12. Centre for HCI Design Centre for Creativity Some requirements for creativity support tools • Ultimate ease of use – the tool should disappear • Make it pleasurable and fun • Give access to examples for inspiration • Provide appropriate primitives for building new things • Allow for sketching, experimentation and what if reasoning • Allow for reflection • Support many different styles, teams with different talents • Allow development of shared representations • Allow transitions from individual to group work and back again • Allow open interchange between tools
  • 13. Centre for HCI Design Centre for Creativity Lubart’s view of creativity support tools • According to Lubart (2005), the computer has 4 potential roles in enhancing creativity: • Nanny: monitoring progress, planning etc • Pen-pal: facilitating networking, communication of ideas • Colleague: eg generation of novel but relevant ideas when humans are ‘stuck’ • Coach: providing information about potentially useful techniques and sources of inspiration
  • 14. Centre for HCI Design Centre for Creativity Coaching tools
  • 15. Centre for HCI Design Centre for Creativity IDEO method cards IDEO method cards advise on how and why to use many techniques for creative design eg affinity diagrams, collage, cultural probes Available on mobile devices
  • 16. Centre for HCI Design Centre for Creativity Von Oech’s Creative Whack Pack Creative Whack Pack contains guidance on creative thinking strategies eg simplify, see the big picture, etc and how to apply them Available on mobile devices
  • 17. Centre for HCI Design Centre for Creativity Thoughtoffice A comprehensive suite of tools including method guidance
  • 18. Centre for HCI Design Centre for Creativity Nannies and pen-pals – organising and networking tools
  • 19. Centre for HCI Design Centre for Creativity Freemind Free, Java-based mind mapping tool
  • 20. Centre for HCI Design Centre for Creativity Mind Manager Comprehensive suite of tools Supported by Tony Buzan Supports sharing and integration with other tools Includes some coaching Available on mobile devices
  • 21. Centre for HCI Design Centre for Creativity Linoit Online media sharing
  • 22. Centre for HCI Design Centre for Creativity Creately Online drawing tool with sharing
  • 23. Centre for HCI Design Centre for Creativity Twiddla Online whiteboard/annotation tool with sharing
  • 24. Centre for HCI Design Centre for Creativity Pearltrees Online web resource sharing
  • 25. Centre for HCI Design Centre for Creativity FacilitatePro Web meeting tool Structured around creative problem solving Support for brainstorming, voting, planning
  • 26. Centre for HCI Design Centre for Creativity Halo High resolution telepresence Now integrated with mobile devices
  • 27. Centre for HCI Design Centre for Creativity Colleagues – tools to help with the work
  • 28. Centre for HCI Design Centre for Creativity Random word generators Random word generator: supports many techniques eg de Bono, 2007
  • 29. Centre for HCI Design Centre for Creativity Compendium ‘a knowledge map software tool for visual thinking’ from the Open University We have used it in constraint removal, to map out constraints, ideas and their pros and cons
  • 30. Centre for HCI Design Centre for Creativity Combinformation Generation of text and images from given seed terms, from Texas A&M University We have used it for inspiration
  • 31. Centre for HCI Design Centre for Creativity Creative Stickies Application developed at City for writing digital post-its on a Microsoft Surface • Study 1: more ideas in creative workshops than with Creative Stickies • Study 2: private preparation and more space yielded more ideas • Study 3: but paper post-its still preferred Study 1 Study 2
  • 32. Centre for HCI Design Centre for Creativity Creative Design Stations Work at City on using digital technologies in physical spaces To support creative design
  • 33. Centre for Creativity in Professional HCI Design Centre for Practice Centre for Creativity Carer Application developed at City to support creativity in the care of people with dementia • Creative thinking from cases of good dementia care practice • Creative thinking from cases of good practice in analogical domains – other worlds • Creative thinking from creativity triggers generated from cases
  • 34. Centre for HCI Design Centre for Creativity Platforms for open innovation
  • 35. Centre for HCI Design Centre for Creativity Challenge-driven innovation Example of challenge-driven open innovation from E.ON
  • 36. Centre for HCI Design Centre for Creativity Open IDEO An open innovation platform Aimed at social innovation Can be used by members of the public
  • 37. Centre for HCI Design Centre for Creativity So what tools are you actually using?
  • 38. Centre for HCI Design Centre for Creativity Designers Toolkit survey http://blog.bestvendor.com/wp-content/uploads/2011/11/bv_designer_final.jpg
  • 39. Centre for Creativity in Professional Practice Centre for HCI Design Centre for Creativity Designers Toolkit survey - comments
  • 40. Centre for HCI Design Centre for Creativity Creativity is not just a set of skills - or a set of tools - it’s a state of mind
  • 41. Centre for HCI Design Centre for Creativity Please get in touch! Sara Jones Centre for HCI Design and Centre for Creativity in Professional Practice City University London s.v.jones@city.ac.uk http://hcid.soi.city.ac.uk/people/Sarajones.html http://creativity.city.ac.uk @svjaok Take a look at our Masters in Innovation, Creativity and Leadership Masters in Human Centred Systems
  • 42. Centre for HCI Design Centre for Creativity References • Shneiderman, B., 2000, ‘Creating Creativity: User Interfaces for Supporting Innovation’, ACM Transactions on Computer-Human Interaction, vol 7, no 1, pp114-138 • Lubart, T, 2005, ‘How can computers be partners in the creative process’, Int J Human-Computer Studies 63, pp365-369

Editor's Notes

  1. Potted summary of material I teach for MICL and HCS Masters.History of work on creativity since 2001 – not on these slides – its on slides that found their way onto the internet after last year’s open day.What are C & I1) What do they mean to you? What makes you creative?2) What do we know from the literature? What are the definitions and models of C&I What are the different stages in creativity (and innovation)? What do we know about how to make these work (+ve atmosphere etc) What are the different contexts where we’re trying to be creative and innovative? What are the requirements for creativity support tools?What can tools and techs do to support creativity and innovation?3) What tools are out there and what have we/our students done with them? ‘Commercial’ tools research prototypes Do they fulfill the requirements?4) What tools are people actually using?
  2. … the ability to produce work that is both novel (i.e. original, unexpected) and appropriate (i.e. useful, adaptive concerning task constraints).Sternberg and Lubart, 1999
  3. Just like HCI except:Maybe different measures (what does effectiveness and efficiency mean in this context?)Very broad – need to think about designing the environment as well as both computer-based and non-computer-based toolsAnd what kind of user experience should we be trying to give users of creativity support tools – what is a creative experience? What are the pre-requisites for creativity?
  4. Ease of use applies at the individual level – don’t waste cognitive resources – at the group level – implement control and awareness in a way that mimics physical world – and when distributed – don’t force behaviour changes of the kind that will disrupt creative processesSome exceptions eg of procedural aspects: Is turn-taking natural or facilitated? ‘each of the techniques for boosting group brainstorming effectiveness, from keeping teammembers anonymous to providing a trained leader for structuring the team process, describes ways to either remove or control the interaction that naturally occurs in teams’ (Kurtzberg and Amabile, 2001)
  5. http://www.youtube.com/watch?v=g5jQlKkj-XU&NR=1
  6. http://sourceforge.net/projects/freemind/Freemindis a Java-based mind mapping package available for Windows, Mac and Linux.exports to PDF and the obscure scalable vector graphics format as well as the likes of HTML, JPEG and PNG.
  7. http://www.mindjet.com/products/mindmanager-8-win/overview£63MindManager has the support of the inventor of the term Mind Map, the great popularizer of the concept mapping approach, Tony Buzan. It's a professional piece of software with a comparable feel both in solidity and usability to Microsoft Office, and featuring good support for producing excellent looking graphical maps. These can be exported to a wide range of formats from JPG to RTF and HTML. One of the great features of MindManager is the excellent range of built-in pictures and icons for enhancing your mind maps.® Mind Map is registered trade mark of Tony Buzan.NEW Mindjet Player converts maps in to interactive pdf or flash filesNEW View and edit attached Microsoft Word, Excel, Project and PowerPoint files within MindManagerNEW Integrated web content and embedded web browserNEW Powerful search and database linking tools, plus automated task managementDisplay and synchronize Microsoft Outlook E-mail, Contacts, Calendar, Tasks, Notes and Folders in mapsMindManager 8 uses mind-mapping technology to let you capture, organize, and communicate information using an intuitive visual canvas. Consolidate vast amounts of data and ideas from multiple sources - including the Internet and databases - onto a single map. With the new integrated browser, search and editing features, you can stay focused on your task by staying in one application. Track your projects with greater ease with automated calculations of task progress. And now communicate your vision and ideas by transforming your map into a clickable Adobe PDF or Flash file. Work smarter and transform your ideas into action more quickly.
  8. http://linoit.com/homeThoughts?
  9. http://creately.com/video
  10. http://www.youtube.com/watch?v=noG74xfBp8Y
  11. http://www.pearltrees.com/#/N-play=1&N-fa=80257&N-u=1_7180&N-p=570274&N-s=1_37798&N-f=1_37798See alsoLucidchartPoppletTrelloConsiderable overlap of features – see what suits you best!
  12. Halo – $250K, designed to create the seamless effect of being in the same room eg can get non-verbal cues. Halo manages network and conference rooms. V high res telepresence. High res camera overhead for talking about products etc. Dedicated network?http://www.humanproductivitylab.com/archive_blogs/2007/08/28/hp_halo_releases_hp_meeting_ro.php 2007 - intro to Halo facilityhttp://h30418.www3.hp.com/?fr_chl=ef468fa27ad44347cadf483bfed20e3d225b405a&rf=sitemap – video (actually audio) about Halo facilitieshttp://h71028.www7.hp.com/enterprise/downloads/Video%20Collab%20Center%20Hammy%20-%20US.pdf – handy flier with key featuresJune 2011, acquired by Polycom, partnered with Microsoft, launching Video ExchangePLEASANTON, Calif. - Sep 14, 2011 :Polycom, Inc. (Nasdaq: PLCM), the global leader in standards-based unified communications (UC), today unveiled a software strategy to bring secure HD video collaboration to the broadest range of business, video, mobile, and social networking applications through standards-based infrastructure delivered on-premises, hosted, or with service providers from the "video cloud." Polycom believes this strategy will redefine the unified communications market, accelerate the adoption of Polycom software (from infrastructure to the edge), and establish Polycom as the default choice of customers and partners for open UC and HD video collaboration solutions that work together seamlessly across any application, protocol, call control system, or end point. The software strategy is a key component of Polycom's growth strategy with the objective of growing revenue from the company's current run rate of approximately $1.5 billion to $3 billion in the next few years.
  13. http://watchout4snakes.com/creativitytools/RandomWord/RandomWordPlus.aspx
  14. http://compendium.open.ac.uk/openlearn/screencasts.html
  15. http://ecologylab.cse.tamu.edu/old/index.html
  16. Different space - tablesdifferent capabilities - no videoDifferent training
  17. Open innovation is the use of both internal and external knowledge to fuel innovation, and both internal and external paths to commercialize new products and business models.http://www.openinnovators.netbased on Henry Chesbrough (2003)The interesting thing is the scale on which this can now happen, given our networked and IT literate world.
  18. Survey of ‘design and creative professionals’ in small companies in US, Europe etc Nov 2011http://blog.bestvendor.com/wp-content/uploads/2011/11/bv_designer_final.jpg
  19. You can gain a lot from a few general-purpose tools that are well-developed and therefore satisfy a lot of the requirements (no learning curve, ease of use, fluidity etc). For general-purpose creativity and innovation use these. For creativity in a specific domain eg architecture, worth investing effort in learning domain-specific tools.