Web Design Principles - DIT 36027

Register for this course

To register call (204) 982-6633, or download the Course Registration Form (PDF) and mail or fax to:

University of Winnipeg
Division of Continuing Education
515 Portage Avenue
Winnipeg, MB Canada R3B 2E9

Phone: (204) 982-6633
Fax: (204) 944-0115

DIT 36027

30 hours

This course currently has no upcoming scheduled dates. Please check back here soon.

This course will teach basic principles of design, usability and accessibility as it relates to your web pages. It will cover topics such as colour theory, alignment, visual appeal and layout techniques for creating sites with not only intelligent structure, but good visual impact.

Programs

Internet Systems Specialist Diploma

Prerequisites

Computer and internet access at home

Photoshop

Outcomes

Identify good and bad web design in relation to visual appeal, usability and accessibility.
Apply basic principles of grid design: contrast, alignment, repetition, proximity.
Apply basic colour theory to designs and choose colour schemes that work for the Web.
Use proper typography on the Web, knowing its limitations and outcomes.
Determine effective positioning and use of elements relating to specific audiences, content and goals.

Additional Comments

Course Format

This course follows a lecture format. During class time, we will present material, draw your attention to key points that you should pay attention to, answer questions you may have, and manage class discussions, demonstrations, and hands-on exercises.

There are often daily quizzes or assignments. It is the responsibility of the student to be on time and to get copies of any assignments missed due to absence. Missed quizzes cannot be made up later.

Students are strongly advised to use the reference material. For every hour of class time the student should budget a reasonable amount of self-study time to cover all the material in this course.

Only material that is covered in class lectures will be testable.

Topic Outline

Day 1
- Introduction to Design
  - Basic design principles (CARP)
  - The design process
  - Good design vs. bad design
- Information Architecture
  - Design Patterns
  - Best Practices
  - Personas
  - Methods and Techniques
Day 2
- Web Usability
  - "Don't Make Me Think"
  - How users use the Web
  - Designing pages for scanning
  - Writing for the Web
  - Common usability mistakes
- Designing Navigation
  - Types of navigation
  - Page naming
  - Consistency & usability
Day 3
- Colour Theory & Colour Palettes
  - Meaning of colours
  - Concepts & terminology
  - Creating colour palettes
- Typography for the Web
  - Typography basics
  - How to choose a typeface
  - Mixing fonts and sizes
  - Web safe fonts vs. font embedding vs. image replacements
Day 4
- User Testing
  - When & why to test with users
  - Creating simple, effective tests
  - Interpreting & fixing test result issues
- Effective Web Design / Trends
  - Elements of design applied to the Web
  - Techniques to improve your interface design
  - Modern web design: best practices
  - Design resources

Notice

The contents of this page are given as a guideline only and are subject to change.