SlideShare a Scribd company logo
1 of 24
CS60171  Interactive System Design Mark van Harmelen
What’s design? ,[object Object],[object Object],[object Object],[object Object]
What’s interactive system design? ,[object Object],[object Object],[object Object],[object Object]
Tradeoffs in interactive system design functionality user interface scope
How not to do it ,[object Object]
 
How to do it: Mutual learning Goals, roles, tasks, results, things to do work with Tech stuff: code, datbases, internet, standards, …. Designers’ world Users’ world
What the users add ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
How to do it: Rapidly at low cost
How to do it: The cycle Design Test Redesign / improve
Learn ,[object Object],[object Object],[object Object]
The method ,[object Object],[object Object],[object Object]
 
test and improve
resize
Hey, we are developers,  we like a nice design process (won’t the users mess it up?) requirements / specification process
Producing UML from the Bridge Use case Model (Use case Diagrams) Dynamic model (Activity Diagrams, …) Logical model (Class Diagrams)
A well-founded method
Past course: Computer prototype
Led to……
This year….. ,[object Object],[object Object]
Scope for ,[object Object],[object Object]
Finally….. ,[object Object],[object Object],[object Object],[object Object],[object Object]
Check us out ,[object Object],[object Object],[object Object]

More Related Content

Viewers also liked

2008 03 01 Blogtalk Structured Portable Social Networks
2008 03 01 Blogtalk Structured Portable Social Networks2008 03 01 Blogtalk Structured Portable Social Networks
2008 03 01 Blogtalk Structured Portable Social Networkssbooth
 
Elgg at the University of Brighton -- Stanier
Elgg at the University of Brighton -- StanierElgg at the University of Brighton -- Stanier
Elgg at the University of Brighton -- Staniermarkvanharmelen
 
Campi Bisenzio for Human rights
Campi Bisenzio for Human rightsCampi Bisenzio for Human rights
Campi Bisenzio for Human rightsAlessandro Giorni
 
Standards WakeUp: XHTML, CSS, Accessibilità e Semantica
Standards WakeUp: XHTML, CSS, Accessibilità e SemanticaStandards WakeUp: XHTML, CSS, Accessibilità e Semantica
Standards WakeUp: XHTML, CSS, Accessibilità e SemanticaSimone Onofri
 
Web 2.0 supporting a Learning and Teaching Strategy -- Wassell
Web 2.0 supporting a Learning and Teaching Strategy -- WassellWeb 2.0 supporting a Learning and Teaching Strategy -- Wassell
Web 2.0 supporting a Learning and Teaching Strategy -- Wassellmarkvanharmelen
 
Online Culture: what parents, teenagers and teachers need to know
Online Culture: what parents, teenagers and teachers need to knowOnline Culture: what parents, teenagers and teachers need to know
Online Culture: what parents, teenagers and teachers need to knowsbooth
 
Communicare Wo W! Services (Corporate)
Communicare Wo W! Services (Corporate)Communicare Wo W! Services (Corporate)
Communicare Wo W! Services (Corporate)ngkaihoe
 
Enterprise2
Enterprise2Enterprise2
Enterprise2ngkaihoe
 
Web 2.0 and Learning and Teaching
Web 2.0 and Learning and TeachingWeb 2.0 and Learning and Teaching
Web 2.0 and Learning and Teachingmarkvanharmelen
 
Blogging and Internal Communications
Blogging and Internal CommunicationsBlogging and Internal Communications
Blogging and Internal Communicationssbooth
 
Communicare Wo W! Services (Personal)
Communicare Wo W! Services (Personal)Communicare Wo W! Services (Personal)
Communicare Wo W! Services (Personal)ngkaihoe
 
Il Web del futuro: dati strutturati e semantici in XHTML con un click - RDFa
Il Web del futuro: dati strutturati e semantici in XHTML con un click - RDFaIl Web del futuro: dati strutturati e semantici in XHTML con un click - RDFa
Il Web del futuro: dati strutturati e semantici in XHTML con un click - RDFaSimone Onofri
 

Viewers also liked (20)

Hoops
HoopsHoops
Hoops
 
Rev1,1
Rev1,1Rev1,1
Rev1,1
 
Jh Student Handbook 09 10
Jh Student Handbook 09 10Jh Student Handbook 09 10
Jh Student Handbook 09 10
 
2008 03 01 Blogtalk Structured Portable Social Networks
2008 03 01 Blogtalk Structured Portable Social Networks2008 03 01 Blogtalk Structured Portable Social Networks
2008 03 01 Blogtalk Structured Portable Social Networks
 
Revelation 1st
Revelation 1stRevelation 1st
Revelation 1st
 
Elgg at the University of Brighton -- Stanier
Elgg at the University of Brighton -- StanierElgg at the University of Brighton -- Stanier
Elgg at the University of Brighton -- Stanier
 
Hea.Keynote
Hea.KeynoteHea.Keynote
Hea.Keynote
 
