Skip to content

Courses On Web Design

daniel-montalvo edited this page Jul 30, 2021 · 11 revisions

This page collects some information about web design courses and terminology used in such courses to help our curricula contents fit better in general web design courses.

Courses

It has been in general difficult to find courses addressing web designers only. The majority of the courses that I have found specifically address both designers and developers. The term "design" used in most courses implies a much broader concept that includes ideation, prototyping, development, testing, and even project management.

General Courses

  • UX and Web Design Master Course
  • Program UI&UX Design
  • Designing the User Experience -- Mainly focused on user experience. Good to explore some concepts like personas, story mapping, and prototyping.
  • Master Digital Product Design -- Provides a walk-through for all the different phases in product design. Also, it provides a background on design history.
  • Complete Mobile and Web Designer in 2021 -- Addresses designers and developers. Most of the courses that I have found are like this one, and their rationale is that the industry highly demands these two profiles in combination.
  • Information Visualization -- Specifically focused on different ways of visual perception of information. I am thinking of basing on these premises and on extending our current "Informational Design" to "Information and Perception" (not just visually, but auditory and cognitive).
  • The practical guide to usability -- Mainly focused in usability applied to user interface design.
  • Professional Diploma in UX Design, UXDesign Institute - What You'll Learn (outline) includes: ... Structure and navigation ; Interactions ... (added 28 Jul by Shawn)

Visual Design Courses

  • Visual Design Course, General Assembly includes "create beautiful, responsive designs for the web". Syllabus (from email): Introduction to Visual Design , Brand and User Research , From Research to Moodboards , Content Strategy for Visual Designers , Layout and Navigation , Responsive Grids and UI Patterns , Introduction to Typography , Typography Decisions , Introduction to Imagery , Incorporating Imagery , Introduction to Color Theory , Applying Color , [Interaction Design] (added 28 Jul by Shawn)
  • Visual Design for Web Designers, UI Designers & Developers course outline is: Using Line, Shapes, Colors and Typeface ; Block Design Technique ; Scale of Importance ; Using Contrast in Design ; Proximity in Design ; Alignment in Design (added 28 Jul by Shawn)
  • Visual Design, OLI course outline (link in left/secondary nav) is: Visual Hierarchy: Type, Spacing ; Legibility & Readability; Page Layout (added 28 Jul by Shawn)
  • Professional Certificate in Visual Design, UXDesign Institute - What You'll Learn (outline) (added 28 Jul by Shawn)

Courses Specifically on Accessibility

Key Terms

This section outlines some terms that are relevant in the design courses. It also explains how they are being used (or how they could be used) in the designer modules.

  • Informational Design -- This is currently used for the title of module 5. Originally attached to graphical information, but then spread to cover how information should be presented and how to make users understand it both visually and conceptually. This seems to be a much broader concept than our current use, so it might create confusion. I will change to "information perception".
  • Color -- not as prominent as we have it now in our curricula. I think in overall design courses color is more attached to creativity than to requirements, as it is in accessibility.
  • Information Architecture -- Researched about the Big versus Little IA by Andrew Dillon. Still a much broader concept covering much more than what we cover in our current module 5.
  • Animation -- Currently our use of it is attached to WCAG2 SC 2.3.3 Animation from Interactions. this is a much broader concept and current use could be misleading.
  • Prototype -- A prototype is an early sample, model, or release of a product built to test a concept or process. Currently used in module 2 "Wireframes and Prototypes".
  • Wireframe -- Visual guide that represents the skeletal framework of a website. Currently sued in module 2 "Wireframes and prototypes".
  • 3D renderings -- Beyond scope.
  • minimum viable products -- Beyond scope.
  • Typography -- Beyond scope.