CS60171  Interactive System Design Mark van Harmelen
What’s design? <ul><li>Design is a process where we  </li></ul><ul><ul><li>Start with multiple, often conflicting, require...
What’s interactive system design? <ul><li>A process where we  </li></ul><ul><ul><li>Start with multiple, often conflicting...
Tradeoffs in interactive system design functionality user interface scope
How not to do it <ul><li>Big fat requirements documents ‘never mind the quality or usability, feel the weight!’ Leads to …...
 
How to do it: Mutual learning Goals, roles, tasks, results, things to do work with Tech stuff: code, datbases, internet, s...
What the users add <ul><li>Front end design factors, roles, tasks, etc </li></ul><ul><li>Validation of our developing desi...
How to do it: Rapidly at low cost
How to do it: The cycle Design Test Redesign / improve
Learn <ul><li>Background theory </li></ul><ul><li>Practical time-efficient design methods </li></ul><ul><li>People skills,...
The method <ul><li>The Bridge-UML </li></ul><ul><li>A multistage process  </li></ul><ul><li>We involve  users and designer...
 
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...
A well-founded method
Past course: Computer prototype
Led to……
This year….. <ul><li>Web app design </li></ul><ul><li>Mobile app design </li></ul>
Scope for <ul><li>Very technical students </li></ul><ul><li>Human-interested students  </li></ul>
Finally….. <ul><li>Experiential learning = learning by doing </li></ul><ul><li>Authentic learning = real project experienc...
Check us out <ul><li>http://hedtek.com </li></ul><ul><li>MSc projects in an internship framework </li></ul><ul><li>Looking...
Upcoming SlideShare
Loading in …5
×

Introduction to CS60171 (2009)

761 views
705 views

Published on

An introduction to my postgraduate-level course in the University of Manchester's School of Computer Science

Published in: Education, Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
761
On SlideShare
0
From Embeds
0
Number of Embeds
141
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Introduction to CS60171 (2009)

  1. 1. CS60171 Interactive System Design Mark van Harmelen
  2. 2. What’s design? <ul><li>Design is a process where we </li></ul><ul><ul><li>Start with multiple, often conflicting, requirements and constraints </li></ul></ul><ul><ul><li>Make tradeoffs </li></ul></ul><ul><ul><li>Produce ‘something’ at the end of the process </li></ul></ul>
  3. 3. What’s interactive system design? <ul><li>A process where we </li></ul><ul><ul><li>Start with multiple, often conflicting, requirements and constraints user requirements system capabilities </li></ul></ul><ul><ul><li>Make tradeoffs usability and engineering tradeoffs </li></ul></ul><ul><ul><li>Produce ‘something’ at the end of the process a design for / a prototype of an interactive system </li></ul></ul>
  4. 4. Tradeoffs in interactive system design functionality user interface scope
  5. 5. How not to do it <ul><li>Big fat requirements documents ‘never mind the quality or usability, feel the weight!’ Leads to ….. </li></ul>
  6. 7. 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
  7. 8. What the users add <ul><li>Front end design factors, roles, tasks, etc </li></ul><ul><li>Validation of our developing design for </li></ul><ul><ul><li>Scope </li></ul></ul><ul><ul><li>Functionality </li></ul></ul><ul><ul><li>User interface </li></ul></ul><ul><li>Before we write a single line of code </li></ul><ul><ul><li>Less code change, less refactoring </li></ul></ul>
  8. 9. How to do it: Rapidly at low cost
  9. 10. How to do it: The cycle Design Test Redesign / improve
  10. 11. Learn <ul><li>Background theory </li></ul><ul><li>Practical time-efficient design methods </li></ul><ul><li>People skills, how to work in groups how to work in industry (the most important bit?) </li></ul>
  11. 12. The method <ul><li>The Bridge-UML </li></ul><ul><li>A multistage process </li></ul><ul><li>We involve users and designers in a 3 to 5 day workshop and produce a validated interactive system design before writing any code </li></ul>
  12. 14. test and improve
  13. 15. resize
  14. 16. Hey, we are developers, we like a nice design process (won’t the users mess it up?) requirements / specification process
  15. 17. Producing UML from the Bridge Use case Model (Use case Diagrams) Dynamic model (Activity Diagrams, …) Logical model (Class Diagrams)
  16. 18. A well-founded method
  17. 19. Past course: Computer prototype
  18. 20. Led to……
  19. 21. This year….. <ul><li>Web app design </li></ul><ul><li>Mobile app design </li></ul>
  20. 22. Scope for <ul><li>Very technical students </li></ul><ul><li>Human-interested students </li></ul>
  21. 23. Finally….. <ul><li>Experiential learning = learning by doing </li></ul><ul><li>Authentic learning = real project experience </li></ul><ul><li>Fun ! </li></ul><ul><li>‘ Best course I have ever attended’ </li></ul><ul><li>‘ All courses should be like this’ </li></ul>
  22. 24. Check us out <ul><li>http://hedtek.com </li></ul><ul><li>MSc projects in an internship framework </li></ul><ul><li>Looking for one or more graduates from this course </li></ul>

×