SlideShare a Scribd company logo
1 of 35
Open Studio
       Re-thinking interface design
Joe Baskerville, Eleanor Rudge, Sita Vickery
                   Cogapp
Outline
   Decreasing complexity
   Some good and bad UI
2 case studies ICA and Tate
    Mobile first manifesto
UI
A user interface is the system by which people interact with a machine/system

                   Allow the users to manipulate a system

               Indicate the effects of the users' manipulation
Decreasing complexity
Some good and bad UI
Good design...
...Is as little design as possible.

         Dieter Rams
1996   1998   1999   2000




2004   2007   2010   2012
2 case studies ICA and Tate
Mobile first manifesto
Re-think teams; maximise collaboration.

Make things that work; prototype early

(Maybe) start from a mobile screen; focus
down your feature set, what is going to make
the most impact on users. It’s harder to
remove things than add things.

Iterate; Sprints can help weed out
unnecessary features.

More Related Content

What's hot

Human computer interaction by gazegaze
Human computer interaction by gazegazeHuman computer interaction by gazegaze
Human computer interaction by gazegazegazegaze1234
 
Human computer interaction Semester 1
Human computer interaction Semester 1Human computer interaction Semester 1
Human computer interaction Semester 1HARISA MARDIANA
 
Interfaces to ubiquitous computing
Interfaces to ubiquitous computingInterfaces to ubiquitous computing
Interfaces to ubiquitous computingswati sonawane
 
Interaction design beyond human computer interaction
Interaction design beyond human computer interactionInteraction design beyond human computer interaction
Interaction design beyond human computer interactionKenny Nguyen
 
HUMAN COMPUTER INTERACTION
HUMAN COMPUTER INTERACTIONHUMAN COMPUTER INTERACTION
HUMAN COMPUTER INTERACTIONshahrul aizat
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)apppsych
 
Micro interactions and multi dimensional graphical user interfaces in the des...
Micro interactions and multi dimensional graphical user interfaces in the des...Micro interactions and multi dimensional graphical user interfaces in the des...
Micro interactions and multi dimensional graphical user interfaces in the des...Vivian Motti
 
Human computer interaction
Human computer interactionHuman computer interaction
Human computer interactionMayuresh Singh
 
Disruption isn't Digital (Digital strategy Summit Sydney 2015 Keynote)
Disruption isn't Digital (Digital strategy Summit Sydney 2015 Keynote)Disruption isn't Digital (Digital strategy Summit Sydney 2015 Keynote)
Disruption isn't Digital (Digital strategy Summit Sydney 2015 Keynote)Kurt Solarte
 
What is Human Computer Interraction
What is Human Computer InterractionWhat is Human Computer Interraction
What is Human Computer Interractionpraeeth palliyaguru
 
Human Computer Interaction (HCI)
Human Computer Interaction (HCI) Human Computer Interaction (HCI)
Human Computer Interaction (HCI) Sachith Perera
 
UX for Connected Products: EuroIA16
UX for Connected Products: EuroIA16UX for Connected Products: EuroIA16
UX for Connected Products: EuroIA16Claire Rowland
 
Introduction hci
Introduction hciIntroduction hci
Introduction hcisawsan slii
 
Over the Air 15: Experience design for the IoT: system UX & interusability 15...
Over the Air 15: Experience design for the IoT: system UX & interusability 15...Over the Air 15: Experience design for the IoT: system UX & interusability 15...
Over the Air 15: Experience design for the IoT: system UX & interusability 15...Claire Rowland
 

What's hot (20)

Thai hci
Thai hciThai hci
Thai hci
 
Human computer interaction by gazegaze
Human computer interaction by gazegazeHuman computer interaction by gazegaze
Human computer interaction by gazegaze
 
Human computer interaction Semester 1
Human computer interaction Semester 1Human computer interaction Semester 1
Human computer interaction Semester 1
 
