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

What’s interactive system design?

• A process where we – Start with multiple, often conflicting,

requirements and constraintsuser requirementssystem capabilities

– Make tradeoffsusability and engineering tradeoffs

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

Tradeoffs in interactive system design

functionality

user interfacescope

How not to do it

• Big fat requirements documents‘never mind the quality or usability, feel the weight!’

Leads to …..

Goals, roles, tasks, results, things to do work with

How to do it: Mutual learning

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

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 groupshow 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 avalidated 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 caseModel(Use caseDiagrams)

Dynamic model(ActivityDiagrams, …)

Logical model(ClassDiagrams)

A well-founded method

Past course: Computer prototype

Led to……

This year…..

• Web app design

• Mobile app design

Scope for

• 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’

Check us out

• http://hedtek.com

• MSc projects in an internship framework

• Looking for one or more graduates from this course