Design: cognitive process of envisioning problem solutions under constraints
Representation: physical process of capturing design ideas for;
Some constructional design techniques:
Programmers shouldn’t (have to) design, so there is a need for detailed interaction design representation. User Action Notation (UAN) is intended to fulfil this requirement.
It is intended as a mechanism for recording design which is;
| Task: <name of the task> | ||
USER ACTIONS |
INTERFACE FEEDBACK |
INTERFACE STATE |
The notation of user actions, interface feedback and interface state is left up to the users, but a standard notation is used by Hix et al.
v = down
^ = up
[ ] = context of some object, e.g. [line]midpoint or [box]centrepoint
~ = move cursor
K = character input (Keyboard for simplicity)
K”copy” = literal command
K(filename) = variable
K(user ID = [A-Z] [A-Z 0-9] +) = use of regular expression to constrain input
file icon-! = file icon unhighlights
application icon!! = application file highlights differently
¥ = for all
¬ = not
= equals
* not equals
file icon’ = selected icon
box > ~ = box follows cursor
box corner >> ~ = box corner “rubberbands” to cursor
~[x,y]* = arbitrary number of repetitions, inc. 0
~[x,y]+ = 1 or more times (can also specify)
plus: temporal relations, connection to computation
| Task: select file | ||
USER ACTIONS |
INTERFACE FEEDBACK |
INTERFACE STATE |
| ~[file icon'] Mv | file icon'!
¥file icon * file icon' : file icon-! |
selected = file |
| Mv |
| Task: delete file | ||
USER ACTIONS |
INTERFACE FEEDBACK |
INTERFACE STATE |
| ~[file icon'] Mv | file icon'-! : file icon'!
¥file icon * file icon' : file icon-! |
selected = file |
| ~[x,y]* | outline( file icon') >~ | |
| ~[wastebin icon] | outline( file icon') >~
wastebin icon! |
|
| M^ | erase( file_icon')
wastebin icon!! |
selected = null |
This page is maintained by Richard
Griffiths and does not necessarily reflect the
official position of the University of
Brighton.
RG's
teaching