Interfaces to ubiquitous computing
Interfaces to ubiquitous computingInterfaces to ubiquitous computing
Interfaces to ubiquitous computing
 
Human Computer Interaction of an Information System
Human Computer Interaction of an Information SystemHuman Computer Interaction of an Information System
Human Computer Interaction of an Information System
 
HCI Basics
HCI BasicsHCI Basics
HCI Basics
 
Interaction design beyond human computer interaction
Interaction design beyond human computer interactionInteraction design beyond human computer interaction
Interaction design beyond human computer interaction
 
HCI
HCIHCI
HCI
 
HCI
HCIHCI
HCI
 
HUMAN COMPUTER INTERACTION
HUMAN COMPUTER INTERACTIONHUMAN COMPUTER INTERACTION
HUMAN COMPUTER INTERACTION
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)
 
Micro interactions and multi dimensional graphical user interfaces in the des...
Micro interactions and multi dimensional graphical user interfaces in the des...Micro interactions and multi dimensional graphical user interfaces in the des...
Micro interactions and multi dimensional graphical user interfaces in the des...
 
Human computer interaction
Human computer interactionHuman computer interaction
Human computer interaction
 
Disruption isn't Digital (Digital strategy Summit Sydney 2015 Keynote)
Disruption isn't Digital (Digital strategy Summit Sydney 2015 Keynote)Disruption isn't Digital (Digital strategy Summit Sydney 2015 Keynote)
Disruption isn't Digital (Digital strategy Summit Sydney 2015 Keynote)
 
What is Human Computer Interraction
What is Human Computer InterractionWhat is Human Computer Interraction
What is Human Computer Interraction
 
Human Computer Interaction (HCI)
Human Computer Interaction (HCI) Human Computer Interaction (HCI)
Human Computer Interaction (HCI)
 
UX for Connected Products: EuroIA16
UX for Connected Products: EuroIA16UX for Connected Products: EuroIA16
UX for Connected Products: EuroIA16
 
Hci Overview
Hci OverviewHci Overview
Hci Overview
 
Introduction hci
Introduction hciIntroduction hci
Introduction hci
 
Over the Air 15: Experience design for the IoT: system UX & interusability 15...
Over the Air 15: Experience design for the IoT: system UX & interusability 15...Over the Air 15: Experience design for the IoT: system UX & interusability 15...
Over the Air 15: Experience design for the IoT: system UX & interusability 15...
 

Viewers also liked

Announcements, 1/4/15
Announcements, 1/4/15Announcements, 1/4/15
Announcements, 1/4/15CLADSM
 
In His Grip Slides, 1/13/13
In His Grip Slides, 1/13/13In His Grip Slides, 1/13/13
In His Grip Slides, 1/13/13CLADSM
 
Leveraging Solr and Mahout
Leveraging Solr and MahoutLeveraging Solr and Mahout
Leveraging Solr and MahoutGrant Ingersoll
 
God Cares About Your Job Slides, 9/2/12
God Cares About Your Job Slides, 9/2/12God Cares About Your Job Slides, 9/2/12
God Cares About Your Job Slides, 9/2/12CLADSM
 
A Skills Beyond School Review of Korea
A Skills Beyond School Review of KoreaA Skills Beyond School Review of Korea
A Skills Beyond School Review of KoreaEduSkills OECD
 
Meiji gakuin univ_28oct2012
Meiji gakuin univ_28oct2012Meiji gakuin univ_28oct2012
Meiji gakuin univ_28oct2012hkano
 
Nautilus Overview
Nautilus OverviewNautilus Overview
Nautilus Overviewwsass
 
Solitary Refinement Slides, 5/30/10
Solitary Refinement Slides, 5/30/10Solitary Refinement Slides, 5/30/10
Solitary Refinement Slides, 5/30/10CLADSM
 
Announcements, 11/3/13
Announcements, 11/3/13Announcements, 11/3/13
Announcements, 11/3/13CLADSM
 
