Human Computer Interface - Unit 7

HUMAN COMPUTER INTERACTION
B.TECH III YR II SEMESTER (TERM 08-09)

UNIT 7 PPT SLIDES
TEXT BOOKS:
The essential guide to user interface design,
Wilbert O Galitz, Wiley DreamaTech.
Designing the user interface. 3rd Edition Ben
Shneidermann , Pearson Education Asia.
No. of slides: 27
UNIT-7
INDEX
UNIT 7 PPT SLIDES
S.NO. TOPIC LECTURE NO. PPTSLIDES
1. Specification Methods L48 L48.1 to L48.4

L49 L49.1 to L49.2
L50 L50.1 to L50.2
1. Interface-Building Tools L51 L51.1 to L51.6

L52 L52.1 to L52.6
L53 L53.1 to L53.2
3. Evaluation and Critiquing Tools L54 L54.1 to L54.3
4. REVISION L55
UNIT-7
Software Tools
UNIT-7
Specification Methods
• Design requires a good notation to record and discuss
alternate possibilities:
– The default language for specifications in any field is natural
language, e.g., English
– Communication medium, e.g., sketchpad, or blackboard
• Natural-language specifications tend to be:
– lengthy
– vague
– ambiguous
• Therefore often are difficult to prove:
– correct
– consistent
– complete
UNIT-7
Specification Methods (cont.)
• Backus-Naur Form (a.k.a. Backus Normal Form or BNF)
– high-level components are described as nonterminals
– specific strings are described as terminals
• Grammars Example
<Telephone book entry>::= <Name><Telephone number>
<Name> ::= <Last name>, <First name>
<Last name> ::= <string>
<First name> ::= <string>
<string> ::= <character>|<character><string>
<character> ::= A|B|C|D|E|F|G|H|I|J|K|L|M|N|O|P|Q|R|S|T|U|V|W|X|Y|Z
<Telephone number>::= (<area code>) <exchange>-<local number>
<area code>::= <digit><digit><digit>
<exchange>::= <digit><digit><digit>
<local number>::= <digit><digit><digit><digit><digit>::= 0|1|2|3|4|5|6|7|8|9
UNIT-7
• Examples of acceptable entries
- WASHINGTON, GEORGE (301) 555-1234
- BEEF, STU (726) 768-7878
- A, Z (999) 111-1111
• Multiparty grammars
<Session> ::= <U: Opening> <C: Responding>
<U: Opening> ::= LOGIN <U: Name>
<U: Name> ::= <U: string>
<C: Responding> ::= HELLO [<U: Name.]
U: User C: Computer
• Multiparty grammars are effective for text oriented command

sequences
UNIT-7
• Transition Diagram
– a set of nodes that represents system states and a set
of links between the nodes that represents possible
transitions
UNIT-7
UNIT-7
• State Charts
UNIT-7
UNIT-7
Interface-Building Tools
Features of Interface-Building Tools.
• User Interface Independence

– Separate interface design from internals
– Enable multiple user interface strategies
– Enable multiple platform support
– Establish user interface architect role
– Enforce standards
• Methodology & Notation

– Develop design procedures
– Find ways to talk about design
– Create project management
UNIT-7
Interface-Building Tools (cont.)
• Rapid Prototyping
– Try out ideas very early
– Test, revise, test, revise,...
– Engage end users, managers, and others
• Software Support
– Increase productivity
– Offer some constraint & consistency checks
– Facilitate team approaches
– Ease maintenance
UNIT-7
User interface mockup tools
• Examples
– Paper and pencil
– Word processors
– Slide-show software
– Macromedia Director, Flash mx, or Dreamweaver
• Visual Editing
– Microsoft Visual Studio
– Borland JBuilder
UNIT-7
UNIT-7
UNIT-7
UNIT-7
• Finding the right tool is a tradeoff between
six main criteria:
1. Part of the application built using the tool.

2. Learning time
3. Building time
4. Methodology imposed or advised
5. Communication with other subsystems
6. Extensibility and modularity
UNIT-7
UNIT-7
UNIT-7
• The windowing system layer
– Sometimes working at a low-level is required.
– E.g., new platform
– The while(true) main loop
UNIT-7
• The GUI toolkit layer
– Widgets, such as windows, scroll bars, pull-down or
pop-up menu, etc.
– Difficult to use without an interface
UNIT-7
UNIT-7
• The application framework and specialized
language layer
– Application frameworks are based on object-
oriented programming
– Can quickly build sophisticated interfaces
– Require intensive learning
– Specialized language layers lighten the
programming burden
– Tcl (and its toolkit Tk)
– Perl/Tk
– Python/Tk
– Visual Basic
– Java Script
UNIT-7
UNIT-7
Evaluation and Critiquing Tools
Tullis' Display Analysis Program, Version 4.0:
• Takes alphanumeric screen designs and
produces display-complexity metrics plus
some advice:
– Upper-case letters: 77% The percentage of upper-
case letters is high.
• Consider using more lower-case letters, since text printed
in normal upper- and lower-case letters is read about 13%
faster than text in all upper case. Reserve all upper-case
for items that need to attract attention.
UNIT-7
(cont.)
– Maximum local density = 89.9% at row 9, column 8.
Average local density = 67.0%
• The area with the highest local density is identified...you can
reduce local density by distributing the characters as evenly
as feasible over the entire screen.
– Total layout complexity = 8.02 bits
Layout complexity is high.
• This means that the display items (labels and data) are not
well aligned with each other...Horizontal complexity can be
reduced by starting items in fewer different columns on the
screen (that is, by aligning them vertically).
UNIT-7
(cont.)
• Doctor HTML - Web Page Analyzer:
• http://imagiware.com/RxHTML
– Did not find the required open and close HEAD tag.
You should open and close the HEAD tag in order to
get consistent performance on all browsers.
– Found extra close STRONG tags in the document.
Please remove them.
UNIT-7

Human Computer Interface - Unit 7

Uploaded by

Human Computer Interface - Unit 7

Uploaded by

HUMAN COMPUTER INTERACTION

B.TECH III YR II SEMESTER (TERM 08-09)

1. Specification Methods L48 L48.1 to L48.4

L50 L50.1 to L50.2

1. Interface-Building Tools L51 L51.1 to L51.6

3. Evaluation and Critiquing Tools L54 L54.1 to L54.3

• Multiparty grammars are effective for text oriented command

• User Interface Independence

• Methodology & Notation

1. Part of the application built using the tool.

You might also like