CIW User Interface Designer - Course Description

User Interface Designer

User Interface Designer is the second course in the CIW Web And Mobile Design series. This course introduces strategies and tactics necessary to design user interfaces, with particular emphasis on creating user interfaces for mobile devices. It focuses on teaching specific development techniques and strategies.

This course teaches how information obtained from the client, sales, and marketing to design and develop compelling visual experience Web sites for multiple platforms, including mobile, tablet, and desktop. You will learn more about wireframes, color schemes, tones, design templates, formatting, and typography. This course builds upon your abilities to implement user analysis techniques, usability concepts, usability testing procedures and the vital role of testing to publish and maintain a Web site.

You will also learn branding considerations and responsive design implementation in relation to the user interface design of Web sites.


Introduction to User Interface Design

What Is User Interface Design?
Evolution of Web User Interfaces
Current Trends in Web Design
Web Design Team Roles and Responsibilities
Web Design Project Management
Collaborative Web Design
Creating a Web Design Portfolio
Creating a Plan for a Web-Based Business Project

User Interface Design Process

Choosing a Web Design Methodology
Creating a Web Site Vision Statement
Creating and Implementing a Web Site Strategy
Creating a Web Site Specification
Publishing a Web Site
Choosing a Web Site Host
Securing a Web Site
Creating Ethical and Legal Web Sites
Creating a Mind Map
Using Metaphors
Creating Word Lists and Mood Boards
Creating a Site Map

User-Centered Web Design

User-Centered Web Design
The Cognitive Psychology of Web Design
Personas and Usability

User Interface Design Principles and Legal Guidelines

Web UI Design Principles
Visual Design Principles
Legal Issues Impacting Web Design

Color, Typography, Layout and Wireframing

Wireframes and Mockups
Responsive Web Design

Designing a Basic Web Site

Creating a Web Site
Part 1: Creating One Site Page
Part 2: Creating the Remaining Site Pages
Spell- and Grammar-Check the Site

Navigation Concepts

Why is Web Site Navigation So Important? Site Structure, Directory Structure and URLs
Positional Awareness
Primary and Secondary Navigation
Navigation Elements
Navigation Conventions and Principles
Creating a Navigation System

Designing and Developing a Professional Web Site

Why is Prototyping So Important?
User-Centered Web Design
User Interface Design Patterns
Optimizing the look and feel of a Web site
Focus on Web Forms
Constructing a Professional Web Site
Web Framework
User Interface Libraries
Web Content Management Systems
Additional Web Development Tools
Web Hosting Services and Domain Names

Site Publishing, Maintenance, Security, and SEO Strategies

Making Sure a Web Site is Ready to be Published
Maintaining a Web Site
Search Engine Optimization (SEO)
SEO and Written Site Content
SEO and Mobile-Friendliness
SEO and Metadata

Target Audience

Individuals preparing to enter or continue in the workforce fields of Web site development and design can benefit from the CIW User Interface Designer course and/or certification:

  • High school students
  • College students
  • Technical/trade school students

Professionals working in Web site development and design fields for any industry can benefit from the CIW User Interface Designer course and/or certification:

  • Web and graphic designers
  • Web marketing professionals
  • Mobile application developers
  • Creative directors
  • Advertising professionals
  • Entrepreneurs

Job Responsibilities

User Interface Designer job responsibilities can include:

  • Creating UI sketches and converting them to wireframes.
  • Elaborating the wireframes into page mockups.
  • Creating the site's graphic images, which can be extremely time-consuming.
  • Programming the front-end UI (using client-side code such as HTML, CSS, JavaScript, etc.).
  • Programming the back-end application (using server-side code such as PHP, MySQL, etc.).
  • Testing, revising and re-testing multiple times, using multiple browsers, including mobile devices until everything on the site looks and behaves exactly as the project design dictates.


The CIW User Interface Designer courseware requires an understanding HTML5 and CSS3 coding. Suggested prerequisites are the CIW Site Development Associate course and the CIW Advanced HTML5 & CSS3 Specialist course, or equivalent knowledge.

Close Window