Partnerships in VET - An Employer's Perspective - The Future in Your Hands 2...
Partnerships in VET - An Employer's Perspective - The Future in  Your Hands 2...Partnerships in VET - An Employer's Perspective - The Future in  Your Hands 2...
Partnerships in VET - An Employer's Perspective - The Future in Your Hands 2...EduSkills OECD
 
Melanoma screening 1
Melanoma screening 1Melanoma screening 1
Melanoma screening 1Ludwig Eckl
 
Citizenship Slides, 4/27/14
Citizenship Slides, 4/27/14Citizenship Slides, 4/27/14
Citizenship Slides, 4/27/14CLADSM
 

Viewers also liked (20)

Announcements, 1/4/15
Announcements, 1/4/15Announcements, 1/4/15
Announcements, 1/4/15
 
Uu nomor 6 tahun 2014 tentang desa
Uu nomor 6 tahun 2014 tentang desaUu nomor 6 tahun 2014 tentang desa
Uu nomor 6 tahun 2014 tentang desa
 
In His Grip Slides, 1/13/13
In His Grip Slides, 1/13/13In His Grip Slides, 1/13/13
In His Grip Slides, 1/13/13
 
R U professional/anybody?
R U professional/anybody?R U professional/anybody?
R U professional/anybody?
 
DYN
DYNDYN
DYN
 
Leveraging Solr and Mahout
Leveraging Solr and MahoutLeveraging Solr and Mahout
Leveraging Solr and Mahout
 
Lifelong learning leadership
Lifelong learning leadershipLifelong learning leadership
Lifelong learning leadership
 
God Cares About Your Job Slides, 9/2/12
God Cares About Your Job Slides, 9/2/12God Cares About Your Job Slides, 9/2/12
God Cares About Your Job Slides, 9/2/12
 
A Skills Beyond School Review of Korea
A Skills Beyond School Review of KoreaA Skills Beyond School Review of Korea
A Skills Beyond School Review of Korea
 
Rakyat Tanpa Negara
Rakyat Tanpa NegaraRakyat Tanpa Negara
Rakyat Tanpa Negara
 
Meiji gakuin univ_28oct2012
Meiji gakuin univ_28oct2012Meiji gakuin univ_28oct2012
Meiji gakuin univ_28oct2012
 
Nautilus Overview
Nautilus OverviewNautilus Overview
Nautilus Overview
 
PTH Magazine
PTH MagazinePTH Magazine
PTH Magazine
 
Solitary Refinement Slides, 5/30/10
Solitary Refinement Slides, 5/30/10Solitary Refinement Slides, 5/30/10
Solitary Refinement Slides, 5/30/10
 
Passover pesach pascha
Passover pesach paschaPassover pesach pascha
Passover pesach pascha
 
Announcements, 11/3/13
Announcements, 11/3/13Announcements, 11/3/13
Announcements, 11/3/13
 
Partnerships in VET - An Employer's Perspective - The Future in Your Hands 2...
Partnerships in VET - An Employer's Perspective - The Future in  Your Hands 2...Partnerships in VET - An Employer's Perspective - The Future in  Your Hands 2...
Partnerships in VET - An Employer's Perspective - The Future in Your Hands 2...
 
Melanoma screening 1
Melanoma screening 1Melanoma screening 1
Melanoma screening 1
 
Perjalanan Menuju Sukses
Perjalanan Menuju SuksesPerjalanan Menuju Sukses
Perjalanan Menuju Sukses
 
Citizenship Slides, 4/27/14
Citizenship Slides, 4/27/14Citizenship Slides, 4/27/14
Citizenship Slides, 4/27/14
 

Similar to Cogapp Open Studios 2012 - Rethinking Interfaces

Introduction to Prototyping: What, Why, How
Introduction to Prototyping: What, Why, HowIntroduction to Prototyping: What, Why, How
Introduction to Prototyping: What, Why, HowAbdallah El Ali
 
