Dr. Drew Hwang, CIS, Cal Poly Pomona
Home
101
WDD
ECOMM
SWA
SP
Web Design and Development
Home
Introduction
Structure
Design
Presentation
Client-side Behavior
Server-side Behavior
Design
Web Interface Design
Design Factor
Layout
Navigation
Visibility
Accessibility
Browser Compatibility
Structure vs. Presentation
Presentation vs. Behavior
Responsive Design
Basics
Strategies
Media Queries
Development
Frameworks
Exercise
Print
Web Interface Design
The paradigm of web computing has made the interface of information systems mostly web-based, or browser-based.
Today's web interface design to a legacy or non-web system, or web design to a web-based application, is influenced by the following four major factors:
Web
content
can go wide and deep.
Web content is authored in "
hypertext
" format.
Web content can be presented through various types of
media
(e.g., text, graphics, audio, video, animation, etc.)
Modern web users tend to be more
experience
sensitive through intuition and expectation.
Web is being accessed by a vast array of
user agents
(i.e. devices)
There are three essential components of web interface design:
It starts with a
Layout
(i.e., template) to organize and present content.
To enable browsing, it integrates a
Navigation
.
For user experience, it employ
Style
.
Some of the major principles for web interface design:
Usability
Visualization
Functionality
Responsiveness
Visibility
Accessibility
Extensibility
Maintainability
Browser Compatibility