CIW User Interface Designer

40 Hours / 12 Months / Self-Paced

Course Overview:

The CIW User Interface Designer is the second course in the CIW Web and Mobile Design series. In this course, you will learn about the strategies and tactics necessary to design user interfaces, with particular emphasis on creating user interfaces for mobile devices. You will study how to apply essential usability concepts, including clarity, ease of use, simplicity, and detectability. You will learn how information obtained from the client, sales, and marketing is utilized to design and develop compelling visual experience Web sites for multiple platforms, including mobile, tablet, and desktop.

In addition, 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 testing procedures and the vital role of testing to publish and maintain a Web site. Finally, you will study branding considerations and responsive design implementation in relation to the user interface design of Web sites.

Topics Include:
  • Obtain information from the client, including obtaining detailed information from relevant parties (e.g., sales and marketing).
  • Create a wireframe.
  • Deploy appropriate color schemes and tones.
  • Describe and use current typical design templates.
  • Summarize proper use of formatting and typography.
  • Recognize user analysis techniques.
  • Apply essential usability concepts, including clarity, ease of use, simplicity, detectibility and typography.
  • Describe usability testing procedures, including the importance of testing.
  • Design for multiple platforms (e.g., mobile phone, tablet, traditional desktop).
  • Identify elements that make a compelling visual experience.
  • Discuss branding considerations in relation to user interface design.
  • Implement responsive design (e.g., progressive enhancement, feature detection).
  • Design pages for a cloud-based storefront.
Prerequisites:

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.

Target Audience:
  • Web designers
  • Internet consultants
  • IT professionals
  • Marketing professionals
  • Web and graphic artists
  • Business professionals

The CIW User Interface Designer course prepares candidates to take the CIW User Interface Designer exam, which, if passed, earns the individual the CIW User Interface Designer certification.

Course Outline:

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
  • Accessibility
User Interface Design Principles and Legal Guidelines
  • Web UI Design Principles
  • Visual Design Principles
  • Branding
  • Legal Issues Impacting Web Design
Color, Typography, Layout and Wireframing
  • Color
  • Typography
  • Layout
  • 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
  • GET and POST
  • 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

All necessary materials (online eBook) are included.

Certification(s):

The CIW User Interface Designer course prepares candidates to take the CIW User Interface Designer exam, which, if passed, earns the individual the CIW User Interface Designer certification.


System Requirements:

Internet Connectivity Requirements:
  • Cable and DSL internet connections are recommended.

Hardware Requirements:
  • Minimum Pentium 400 Mhz CPU or G3 Macintosh. 1 GHz or greater CPU recommended.
  • 256MB RAM minimum. 1 GB RAM recommended.
  • 800x600 video resolution minimum. 1025x768 recommended.
  • Speakers/Headphones to listen to Dialogue steaming audio sessions.
  • A microphone to speak in Dialogue streaming audio sessions.
Operating System Requirements:
  • Windows Vista, 7, 8, 8.1, 9, 10
  • Mac OSX 10 or higher.
  • OpenSUSE Linux 9.2 or higher.
Web Browser Requirements:
  • Google Chrome is recommended.
  • Firefox 13.x or greater.
  • Internet Explorer 6.x or greater.
  • Safari 3.2.2 or greater.
Software Requirements:
  • Adobe Flash Player 6 or greater.
  • Oracle Java 7 or greater.
  • Adobe Reader 7 or greater.
Web Browser Settings:
  • Accept Cookies
  • Disable Pop-up Blocker.


**Outlines are subject to change, as courses and materials are updated.**