Campi Bisenzio for Human rights
Campi Bisenzio for Human rightsCampi Bisenzio for Human rights
Campi Bisenzio for Human rights
 
Standards WakeUp: XHTML, CSS, Accessibilità e Semantica
Standards WakeUp: XHTML, CSS, Accessibilità e SemanticaStandards WakeUp: XHTML, CSS, Accessibilità e Semantica
Standards WakeUp: XHTML, CSS, Accessibilità e Semantica
 
Italy and rome's geography
Italy and rome's geographyItaly and rome's geography
Italy and rome's geography
 
Web 2.0 supporting a Learning and Teaching Strategy -- Wassell
Web 2.0 supporting a Learning and Teaching Strategy -- WassellWeb 2.0 supporting a Learning and Teaching Strategy -- Wassell
Web 2.0 supporting a Learning and Teaching Strategy -- Wassell
 
Online Culture: what parents, teenagers and teachers need to know
Online Culture: what parents, teenagers and teachers need to knowOnline Culture: what parents, teenagers and teachers need to know
Online Culture: what parents, teenagers and teachers need to know
 
Communicare Wo W! Services (Corporate)
Communicare Wo W! Services (Corporate)Communicare Wo W! Services (Corporate)
Communicare Wo W! Services (Corporate)
 
Greek Gods
Greek GodsGreek Gods
Greek Gods
 
Enterprise2
Enterprise2Enterprise2
Enterprise2
 
Web 2.0 and Learning and Teaching
Web 2.0 and Learning and TeachingWeb 2.0 and Learning and Teaching
Web 2.0 and Learning and Teaching
 
Revelation intro
Revelation introRevelation intro
Revelation intro
 
Blogging and Internal Communications
Blogging and Internal CommunicationsBlogging and Internal Communications
Blogging and Internal Communications
 
Communicare Wo W! Services (Personal)
Communicare Wo W! Services (Personal)Communicare Wo W! Services (Personal)
Communicare Wo W! Services (Personal)
 
Il Web del futuro: dati strutturati e semantici in XHTML con un click - RDFa
Il Web del futuro: dati strutturati e semantici in XHTML con un click - RDFaIl Web del futuro: dati strutturati e semantici in XHTML con un click - RDFa
Il Web del futuro: dati strutturati e semantici in XHTML con un click - RDFa
 

Similar to Introduction to CS60171 (2009)

Lecture 1 uml with java implementation
Lecture 1 uml with java implementationLecture 1 uml with java implementation
Lecture 1 uml with java implementationthe_wumberlog
 
Ui Design And Usability For Everybody
Ui Design And Usability For EverybodyUi Design And Usability For Everybody
Ui Design And Usability For EverybodyEmpatika
 
DIY Usability
DIY UsabilityDIY Usability
DIY UsabilityJan Moons
 
You Don't Know C.R.A.P. about UX/UI
You Don't Know C.R.A.P. about UX/UIYou Don't Know C.R.A.P. about UX/UI
You Don't Know C.R.A.P. about UX/UILindsay Tabas
 
User Driven Software Architecture
User Driven Software ArchitectureUser Driven Software Architecture
User Driven Software ArchitectureSimon Guest
 
Building complex sites with Joomla
Building complex sites with JoomlaBuilding complex sites with Joomla
Building complex sites with JoomlaPaul Delbar
 
From Use to User Interface
From Use     to User InterfaceFrom Use     to User Interface
From Use to User Interfaceabcd82
 
First users: Heuristics for designer/developer collaboration
First users: Heuristics for designer/developer collaborationFirst users: Heuristics for designer/developer collaboration
First users: Heuristics for designer/developer collaborationJonathan Abbett
 
Portal Deployment Best Practices | IBM Portal Excellence Conference 2009
Portal Deployment Best Practices | IBM Portal Excellence Conference 2009Portal Deployment Best Practices | IBM Portal Excellence Conference 2009
Portal Deployment Best Practices | IBM Portal Excellence Conference 2009Perficient, Inc.
 
Standards Based Approach to User Interface Development
Standards Based Approach to User Interface DevelopmentStandards Based Approach to User Interface Development
Standards Based Approach to User Interface DevelopmentSameer Chavan
 
MHIT 603: Introduction to Prototyping
MHIT 603: Introduction to PrototypingMHIT 603: Introduction to Prototyping
MHIT 603: Introduction to PrototypingMark Billinghurst
 
Design Systems Operations
Design Systems OperationsDesign Systems Operations
Design Systems Operationsuxpin
 
Evolutionary Architecture And Design
Evolutionary Architecture And DesignEvolutionary Architecture And Design
Evolutionary Architecture And DesignNaresh Jain
 
How to Use Engineers in a UX Department
How to Use Engineers in a UX DepartmentHow to Use Engineers in a UX Department
How to Use Engineers in a UX DepartmentStephen James
 
Universal usability engineering
Universal usability engineeringUniversal usability engineering
Universal usability engineeringAswathi Shankar
 

Similar to Introduction to CS60171 (2009) (20)

