GUI-design

Irmeli Sinkkonen, TKK; Käytettävyys, Arkipäivän tuotteet

Usability GUI

Käyttöliittymät / GUI 1

introduction

GUI-design

Irmeli Sinkkonen

TkL, tutkija

[email protected]


Usability GUI


introductionGUI types

Almost GUI

One-time GUI

Standard GUIGUIsApple Windows 3.1Windows 95 OS/2 Motif


Usability GUI


introductionToday / Building GUIs

• (Select the application structure)

• Build the navigation model and evaluate

• Design the screens– Build the menus, evaluate– select the command buttons– select the metaphors– select representations– create the fields, labels and

other controls– create the layout

– add the shortcuts and icons, evaluate

– check the colours, visibility, restrictions, conceptual model, mappings, symbol language, exits, and feedback

• build the dialog boxes accordingly

• build the helps

• evaluate


Usability GUI


introductionObject - Action grammar

• Select object, then do action– interface emphasizes 'nouns' (visible objects)

rather than 'verbs' (actions), but all action must be developed thinking users’ tasks

• Advantages– closer to real world– modeless interaction– actions always within context of object

• inappropriate ones can be hidden

– generic commands• the same type of action can be performed on the object• eg drag ‘n drop:


Usability GUI


introductionObject action grammar

Accounts-window

Customs-window

Address -window


Usability GUI


introduction...object action grammar


Usability GUI


introductionDesigning windows

• A typical mistake doing the windows looking database windows when it should look like the tasks

• ask always:– why the user looks at this window?– Can this window somehow make it easier to

decide what to do…

• what they actually want is ...


Usability GUI


introductionSummary

• GUI- design is a creative process, with many options

• Your design should reflect– the results of the interviews, task analysis– existing conventions when applicable– design guidelines when applicable

• Usability testing helps you decide which of several options to pursue

GUI-design

Documents

Transcript of GUI-design