[PDF] - Dialogue Notations and Design Ov erview Dialogue Notations PDF Document

SLIDE 1 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (1) Dialogue Notations and Design Ov erview Dialogue Notations

Diagrammatic
state

transition net w

rks
JSD

diagrams

Flo

w c harts

T

extual

formal

grammars

pro

duction rules

CSP

Dialogue Analysis

Seman

tics and dialogue

Prop

erties

f

dialogue

Presen

tation and lexical issues Example

Digital

w atc h

SLIDE 2 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (2) State transition net w

rks

circles { states arcs { actions/ev en ts

Start Menu Circle 1 Circle 2 Finish Line 1 Line 2 Finish select ‘circle’ highlight ‘circle’ click on centre rubber band click on circumference draw circle select ‘line’ highlight ‘line’ click on first point rubber band click on point draw line and rubber band from new point double click draw last line

Arc lab els a bit cramp ed b ecause:

notation

is `state hea vy'

the

ev en ts require most detail

SLIDE 3 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (3) Hierarc hical STNs managing complex dialogues named sub-dialogues

Start Menu Circle 1 Circle 2 Finish Line 1 Line 2 Finish select ‘circle’ highlight ‘circle’ click on centre rubber band click on circumference draw circle select ‘line’ highlight ‘line’ click on first point rubber band click on point draw line and rubber band from new point double click draw last line

Main Menu

Graphics Sub-menu Text Sub-menu Paint Sub-menu

select ‘graphics’ pop-up graphics sub-menu select ‘text’ pop-up text sub-menu select ‘paint’ pop-up paint sub-menu

SLIDE 4 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (4) Flo w c harts familiar to programmers b

xes

{ pro cess/ev en t not state

Finish Finish Y

ther

N

Delete D1 Please enter employee no.: ___ Delete D2 Name: Alan Dix Dept: Computing delete? (Y/N): _ Delete D3 Name: Alan Dix Dept: Computing delete? (Y/N): _ Please enter Y or N

read record C1 answer? C2 delete record C3

SLIDE 5 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (5) JSD diagrams

for

tree structured dialogues { less expressiv e { greater clarit y

Personnel Record System transaction login logout change employee record add employee record display employee record delete employee record *

SLIDE 6 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (6) Concurren t dialogues (i)

Text Style

example bold italic underline

three toggles { individual STNs

No Bold Bold click over bold No Italic Italic click over italic No Underline Underline click over underline

SLIDE 7 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (7) Concurren t dialogues (ii)

Text Style

example bold italic underline

b

ld

and itali c com bined

Neither Bold Only Italic Only Bold Italic click over bold click over bold click over italic click over italic

SLIDE 8 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (8) Concurren t dialogues (iii )

com

binatorial explosion { n toggles { 2 n states

None Bold Only Italic Only Bold Italic B B I I Underline Only Bold Underlined Underlined Italic Bold Underlined Italic B B I I U U U U

SLIDE 9 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (9) T extual { Grammars Regular expressions sel-line click click* dble-click

compare

with JSD { same computational mo del { dieren t notation BNF expr ::= empty | atom expr | `(' expr `)' expr

more

p

w

erful than regular exp.

r

STNs Still NO concurren t dialogue

SLIDE 10 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (10) Pro duction rules if c

ndition

then action Go

d

for concurrency Ev en t based pro duction rules Sel-line ! first C-point first ! rest C-point rest ! rest D-point rest ! <draw line> Bad for sequence Bad at state!

SLIDE 11 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (11) Prop

sitional

Pro duction System State based A ttributes: Mouse: f mouse-o, select-line, clic k-p

in

t, double-clic k g Line-state: f men u, rst, rest g Rules (feedbac k not sho wn): select-line ! mouse-o rst clic k-p

in

t rst ! mouse-o rest clic k-p

in

t rest ! mouse-o double-clic k rest ! mouse-o men u Bad at ev en ts!

SLIDE 12 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (12) CSP and pro cess algebras used in Alexander's SPI, and Agen t notation go

d

for sequen tial dialogues Bold-tog = select-b

ld?

! b

ld-on

! select-b

ld?

! b

ld-o

! Bold-tog Italic-tog = : : : Under-tog = : : : and concurren t dialogue Dialogue-b

x

= Bold-tog || Italic-tog || Under-tog but causalit y unclear

SLIDE 13 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (13) Dialogue Notations | Summary Diagrammatic { STN { JSD { Flo w c harts T extual { grammars { pro duction rules { CSP Issues ev en t base vs. state based p

w

er vs. clarit y mo del vs. notation sequen tial vs. concurren t

SLIDE 14 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (14) Seman tics { Alexander's SPI (i) Tw

part

sp ecication: Ev en tCSP { pure dialogue

rder

Ev en tISL { target dep enden t seman tics Cen tralised dialogue description T

lerable

syn tactic/seman tic trade-o

SLIDE 15 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (15) Seman tics { Alexander's SPI (ii) Ev en tCSP Login = login-mess ! get-name ! P asswd P asswd = passwd-mess ! ( in v alid ! Login [] v alid ! Session) Ev en tISL ev en t: login-mess prompt: true

ut:

"login:" ev en t: get-name uses: input set: user-id = input ev en t: v alid uses: input, user-id, passwd-db when: passwd-id = passwd-db(user-id)

SLIDE 16 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (16) Seman tics { co de Ev en t lo

p

for w

rd

pro cessor Distributed dialogue description T errible syn tactic/seman tic trade-o switch ( ev.type ) { case button_dow n: if ( in_text ( ev.pos ) ) { mode = selecting ; mark_select io n_s ta rt( ev. po s); } ... case button_up: if ( in_text ( ev.pos ) && mode == selecting ) { mode = normal; mark_sele cti

n

_en d( ev. pos ); } ... case mouse_move : if ( mode == selecting ) { extend_se lec ti

n(

ev .po s); } ... } /* end

f

switch */

SLIDE 17 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (17) Action prop erties completeness { missed arcs { unforeseen circumstances determinism { sev eral arcs for

ne

action { delib erate: application decision { acciden t: pro duction rules, nested escap es consistency { same action, same eect? { mo des and visibilit y

SLIDE 18 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (18) Chec king prop erties (i) Completeness: double-clic k in circle states? Rev ersibili t y: to rev erse select `line' from graphics Men u clic k { double clic k { select `graphics' (3 actions) N.B. not undo

SLIDE 19 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (19) Chec king prop erties (ii)

Start Menu Circle 1 Circle 2 Finish Line 1 Line 2 Finish select ‘circle’ highlight ‘circle’ click on centre rubber band click on circumference draw circle select ‘line’ highlight ‘line’ click on first point rubber band click on point draw line and rubber band from new point double click draw last line

Main Menu

Graphics Sub-menu Text Sub-menu Paint Sub-menu

select ‘graphics’ pop-up graphics sub-menu select ‘text’ pop-up text sub-menu select ‘paint’ pop-up paint sub-menu

SLIDE 20 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (20) State prop erties reac habilit y { can y

u

get an ywhere from an ywhere? { and ho w easily rev ersibilit y { can y

u

get to the previous state? { but NOT undo dangerous states { some states y

u

don't w an t to get to

SLIDE 21 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (21) Dangerous states (i) W

rd

pro cessor: t w

mo

des and exit F1 { c hanges mo de F2 { exit (and sa v e) Esc { no mo de c hange

edit menu exit F1 F1 F2 Esc

but: : : Esc resets autosa v e

SLIDE 22 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (22) Dangerous states (ii) exit with/without sa v e ! dangerous states duplicate states { seman tic distinction

edit menu exit edit menu exit F1 F1 F2 save F1 F1 F2 NO save any update Esc Esc

F1-F2 { exit with sa v e F1-Esc-F2 { exit no sa v e

SLIDE 23 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (23) Lexical issues visibil i t y { dieren tiate mo des and states { annotations to dialogue st yle command { v erb noun mouse-based { noun v erb la y

ut

dangerous states (previous slide)

ld

k eyb

ard

{ OK new k eyb

ard

{ disaster

Esc F1 F2 F3

SLIDE 24 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (24) Dialogue Analysis | Summary Seman tics and dialogue

attac

hing seman tics

distributed/cen

tralised dialogue description

maximising

syn tactic description Prop erties

f

dialogue

action

prop erties: completeness, determinism, consistency

state

prop erties: reac habilit y , rev ersibilit y , dangerous states Presen tation and lexical issues

visibilit

y

st

yle

la

y

ut

N.B. not indep enden t

f

dialogue

SLIDE 25 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (25) Digital w atc h { User's instructions limited in terface { 3 buttons button A mo v es b et w een main mo des

S M T W T F S

g

S M T W T F S

g

S M T W T F S

g

S M T W T F S

g

A A A A time display stop watch time setting alarm setting

depress button “A” for 2 sec.

AM STP ALM SET

dangerous states

guarded

b y t w

second

hold completeness

distinguish

depress A from release A

what

do they do in all mo des?

SLIDE 26 Human{Com puter In teraction, Pren tice Hall A. Dix, J. Finla y , G. Ab

wd

and R. Beale c

1993

Dialogue Notations and Design Chapter 8 (26) Digital w atc h { Designer's instructions

S M T W T F S

g

S M T W T F S

g

S M T W T F S

g

S M T W T F S

g

S M T W T F S

g

S M T W T F S

g

time display stop watch time setting alarm setting

depress A release A release A 2 seconds depress A depress A 2 seconds release A release A

AM STP STP ALM SET

and that's

nly
ne

button!