User Interfaces System Models 12 February USER INTERFACES
User Interfaces System Models 12 February
USER INTERFACES (CONT)
Three Types of Windows n n n Property – information only Dialogue – input from user and subsequent action Alert – information that needs to be seen before continuing. Developer determined.
Examples ABC alert message Caution: “age” must be < 120 OK Properties of automobile 189 Property Value Brand Toyota Model Camry ID 893 -8913 -789014 Help Word __________ This screen All screens
Why Classify? n n Use the right type of window Consider purpose when designing n Example: alert window must be seen; property window not as critical
Rollovers n Information that is optional and selected by the user This is a rollover window, designed to provide on-the-fly amplification n But it often can’t be copied. It doesn’t remain visible. Are those important for this usage?
Good Screen Design n Consistency: use of pull-downs vs. entry n Starting in the upper left corner: first thing to fill in n Simple navigation n Grouping and alignment Keep related issues together Captions for clarity
The content is all there… Type checking saving Branch Main St. Elm St. Privileges newsletter mmf CD High St. discounts quick loans First name Middle name Last name Street City State/county OK Apply Cancel Adapted from Software Engineering: An Object-Oriented Perspective by Eric J. Braude (Wiley 2001), with permission. Help
But it can be better New Customers Name Address First Middle Street City Last State/county Branch Account type checking saving money market CD Main St. Elm St. High St. OK Apply Cancel Privileges newsletter discounts quick loans Help Adapted from Software Engineering: An Object-Oriented Perspective by Eric J. Braude (Wiley 2001), with permission.
Use of White Space n More advice than you could ever want n n Active and passive Classy vs. mass-produced Clutter or incomplete …
Visualization and Information Design n How to present results n Visualization usually refers to dynamically created results n n n Data Information design usually refers to crafted piece n Edward Tufte
Minard: Napoleon’s March to Moscow - Width of band shows size of army at each position. - Black band shows retreat tied to temperature and time
User Interfaces n Introducing the Book
SYSTEM MODELS
Modeling n Based on abstraction n Looking only at relevant information Hiding details Create multiple views n As orthogonal as possible n n Each view has information that is unique Each view has information that appears in other views Common information is consistent How many views?
Modeling an airplane
Exercise: Modeling a House n n What views would you model? Do they meet the criteria?
- Slides: 17