User Interface DesignPractice

Methods

• Textual description

• Screen painting

• Rappid Application Development

• Forms generation from specification

• Visual programming

Screen Painting

• Sketch

• Corell Draw, Paint

• Frontpage

• PowerPoint

Screen Painting Example

Decision Support System on

Housing Refurbishment

BE Upload authentication

BE Session selection

Selection of Existing Layout

Selection of Preferred Layout

Selection of Products

Selection of Products

BE Print report

FMS in reference to room reservation

• Two simple diagrams as result of student

• Diagrams not quite correct

Class diagram

-ruimtenummer

vergaderruimte

-PDF

stoel

-PDF

tafel

-PDF

beamer

-PDF

flipover

-plattegond-verdieping nummer

verdieping

1 * 1 *

1

*

1

1

1

1

floor Meeting room

floor plan

floor number

room number

chair

table

Object diagram

plattegond = kantoorgebouw_alleen_plattegronden.dwgverdieping nummer = 0

Begane grond : verdieping

ruimtenummer = 0.01

Ruimte 01 : vergaderruimte

PDF = room1_inrichting_chair1.pdf

Type 1 stoel : stoel

PDF = room1_inrichting_table1.pdf

Type 1 tafel : tafel

PDF = room1_apparatuur_beamer1.pdf

Beamer : beamer

PDF = room1_apparatuur_flipover.pdf

Flipover : flipover

Layer structure

Objects

Windowing Interface

End of Presentation