CIW User Interface Designer

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.

CIW User Interface Designer
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.

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.

User Interface Designer


he 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.

Technical Requirements


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

Learning Objectives

  • 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.

Target Audience

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

    Web designers

  • Internet consultants
  • IT professionals
  • Marketing professionals
  • Web and graphic artists
  • Business professionals
  • Web marketing professionals
  • Mobile application developers
  • Creative directors
  • Advertising professionals
  • Entrepreneurs

CIW Exam 1D0-61A

CIW Exam 1D0-621

Domain 1: User Interface Design Projects
1.1 Describe how Web user interfaces have evolved as more devices access the Internet.

1.2 Explain current trends in user interface design, such as mobile devices and responsive design techniques.

1.3 Explain the responsibilities and tasks of Web design team members.

1.4 Describe the basic tasks of Web design project management, including project management phases, project documentation and communication.

1.5 Describe the advantages of Web design project collaboration.

1.6 List the benefits of creating a personal Web design project portfolio.

1.7 Start planning a fictitious Web-based business, including drafting a goals statement (types of customers, feel of work, mission statement) and creating a design team.

Domain 2: User Interface Design Process
2.1 List steps in a basic Web design project’s development process, including bottom-up approach, Agile approach, vision, strategy, specifications, mindmapping, site map, wireframe.

2.2 Describe the Agile Web development approach, including streamlining project workflow, eliminating bottlenecks, focusing on value, facilitating changes in requirements.

2.3 Define a project vision for a Web site or mobile app interface.

2.4 Explain the user interface design process, from vision to strategy.

2.5 Define the specifications for designing a Web site.

2.6 Discuss considerations for site publishing, including FTP uploads, mobile apps, publishing tools.

2.7 Describe various choices and challenges of site hosting, including security, costs.

2.8 Describe the security maintenance required for Web sites.

2.9 List guidelines for ethical Web design, including comparing unethical vs. illegal.

2.10 Apply the mindmapping process to user interface design projects.

2.11 Determine metaphors for a user interface design.

2.12 Define the purpose of creating word lists and mood boards in relation to the Web design process. Create a word list for your Web site using the two-step process and mood board using the eight-step process.

2.13 Create a site map for a fictitious business.

Domain 3: User Centered Web Design
3.1 Explain the optimal relationship between Web users and site design, including customers vs. contributors, attracting and retaining users, needs-driven design, and scenario-based design.

3.2 Identify Participatory Design and its involvement with all stakeholders.

3.3 Explain Scenario-based design and when it is used.

3.4 Describe the importance of Cognitive Psychology in relation to Web Design.

3.5 Identify the terms “personas” and “usability” to understand your audience.

3.6 Explain use case and use case scenarios.

3.7 Describe the purpose and importance of site usability testing.

3.8 Given a scenario, determine how to improve site accessibility.

3.9 Explain how to improve site accessibility for mobile devices.

Domain 4: User Interface Design Principles
4.1 Apply user interface design principles to Web site design.

4.2 Describe CARP (contrast, alignment, repetition, proximity) and how it is important to UI design principles.

4.3 Describe ERBU (emphasis, rhythm, balance, unity) and how it is important to UI design principles.

4.4 Explain branding considerations in user interface design.

4.5 Given a scenario, describe and resolve legal issues in Web design.

Domain 5: Color, Typography, Layout, and Wireframing
5.1 Describe the importance of color usage in user interface design.

5.2 Consider font choices and challenges in user interface design.

5.3 Identify elements of effective Web page layout (e.g., content, navigation, space), and discuss variables that may apply to specific situations or site types. Given a scenario, determine an effective Web page layout.

5.4 Create a Web page wireframe for a fictitious business.

5.5 Explain page layout techniques when creating user interfaces for mobile devices.

Domain 6: Designing a Basic Web Page User Interface
6.1 Create a simple Web user interface using best practices.

6.2 Identify the basics of HTML, CSS and responsive design.

6.3 Apply a default page template to a Web site.

6.4 Apply a set of custom page templates to a Web site.

6.5 Use spelling and grammar tools to review site text.

Domain 7: Web Site Navigation Concepts
7.1 Explain why navigation is critical to interface design, including user-centered design concepts, and “mystery meat” navigation.

7.2 Identify best practices for Web site structure, URLs and file names. Create a site navigation system.

7.3 Describe familiar conventions used in site navigation, including breadcrumb trails, logos, menus, visited links, home page, naming conventions.

7.4 Compare primary and secondary navigation elements in a Web site.

7.5 Identify the benefits of guided site navigation.

7.6 Given a scenario, create a navigation hierarchy for a Web site.

7.7 Given a scenario, create a navigation action plan for a Web site.

Domain 8: Designing an Interactive Web Page User Interface
8.1 Identify why prototyping is so important.

8.2 Explain common patterns of user activity on interfaces, including breadcrumbs, progressive disclosure, and pattern libraries.

8.3 Optimize the “look and feel” for a site.

8.4 Identify the importance of forms for user input within a user interface using best practices.

8.5 Explain how a form in a Web page should be processed to a database.

8.6 Identify an appropriate framework for a Web site.

8.7 Describe how UI library elements are used to create a Web site.

8.8 Identify a content management system to create a Web site.

8.9 Identify templates and themes.

8.10 Compare various site publishing tools, including FTP, HTTP and vendor-specific tools.

8.11 Choose a Web host and domain name for your site.

Domain 9: User Interface Design and SEO Strategies
9.1 Test a user interface, including HTML5 validation, quality assurance, security, focus groups. Validate the site code.

9.2 Explain the tasks required to properly maintain a Web site.

9.3 Define search engine optimization (SEO), including the relationship between SEO and Internet marketing.

9.4 Explain the relationship between written Web site content and SEO.

9.5 Given a scenario, explain SEO strategies for mobile apps and data.

9.6 Describe how metadata is used in SEO, including thetag, document identification, search engines, delayed file change.

Exam Detail

Certification Name: User Interface Designer
Exam ID: 1D0-621
Number of Questions: 54
Passing Score: 74.07%
Time Limit: 75 minutes
Course Name: User Interface Designer


Training Format Duration Price Schedule/Purchase
Classroom Training: Instructor Led Hand-on Training, Practice Test & 1 Exam Voucher 3 Days $799 View Schedule
Live Virtual Class: Instructor Led Online Training, Practice Test & one Exam Voucher 3 Days $699 View Schedule
Self-Study: Video Based Training, Practice Test & one Exam Voucher 1 year $399 Buy Now

For more information, call (714) 505-3475.