CIW: User Interface Designer (1D0-621)

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
• Lesson Summary
• Optional Lab

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
• Lesson Summary
• Optional Lab

User-Centered Web Design

• User-Centered Web Design
• The Cognitive Psychology of Web Design
• Personas and Usability
• Accessibility
• Lesson Summary
• Optional Lab

User Interface Design Principles and Legal Guidelines

• Web UI Design Principles
• Visual Design Principles
• Branding
• Legal Issues Impacting Web Design
• Lesson Summary
• Optional Lab

Color, Typography, Layout and Wireframing

• Color
• Typography
• Layout
• Wireframes and Mockups
• Responsive Web Design
• Lesson Summary

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
• Lesson Summary
• Optional Lab

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
• Lesson Summary
• Optional Lab

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
• Lesson Summary
• Optional Lab

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
• Lesson Summary
• Optional Lab

Appendix A: User Interface Designer Objectives and Locations

Appendix B: Works Consulted

Introduction to JavaScript

• HTML5 and JavaScript
• Introduction to Scripting
• JavaScript Characteristics
• JavaScript vs. Other Languages
• Embedding JavaScript into HTML5 Documents
• JavaScript and Common Programming Concepts
• Objects, Properties and Methods
• Variables
• Expressions and Operators
• Optional Lab
• Lesson Summary

JavaScript Events, Functions and Methods

• User Events and JavaScript Event Handlers
• Introduction to JavaScript Functions
• Defining a Function
• Calling a Function
• Methods as Functions
• Errors In JavaScript
• Optional Lab
• Lesson Summary

Designing for Mobile Devices

• Introduction to Mobile Design
• Mobile Web Sites vs. Mobile Apps
• Designing Web Sites for Mobile Devices
• Page Layout for Mobile Devices
• Navigation and Hyperlinks for Mobile Devices
• Images and Mobile Design
• Validating and Testing Mobile Web Pages
• Responsive Web Design
• Lesson Summary