Anne Thomas Manes Using User Experience
Anne  Thomas Manes    Using User ExperienceAnne  Thomas Manes    Using User Experience
Anne Thomas Manes Using User ExperienceSOA Symposium
 
Multi-Touch System
Multi-Touch SystemMulti-Touch System
Multi-Touch Systemkerry14cn
 
hcid2011 - Gesture Based Interfaces: Jacques chueke (HCID, City University L...
hcid2011 -  Gesture Based Interfaces: Jacques chueke (HCID, City University L...hcid2011 -  Gesture Based Interfaces: Jacques chueke (HCID, City University L...
hcid2011 - Gesture Based Interfaces: Jacques chueke (HCID, City University L...City University London
 
Interactive Machine Learning
Interactive Machine LearningInteractive Machine Learning
Interactive Machine Learningbutest
 
Virtual reality
Virtual realityVirtual reality
Virtual realityMayurpa
 
Mobile Natural Interaction
Mobile Natural InteractionMobile Natural Interaction
Mobile Natural InteractionLuca Mascaro
 
INTERACTIVE WHITEBOARD SOLUTIONS
INTERACTIVE WHITEBOARD SOLUTIONSINTERACTIVE WHITEBOARD SOLUTIONS
INTERACTIVE WHITEBOARD SOLUTIONSHelder Lopes
 
Apple Study: 8 easy steps to beat Microsoft (and Google)
Apple Study: 8 easy steps to beat Microsoft (and Google)Apple Study: 8 easy steps to beat Microsoft (and Google)
Apple Study: 8 easy steps to beat Microsoft (and Google)Charles-Axel Dein
 
Apple: 8 easy steps to beat Microsoft (and Google)
Apple: 8 easy steps to beat Microsoft (and Google)Apple: 8 easy steps to beat Microsoft (and Google)
Apple: 8 easy steps to beat Microsoft (and Google)Fabernovel
 
Modelling the User Interface
Modelling the User InterfaceModelling the User Interface
Modelling the User InterfacePedro J. Molina
 
[I3 d]03 interactivity
[I3 d]03 interactivity[I3 d]03 interactivity
[I3 d]03 interactivityjylee6977
 
10+1 interaction principles on moible ui
10+1 interaction principles on moible ui10+1 interaction principles on moible ui
10+1 interaction principles on moible uibullfrogdesign
 
10+1 interaction principles on moible ui
10+1 interaction principles on moible ui10+1 interaction principles on moible ui
10+1 interaction principles on moible uibullfrogdesign
 
"APE: Learning User's Habits to Automate Repetitive Tasks"
"APE: Learning User's Habits to Automate Repetitive Tasks""APE: Learning User's Habits to Automate Repetitive Tasks"
"APE: Learning User's Habits to Automate Repetitive Tasks"butest
 
Istance Designing Gaze Gestures For Gaming An Investigation Of Performance
Istance Designing Gaze Gestures For Gaming An Investigation Of PerformanceIstance Designing Gaze Gestures For Gaming An Investigation Of Performance
Istance Designing Gaze Gestures For Gaming An Investigation Of PerformanceKalle
 

Similar to Cogapp Open Studios 2012 - Rethinking Interfaces (20)

1
11
1
 
Introduction to Prototyping: What, Why, How
Introduction to Prototyping: What, Why, HowIntroduction to Prototyping: What, Why, How
Introduction to Prototyping: What, Why, How
 
Anne Thomas Manes Using User Experience
Anne  Thomas Manes    Using User ExperienceAnne  Thomas Manes    Using User Experience
Anne Thomas Manes Using User Experience
 
Multi-Touch System
Multi-Touch SystemMulti-Touch System
Multi-Touch System
 
hcid2011 - Gesture Based Interfaces: Jacques chueke (HCID, City University L...
hcid2011 -  Gesture Based Interfaces: Jacques chueke (HCID, City University L...hcid2011 -  Gesture Based Interfaces: Jacques chueke (HCID, City University L...
hcid2011 - Gesture Based Interfaces: Jacques chueke (HCID, City University L...
 
Interactive Machine Learning
Interactive Machine LearningInteractive Machine Learning
Interactive Machine Learning
 
Worldkit System
Worldkit SystemWorldkit System
Worldkit System
 
Virtual reality
Virtual realityVirtual reality
Virtual reality
 
Mobile Natural Interaction
Mobile Natural InteractionMobile Natural Interaction
Mobile Natural Interaction
 
INTERACTIVE WHITEBOARD SOLUTIONS
INTERACTIVE WHITEBOARD SOLUTIONSINTERACTIVE WHITEBOARD SOLUTIONS
INTERACTIVE WHITEBOARD SOLUTIONS
 
Apple Study: 8 easy steps to beat Microsoft (and Google)
Apple Study: 8 easy steps to beat Microsoft (and Google)Apple Study: 8 easy steps to beat Microsoft (and Google)
Apple Study: 8 easy steps to beat Microsoft (and Google)
 
Apple: 8 easy steps to beat Microsoft (and Google)
Apple: 8 easy steps to beat Microsoft (and Google)Apple: 8 easy steps to beat Microsoft (and Google)
Apple: 8 easy steps to beat Microsoft (and Google)
 
07 interface design
07 interface design07 interface design
07 interface design
 
Modelling the User Interface
Modelling the User InterfaceModelling the User Interface
Modelling the User Interface
 
[I3 d]03 interactivity
[I3 d]03 interactivity[I3 d]03 interactivity
[I3 d]03 interactivity
 
10+1 interaction principles on moible ui
10+1 interaction principles on moible ui10+1 interaction principles on moible ui
10+1 interaction principles on moible ui
 
10+1 interaction principles on moible ui
10+1 interaction principles on moible ui10+1 interaction principles on moible ui
10+1 interaction principles on moible ui
 
Interaction Paradigms
Interaction ParadigmsInteraction Paradigms
Interaction Paradigms
 
"APE: Learning User's Habits to Automate Repetitive Tasks"
"APE: Learning User's Habits to Automate Repetitive Tasks""APE: Learning User's Habits to Automate Repetitive Tasks"
"APE: Learning User's Habits to Automate Repetitive Tasks"
 
Istance Designing Gaze Gestures For Gaming An Investigation Of Performance
Istance Designing Gaze Gestures For Gaming An Investigation Of PerformanceIstance Designing Gaze Gestures For Gaming An Investigation Of Performance
Istance Designing Gaze Gestures For Gaming An Investigation Of Performance
 

More from Cogapp

When automated analysis goes wrong
When automated analysis goes wrongWhen automated analysis goes wrong
When automated analysis goes wrongCogapp
 
Thinking Through Digital: Top tips for designing projects and working with te...
Thinking Through Digital: Top tips for designing projects and working with te...Thinking Through Digital: Top tips for designing projects and working with te...
Thinking Through Digital: Top tips for designing projects and working with te...Cogapp
 
Digital Strategy for Museums 2016
Digital Strategy for Museums 2016Digital Strategy for Museums 2016
Digital Strategy for Museums 2016Cogapp
 
Challenges and opportunities for presenting Arabic manuscripts online
Challenges and opportunities for presenting Arabic manuscripts onlineChallenges and opportunities for presenting Arabic manuscripts online
Challenges and opportunities for presenting Arabic manuscripts onlineCogapp
 
Creating compelling user interfaces
Creating compelling user interfacesCreating compelling user interfaces
Creating compelling user interfacesCogapp
 
Everything you ever wanted to know about IIIF but were too afraid to ask
Everything you ever wanted to know about IIIF but were too afraid to askEverything you ever wanted to know about IIIF but were too afraid to ask
Everything you ever wanted to know about IIIF but were too afraid to askCogapp
 
MW16 IIIF: Unshackle Your Images
MW16 IIIF: Unshackle Your ImagesMW16 IIIF: Unshackle Your Images
MW16 IIIF: Unshackle Your ImagesCogapp
 
Transform your museum with Agile
Transform your museum with AgileTransform your museum with Agile
Transform your museum with AgileCogapp
 
Digital: from Idea to Audience - Opportunities for Digital Excellence with a ...
Digital: from Idea to Audience - Opportunities for Digital Excellence with a ...Digital: from Idea to Audience - Opportunities for Digital Excellence with a ...
Digital: from Idea to Audience - Opportunities for Digital Excellence with a ...Cogapp
 
IIIF The International Image Interoperability Framework at MCN2015
IIIF The International Image Interoperability Framework at MCN2015IIIF The International Image Interoperability Framework at MCN2015
IIIF The International Image Interoperability Framework at MCN2015Cogapp
 
Making Meaning with Online Collections: Ten Top Tips
Making Meaning with Online Collections: Ten Top TipsMaking Meaning with Online Collections: Ten Top Tips
Making Meaning with Online Collections: Ten Top TipsCogapp
 
Agile for Beginners and Thrillseekers - MuseumNext 2015 Geneva
Agile for Beginners and Thrillseekers - MuseumNext 2015 GenevaAgile for Beginners and Thrillseekers - MuseumNext 2015 Geneva
Agile for Beginners and Thrillseekers - MuseumNext 2015 GenevaCogapp
 
Scaling Drupal on Amazon Web Services (DrupalCamp Brighton)
Scaling Drupal on Amazon Web Services (DrupalCamp Brighton)Scaling Drupal on Amazon Web Services (DrupalCamp Brighton)
Scaling Drupal on Amazon Web Services (DrupalCamp Brighton)Cogapp
 
Building Multilingual Websites with Drupal (DrupalCamp Brighton)
Building Multilingual Websites with Drupal (DrupalCamp Brighton)Building Multilingual Websites with Drupal (DrupalCamp Brighton)
Building Multilingual Websites with Drupal (DrupalCamp Brighton)Cogapp
 
Test-driven Development with Drupal and Codeception (DrupalCamp Brighton)
Test-driven Development with Drupal and Codeception (DrupalCamp Brighton)Test-driven Development with Drupal and Codeception (DrupalCamp Brighton)
Test-driven Development with Drupal and Codeception (DrupalCamp Brighton)Cogapp
 
Rich storytelling with Drupal, Paragraphs and Islandora DAMS (DrupalCamp Brig...
Rich storytelling with Drupal, Paragraphs and Islandora DAMS (DrupalCamp Brig...Rich storytelling with Drupal, Paragraphs and Islandora DAMS (DrupalCamp Brig...
Rich storytelling with Drupal, Paragraphs and Islandora DAMS (DrupalCamp Brig...Cogapp
 
Leading Digital Transformation in the Cultural Sector: A resource for managers
Leading Digital Transformation in the Cultural Sector: A resource for managersLeading Digital Transformation in the Cultural Sector: A resource for managers
Leading Digital Transformation in the Cultural Sector: A resource for managersCogapp
 
MuseumNext 2014: Masterclass. Opportunities for digital excellence with a lit...
MuseumNext 2014: Masterclass. Opportunities for digital excellence with a lit...MuseumNext 2014: Masterclass. Opportunities for digital excellence with a lit...
MuseumNext 2014: Masterclass. Opportunities for digital excellence with a lit...Cogapp
 
Cogapp's World Usability Day Slides
Cogapp's World Usability Day SlidesCogapp's World Usability Day Slides
Cogapp's World Usability Day SlidesCogapp
 
Cogapp Open Studios 2012 - Adventures with Linked Data
Cogapp Open Studios 2012 - Adventures with Linked DataCogapp Open Studios 2012 - Adventures with Linked Data
Cogapp Open Studios 2012 - Adventures with Linked DataCogapp
 

More from Cogapp (20)

When automated analysis goes wrong
When automated analysis goes wrongWhen automated analysis goes wrong
When automated analysis goes wrong
 
Thinking Through Digital: Top tips for designing projects and working with te...
Thinking Through Digital: Top tips for designing projects and working with te...Thinking Through Digital: Top tips for designing projects and working with te...
Thinking Through Digital: Top tips for designing projects and working with te...
 
Digital Strategy for Museums 2016
Digital Strategy for Museums 2016Digital Strategy for Museums 2016
Digital Strategy for Museums 2016
 
Challenges and opportunities for presenting Arabic manuscripts online
Challenges and opportunities for presenting Arabic manuscripts onlineChallenges and opportunities for presenting Arabic manuscripts online
Challenges and opportunities for presenting Arabic manuscripts online
 
Creating compelling user interfaces
Creating compelling user interfacesCreating compelling user interfaces
Creating compelling user interfaces
 
Everything you ever wanted to know about IIIF but were too afraid to ask
Everything you ever wanted to know about IIIF but were too afraid to askEverything you ever wanted to know about IIIF but were too afraid to ask
Everything you ever wanted to know about IIIF but were too afraid to ask
 
MW16 IIIF: Unshackle Your Images
MW16 IIIF: Unshackle Your ImagesMW16 IIIF: Unshackle Your Images
MW16 IIIF: Unshackle Your Images
 
Transform your museum with Agile
Transform your museum with AgileTransform your museum with Agile
Transform your museum with Agile
 
Digital: from Idea to Audience - Opportunities for Digital Excellence with a ...
Digital: from Idea to Audience - Opportunities for Digital Excellence with a ...Digital: from Idea to Audience - Opportunities for Digital Excellence with a ...
Digital: from Idea to Audience - Opportunities for Digital Excellence with a ...
 
IIIF The International Image Interoperability Framework at MCN2015
IIIF The International Image Interoperability Framework at MCN2015IIIF The International Image Interoperability Framework at MCN2015
IIIF The International Image Interoperability Framework at MCN2015
 
Making Meaning with Online Collections: Ten Top Tips
Making Meaning with Online Collections: Ten Top TipsMaking Meaning with Online Collections: Ten Top Tips
Making Meaning with Online Collections: Ten Top Tips
 
Agile for Beginners and Thrillseekers - MuseumNext 2015 Geneva
Agile for Beginners and Thrillseekers - MuseumNext 2015 GenevaAgile for Beginners and Thrillseekers - MuseumNext 2015 Geneva
Agile for Beginners and Thrillseekers - MuseumNext 2015 Geneva
 
Scaling Drupal on Amazon Web Services (DrupalCamp Brighton)
Scaling Drupal on Amazon Web Services (DrupalCamp Brighton)Scaling Drupal on Amazon Web Services (DrupalCamp Brighton)
Scaling Drupal on Amazon Web Services (DrupalCamp Brighton)
 
Building Multilingual Websites with Drupal (DrupalCamp Brighton)
Building Multilingual Websites with Drupal (DrupalCamp Brighton)Building Multilingual Websites with Drupal (DrupalCamp Brighton)
Building Multilingual Websites with Drupal (DrupalCamp Brighton)
 
Test-driven Development with Drupal and Codeception (DrupalCamp Brighton)
Test-driven Development with Drupal and Codeception (DrupalCamp Brighton)Test-driven Development with Drupal and Codeception (DrupalCamp Brighton)
Test-driven Development with Drupal and Codeception (DrupalCamp Brighton)
 
Rich storytelling with Drupal, Paragraphs and Islandora DAMS (DrupalCamp Brig...
Rich storytelling with Drupal, Paragraphs and Islandora DAMS (DrupalCamp Brig...Rich storytelling with Drupal, Paragraphs and Islandora DAMS (DrupalCamp Brig...
Rich storytelling with Drupal, Paragraphs and Islandora DAMS (DrupalCamp Brig...
 
Leading Digital Transformation in the Cultural Sector: A resource for managers
Leading Digital Transformation in the Cultural Sector: A resource for managersLeading Digital Transformation in the Cultural Sector: A resource for managers
Leading Digital Transformation in the Cultural Sector: A resource for managers
 
MuseumNext 2014: Masterclass. Opportunities for digital excellence with a lit...
MuseumNext 2014: Masterclass. Opportunities for digital excellence with a lit...MuseumNext 2014: Masterclass. Opportunities for digital excellence with a lit...
MuseumNext 2014: Masterclass. Opportunities for digital excellence with a lit...
 
Cogapp's World Usability Day Slides
Cogapp's World Usability Day SlidesCogapp's World Usability Day Slides
Cogapp's World Usability Day Slides
 
Cogapp Open Studios 2012 - Adventures with Linked Data
Cogapp Open Studios 2012 - Adventures with Linked DataCogapp Open Studios 2012 - Adventures with Linked Data
Cogapp Open Studios 2012 - Adventures with Linked Data
 

Recently uploaded

Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraDeakin University
 
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsSnow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsHyundai Motor Group
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 

Recently uploaded (20)

Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
 
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsSnow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
The transition to renewables in India.pdf
The transition to renewables in India.pdfThe transition to renewables in India.pdf
The transition to renewables in India.pdf
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 

Cogapp Open Studios 2012 - Rethinking Interfaces

  • 1. Open Studio Re-thinking interface design Joe Baskerville, Eleanor Rudge, Sita Vickery Cogapp
  • 2. Outline Decreasing complexity Some good and bad UI 2 case studies ICA and Tate Mobile first manifesto
  • 3. UI A user interface is the system by which people interact with a machine/system Allow the users to manipulate a system Indicate the effects of the users' manipulation
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11. Some good and bad UI
  • 12. Good design... ...Is as little design as possible. Dieter Rams
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23. 1996 1998 1999 2000 2004 2007 2010 2012
  • 24.
  • 25. 2 case studies ICA and Tate
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 35. Re-think teams; maximise collaboration. Make things that work; prototype early (Maybe) start from a mobile screen; focus down your feature set, what is going to make the most impact on users. It’s harder to remove things than add things. Iterate; Sprints can help weed out unnecessary features.

Editor's Notes

  1. \n
  2. \n
  3. Goals are: Make it as easy to get stuff in. Minimise undesired outs.\n
  4. \n
  5. \n
  6. \n
  7. \n
  8. minimal car interface\nsteer, gear, stop. how fast, how far.\n
  9. not minimal\n
  10. power user interface\n
  11. things we would normally associate with user interface, icons\nthese really have to work with the mainstream\n
  12. we thought this was a good example of the context of the interface\n\nin this case it make perfect sense.\n
  13. in this suitablility of interface is all wrong. it’s clear what it’s supposed to represent, but very fiddly to use.\n
  14. \n
  15. JB story of video editors big wheel \n
  16. \n
  17. \n
  18. T3 pocket transitor radio (1958) -Deiter Rams\n
  19. bad\n
  20. good hidden complexity, you could use this with no screen (after it’s set up)\n\nbuttons have pulled up essential tools to use everyday. like, dont like volume, skip, power\n
  21. \n
  22. \n
  23. 1998\n\ncram everything on a page. text based for reduced bandwith.\n
  24. feels the same, but massively reduced in complexity. focus on images. \n\nfocus on search. departments hidden behind mega menu\n
  25. 1998\n
  26. 2002\n
  27. 2005\n
  28. 2011\n
  29. now\n
  30. \n
  31. \n
  32. \n
  33. \n
  34. show website at this point\n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. \n