Lecture 1 uml with java implementation
Lecture 1 uml with java implementationLecture 1 uml with java implementation
Lecture 1 uml with java implementation
 
Ui Design And Usability For Everybody
Ui Design And Usability For EverybodyUi Design And Usability For Everybody
Ui Design And Usability For Everybody
 
DIY Usability
DIY UsabilityDIY Usability
DIY Usability
 
Cnpm bkdn
Cnpm bkdnCnpm bkdn
Cnpm bkdn
 
The Modern Software Architect
The Modern Software ArchitectThe Modern Software Architect
The Modern Software Architect
 
You Don't Know C.R.A.P. about UX/UI
You Don't Know C.R.A.P. about UX/UIYou Don't Know C.R.A.P. about UX/UI
You Don't Know C.R.A.P. about UX/UI
 
User Driven Software Architecture
User Driven Software ArchitectureUser Driven Software Architecture
User Driven Software Architecture
 
NEXiDA at OMG June 2009
NEXiDA at OMG June 2009NEXiDA at OMG June 2009
NEXiDA at OMG June 2009
 
Building complex sites with Joomla
Building complex sites with JoomlaBuilding complex sites with Joomla
Building complex sites with Joomla
 
From Use to User Interface
From Use     to User InterfaceFrom Use     to User Interface
From Use to User Interface
 
First users: Heuristics for designer/developer collaboration
First users: Heuristics for designer/developer collaborationFirst users: Heuristics for designer/developer collaboration
First users: Heuristics for designer/developer collaboration
 
Portal Deployment Best Practices | IBM Portal Excellence Conference 2009
Portal Deployment Best Practices | IBM Portal Excellence Conference 2009Portal Deployment Best Practices | IBM Portal Excellence Conference 2009
Portal Deployment Best Practices | IBM Portal Excellence Conference 2009
 
Standards Based Approach to User Interface Development
Standards Based Approach to User Interface DevelopmentStandards Based Approach to User Interface Development
Standards Based Approach to User Interface Development
 
MHIT 603: Introduction to Prototyping
MHIT 603: Introduction to PrototypingMHIT 603: Introduction to Prototyping
MHIT 603: Introduction to Prototyping
 
01lifecycles
01lifecycles01lifecycles
01lifecycles
 
Design Systems Operations
Design Systems OperationsDesign Systems Operations
Design Systems Operations
 
Design system for new O2 CRM and web apps
Design system for new O2 CRM and web appsDesign system for new O2 CRM and web apps
Design system for new O2 CRM and web apps
 
Evolutionary Architecture And Design
Evolutionary Architecture And DesignEvolutionary Architecture And Design
Evolutionary Architecture And Design
 
How to Use Engineers in a UX Department
How to Use Engineers in a UX DepartmentHow to Use Engineers in a UX Department
How to Use Engineers in a UX Department
 
Universal usability engineering
Universal usability engineeringUniversal usability engineering
Universal usability engineering
 

More from markvanharmelen

PLEs and the Manchester PLE
PLEs and the Manchester PLEPLEs and the Manchester PLE
PLEs and the Manchester PLEmarkvanharmelen
 
Web 2.0 in Higher Education
Web 2.0 in Higher EducationWeb 2.0 in Higher Education
Web 2.0 in Higher Educationmarkvanharmelen
 
Learning, teaching and Web 2.0
Learning, teaching and Web 2.0Learning, teaching and Web 2.0
Learning, teaching and Web 2.0markvanharmelen
 
Externally Hosted Web 2.0 Services
Externally Hosted Web 2.0 ServicesExternally Hosted Web 2.0 Services
Externally Hosted Web 2.0 Servicesmarkvanharmelen
 
Content Creation and Open Educational Resources
Content Creation and Open Educational ResourcesContent Creation and Open Educational Resources
Content Creation and Open Educational Resourcesmarkvanharmelen
 

More from markvanharmelen (7)

Mosiac Search Engine
Mosiac Search EngineMosiac Search Engine
Mosiac Search Engine
 
PLEs and the Manchester PLE
PLEs and the Manchester PLEPLEs and the Manchester PLE
PLEs and the Manchester PLE
 
Web 2.0 in Higher Education
Web 2.0 in Higher EducationWeb 2.0 in Higher Education
Web 2.0 in Higher Education
 
Learning, teaching and Web 2.0
Learning, teaching and Web 2.0Learning, teaching and Web 2.0
Learning, teaching and Web 2.0
 
Policy and Strategy
Policy and StrategyPolicy and Strategy
Policy and Strategy
 
Externally Hosted Web 2.0 Services
Externally Hosted Web 2.0 ServicesExternally Hosted Web 2.0 Services
Externally Hosted Web 2.0 Services
 
Content Creation and Open Educational Resources
Content Creation and Open Educational ResourcesContent Creation and Open Educational Resources
Content Creation and Open Educational Resources
 

Recently uploaded

Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfAyushMahapatra5
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingTeacherCyreneCayanan
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 

Recently uploaded (20)

Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 

Introduction to CS60171 (2009)