This document discusses graphical user interfaces (GUIs) and user interface (UI) design. It explains that GUIs use visual elements like windows, icons and menus to provide a point-and-click experience to users. The document also outlines important principles for UI design, such as prioritizing functionality over aesthetics, following consistent design patterns, and creating intuitive experiences based on real-world analogies familiar to users. Storyboarding is presented as a way to plan and check the design elements of a GUI before development.

1. GRAPHICAL USER
INTERFACES
PLANNING

2. APPLICATION TYPES
• Windows Applications
• Graphic based
• Point and click
• Events
• Stand - alone
2

3. INTERFACE DESIGN
• User Interface (UI)
• Accepts data from user and presents
results
• Graphical User Interface (GUI)
• Provides visual cues to the user
• Aesthetics verses Function
• Visual aesthetics should follow function
• Consistent Design Principles
• Follow basic graphic design principles
• Consistent visually and functionally
• Real-World Experience
• Use concepts familiar to users
3

4. STORYBOARD
4
• Drawing the GUI allows programmers to check
design elements

5. WHEN DESIGNING A USER
INTERFACE
• Based on your previous experience with
Window applications, draw a storyboard of
a user interface.
• Describe the events (control objects on
the form) and methods (code behind the
control objects).
• Referring to the user interface you
designed, what mistakes could a user
make?
• What will your application do in response
to those mistakes? 5