Professional Documents
Culture Documents
TECH IV YR I SEMESTER (TERM 08-09) UNIT 4 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.
1. 2. 3. 4. 5. 6. 7. 8.
Screen designing Screen planning and purpose organizing screen elements screen navigation and flow Visually pleasing composition focus and emphasis information retrieval on web statistical graphics Technological consideration in interface design REVISION
L23
L24 L25 L26
L23.1 to L23.10
L24.1 to L24.11 L25.1 to L25.11 L26.1 to L26.5
L27
L28
L27.1 to L27.5
L28.1 to L28.2
9.
L29
Screen designing
How to distract the screen user Unclear captions Improper type and graphic emphasis Misleading headings Irrelevant and unnecessary headings Inefficient results Clustered and cramped layout Poor quality of presentation Legibility Appearance arrangeemnt Visual inconsistency Lack of design features Over use of 3D presentations Overuse of too many bright colors Bad typography
Lecture 20 slide 1
Variety of distractions
Numerous audio and visual interruptions Extensive visual clutter Poor information readability In comprehensible screen components Confusing and inefficient navigation Inefficient operations Excessive or inefficient page scrolling Information overload Design incosistency Outdated information
lecture 20 slide 2
An obvious indication of what is being shown and what should be done with it. Expected information located where it should be. A clear indication of what relates to what.
lecture 20 slide 4
Design goals
Reduce visual work Reduce intellectual work Reduce memory work Reduce motor work
back
Lecture 20 slide 5
Follow the same conventions Deviate only when there is clear benefit to user
Lecture 21 slide 2
Lecture 21 slide 3
UPPER LEFT STARTING POINT provide an obvious starting point in the screens upper left corner.
back
Lecture 21 slide 4
Lecture 22 slide 1
Lecture 22 slide 2
Lecture 22 slide 4
back
Lecture 22 slide 5
Balance
Lecture 23 slide 2
symmetry
Lecture 23 slide 3
Regularity
Lecture 23 slide 4
Predictability
Lecture 23 slide 5
sequentially
The eye trends to be attracted to : A brighter element before one less bright
Lecture 23 slide 7
Lecture 23 slide 8
Lecture 23 slide 9
Lecture 24 slide 1
Lecture 25 slide 1
Line rulings
Contrasting colors Larger size
Positioning
Distinctiveness White space
Lecture 25 slide 2
Lecture 25 slide 3
Page perusal
Scanning guidelines Browsing
Browisng guidelines
Searching Problems with search facilities Search facility guidelines Express the search
Writing
Provide meaningful headings and subheadings. Provide meaningful titles Concisely write the text. Use bullets/ numbers Array information in tables
Presentation
Key information in words or phrases Lecture 26 slide 3 Important concepts
Browsing guidelines
Facilitate scanning Provide multiple layers of structure
Lecture 26 slide 4
statistical graphics
A statistical graphic is data presented in a graphical format. A well designed statistical graphic also refered to as chart or graph. Use of statistical graphics - reserve for material that is rich, complex or difficult. Data Presentation emphasize the data Minimize non data elements Minimize redundant data Fill the graphs available area with data. Show data variation
Lecture 27 slide 1
Surface charts
Ordering Coding schemes Labels
Lecture 27 slide 3
Scatter plots
two dimensions Consistent intervals multiple data sets Significant points
Bar graphs
consistent orientation Meaningful organization Bar spacing Differentiation Important or critical data Related bar ordering Reference index Lecture 27 labeling
slide 4
Flow charts
Order of stps Orientation Coding conventions Arrows Highlighting One decission at each step Consistently order and word all choices
Pie chart
back
Lecture 27 slide 5
Technological consideration -interface design Graphical systems Screen design must be compatible with the capabilities of the system
system power Screen size Screen resolution Display colors Other display features
Lecture 28 slide 1
browser
compatibility monitor size and resolution fonts Color Bandwidth Version
other considerations
Downloading Currency Page printing Maintainability
Lecture 28 slide 2
End of unit 4
Revision