1 / 8

GUI-design

GUI-design. Irmeli Sinkkonen TkL, tutkija irmeli.sinkkonen@hut.fi. GUI types. Almost GUI. GUIs Apple Windows 3.1 Windows 95 OS/2 Motif. Standard GUI. One-time GUI. (Select the application structure) Build the navigation model and evaluate Design the screens

hoyt-ramirez
Télécharger la présentation

GUI-design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. GUI-design Irmeli Sinkkonen TkL, tutkija irmeli.sinkkonen@hut.fi

  2. GUI types Almost GUI GUIs Apple Windows 3.1 Windows 95 OS/2 Motif Standard GUI One-time GUI

  3. (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 Today / Building GUIs

  4. Object - 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:

  5. Object action grammar Accounts-window Customs-window Address -window

  6. ...object action grammar

  7. Designing 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 ...

  8. Summary • 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

More Related