CS60171 Interactive System Design Mark van Harmelen

What’s design? Design is a process where we Start with multiple, often conflicting, requirements and constraints Make tradeoffs Produce ‘something’ at the end of the process

Design is a process where we

Start with multiple, often conflicting, requirements and constraints

Make tradeoffs

Produce ‘something’ at the end of the process

What’s interactive system design? A process where we Start with multiple, often conflicting, requirements and constraints user requirements system capabilities Make tradeoffs usability and engineering tradeoffs Produce ‘something’ at the end of the process a design for / a prototype of an interactive system

A process where we

Start with multiple, often conflicting, requirements and constraints user requirements system capabilities

Make tradeoffs usability and engineering tradeoffs

Produce ‘something’ at the end of the process a design for / a prototype of an interactive system

Tradeoffs in interactive system design functionality user interface scope

How not to do it Big fat requirements documents ‘never mind the quality or usability, feel the weight!’ Leads to …..

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, standards, …. Designers’ world Users’ world

What the users add Front end design factors, roles, tasks, etc Validation of our developing design for Scope Functionality User interface Before we write a single line of code Less code change, less refactoring

Front end design factors, roles, tasks, etc

Validation of our developing design for

Scope

Functionality

User interface

Before we write a single line of code

Less code change, less refactoring

How to do it: Rapidly at low cost

How to do it: The cycle Design Test Redesign / improve

Learn Background theory Practical time-efficient design methods People skills, how to work in groups how to work in industry (the most important bit?)

Background theory

Practical time-efficient design methods

People skills, how to work in groups how to work in industry (the most important bit?)

The method The Bridge-UML A multistage process We involve users and designers in a 3 to 5 day workshop and produce a validated interactive system design before writing any code

The Bridge-UML

A multistage process

We involve users and designers in a 3 to 5 day workshop and produce a validated interactive system design before writing any code

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….. Web app design Mobile app design

Web app design

Mobile app design

Scope for Very technical students Human-interested students

Very technical students

Human-interested students

Finally….. Experiential learning = learning by doing Authentic learning = real project experience Fun ! ‘ Best course I have ever attended’ ‘ All courses should be like this’

Experiential learning = learning by doing

Authentic learning = real project experience

Fun !

‘ Best course I have ever attended’

‘ All courses should be like this’

Check us out http://hedtek.com MSc projects in an internship framework Looking for one or more graduates from this course

http://hedtek.com

MSc projects in an internship framework

Looking for one or more graduates from this course