WGU C773 2026
2027 User
Interface Design
Complete Course
Guide
,ARPAnet - correct answer = Advanced Research Project Agency(ARPA) network, a y y y y y y y y y y y
government network that evolved into the internet in 1982. y y y y y y y y
Back-end - correct answer = A Web site is the code & functionality that resides on the Web
y y y y y y y y y y y y y y y y y y y y y
Server, & is invisible to end-users. y y y y y
Cascading Style Sheets (CSS) - correct answer = W3C technology for laying out & formatting
y y y y y y y y y y y y y y y y y y
HTML docs. y
W3C - correct answer = World Wide Web Consortium an international community that
y y y y y y y y y y y y y y y y
develops open standards to ensure the long-term growth of the Web. y y y y y y y y y y
y y y Dad Visualization - correct answer = Complex data depicted in a simple, graphic format.
y y y y y y y y y y y y y
Design Document - correct answer = Compendium of design-centered documentation: goal
y y y y y y y y y y y y y y
statements, competitor analyses, customer interviews, functional specs, sketches, y y y y y y y y
wireframes, mockups, etc. y y
Dynamic HTML (DHTML) - correct answer = Set of technologies used to create interactive
y y y y y y y y y y y y y y y y y
Web sites, typically HTML, JavaScript & CSS.
y y y y y y
Flash - correct answer = Proprietary technology for developing Web animations; sometimes
y y y y y y y y y y y y y y y
used as a platform for entire sites. Requires a browser plug-in to view & run.
y y y y y y y y y y y y y y
Flat UI Design - correct answer = Minimalist approach to UI design that uses simple 2D visual
y y y y y y y y y y y y y y y y y y y y
elements, typography and colors. y y y
y y y Front-End - correct answer = Web site is visible interface that end users interact with. y y y y y y y y y y y y y y
Hypertext Markup Language (HTML) - correct answer = Basic language for structuring
y y y y y y y y y y y y y y y
documents to display in Web browsers. y y y y y
Media Query - correct answer = CSS3 feature that enables content presentation to adapt to
y y y y y y y y y y y y y y y y y y
variable conditions such as screen size & resolution across a variety of devices. (smartphone,
y y y y y y y y y y y y y
tablet, laptop, desktop)
y y y
Parallax Scrolling - correct answer = Computer-graphic technique in which background
y y y y y y y y y y y y y y
layers of an image scroll slower than the foreground layers.
y y y y y y y y y
User Interface (UI) Design - correct answer = Planning & creation of a set of controls that
y y y y y y y y y y y y y y y y y y y y
enable a user to interact with a computer device.y y y y y y y y
White Space - correct answer = Blank space used to separate objects in a design. Can be
y y y y y y y y y y y y y y y y y y y y
color, not just what. Also called empty, blank, or negative space.
y y y y y y y y y y
y y y Wireframes - correct answer = Blueprint-like diagram of a user interface. y y y y y y y y y y
, Web Site Designer - correct answer = Like the right brain hemisphere: creative, imaginative,
y y y y y y y y y y y y y y y y y
& intuitive.
y
Web Site Developer - correct answer = Like the left brain hemisphere: logical, linear &
y y y y y y y y y y y y y y y y y y
analytical.
y y y "On Time & On Budget - correct answer = Mantra of a project manager.
y y y y y y y y y y y y y
Web Site Style Guide - correct answer = Compendium on conventions for the formatting &
y y y y y y y y y y y y y y y y y y
content of a Web site. y y y y
Responsive Design - correct answer = Seeks to provide an optimal experience for users
y y y y y y y y y y y y y y y y y
across a wide range of devices. y y y y y
Different Web Design teams use different models to capture their process for executing a
y y y y y y y y y y y y y y y y y
project. Most models share these essential phases (in chronological order) - correct answer =
y y y y y y y y y y y y y y
Information gathering, Planning, Design, Development, Testing, & Delivery & Maintenance. y y y y y y y y y
Developer Responsibilities - correct answer = Programming front-end UI (Uses client-side
y y y y y y y y y y y y y y
code, HTML,CSS, JavaScript, etc.), Programming back-end application (Server-side code
y y y y y y y y y
such as PHP, MySQL, etc.), Testing, revising & re-testing over and over again until everything
y y y y y y y y y y y y y y y
on site looks & behaves exactly as project design dictates.
y y y y y y y y y
y y y Agile Design - correct answer = Depends strongly on collaboration.
y y y y y y y y y
y y y Bottom-up Design - correct answer = Moves from parts to whole y y y y y y y y y y
y y y Ethical - correct answer = Based on common attitudes about right vs wrong.
y y y y y y y y y y y y
y y y Legal - correct answer = Based on common attitudes about right vs wrong.
y y y y y y y y y y y y
Mind Mapping - correct answer = Captures and arranges ideas. Diagram used to visually
y y y y y y y y y y y y y y y y y
organized information. y
y y y Mood Board - correct answer = Depicts a site's layout and color scheme.
y y y y y y y y y y y y
y y y Site Specification - correct answer = Functionality, content, architecture, and design.
y y y y y y y y y y
y y y Vision Statement - correct answer = Like a mission statement for a site.
y y y y y y y y y y y y
y y y Web Site Host - correct answer = ISP
y y y y y y y
y y y Word List - correct answer = Describes the site theme.
y y y y y y y y y
2027 User
Interface Design
Complete Course
Guide
,ARPAnet - correct answer = Advanced Research Project Agency(ARPA) network, a y y y y y y y y y y y
government network that evolved into the internet in 1982. y y y y y y y y
Back-end - correct answer = A Web site is the code & functionality that resides on the Web
y y y y y y y y y y y y y y y y y y y y y
Server, & is invisible to end-users. y y y y y
Cascading Style Sheets (CSS) - correct answer = W3C technology for laying out & formatting
y y y y y y y y y y y y y y y y y y
HTML docs. y
W3C - correct answer = World Wide Web Consortium an international community that
y y y y y y y y y y y y y y y y
develops open standards to ensure the long-term growth of the Web. y y y y y y y y y y
y y y Dad Visualization - correct answer = Complex data depicted in a simple, graphic format.
y y y y y y y y y y y y y
Design Document - correct answer = Compendium of design-centered documentation: goal
y y y y y y y y y y y y y y
statements, competitor analyses, customer interviews, functional specs, sketches, y y y y y y y y
wireframes, mockups, etc. y y
Dynamic HTML (DHTML) - correct answer = Set of technologies used to create interactive
y y y y y y y y y y y y y y y y y
Web sites, typically HTML, JavaScript & CSS.
y y y y y y
Flash - correct answer = Proprietary technology for developing Web animations; sometimes
y y y y y y y y y y y y y y y
used as a platform for entire sites. Requires a browser plug-in to view & run.
y y y y y y y y y y y y y y
Flat UI Design - correct answer = Minimalist approach to UI design that uses simple 2D visual
y y y y y y y y y y y y y y y y y y y y
elements, typography and colors. y y y
y y y Front-End - correct answer = Web site is visible interface that end users interact with. y y y y y y y y y y y y y y
Hypertext Markup Language (HTML) - correct answer = Basic language for structuring
y y y y y y y y y y y y y y y
documents to display in Web browsers. y y y y y
Media Query - correct answer = CSS3 feature that enables content presentation to adapt to
y y y y y y y y y y y y y y y y y y
variable conditions such as screen size & resolution across a variety of devices. (smartphone,
y y y y y y y y y y y y y
tablet, laptop, desktop)
y y y
Parallax Scrolling - correct answer = Computer-graphic technique in which background
y y y y y y y y y y y y y y
layers of an image scroll slower than the foreground layers.
y y y y y y y y y
User Interface (UI) Design - correct answer = Planning & creation of a set of controls that
y y y y y y y y y y y y y y y y y y y y
enable a user to interact with a computer device.y y y y y y y y
White Space - correct answer = Blank space used to separate objects in a design. Can be
y y y y y y y y y y y y y y y y y y y y
color, not just what. Also called empty, blank, or negative space.
y y y y y y y y y y
y y y Wireframes - correct answer = Blueprint-like diagram of a user interface. y y y y y y y y y y
, Web Site Designer - correct answer = Like the right brain hemisphere: creative, imaginative,
y y y y y y y y y y y y y y y y y
& intuitive.
y
Web Site Developer - correct answer = Like the left brain hemisphere: logical, linear &
y y y y y y y y y y y y y y y y y y
analytical.
y y y "On Time & On Budget - correct answer = Mantra of a project manager.
y y y y y y y y y y y y y
Web Site Style Guide - correct answer = Compendium on conventions for the formatting &
y y y y y y y y y y y y y y y y y y
content of a Web site. y y y y
Responsive Design - correct answer = Seeks to provide an optimal experience for users
y y y y y y y y y y y y y y y y y
across a wide range of devices. y y y y y
Different Web Design teams use different models to capture their process for executing a
y y y y y y y y y y y y y y y y y
project. Most models share these essential phases (in chronological order) - correct answer =
y y y y y y y y y y y y y y
Information gathering, Planning, Design, Development, Testing, & Delivery & Maintenance. y y y y y y y y y
Developer Responsibilities - correct answer = Programming front-end UI (Uses client-side
y y y y y y y y y y y y y y
code, HTML,CSS, JavaScript, etc.), Programming back-end application (Server-side code
y y y y y y y y y
such as PHP, MySQL, etc.), Testing, revising & re-testing over and over again until everything
y y y y y y y y y y y y y y y
on site looks & behaves exactly as project design dictates.
y y y y y y y y y
y y y Agile Design - correct answer = Depends strongly on collaboration.
y y y y y y y y y
y y y Bottom-up Design - correct answer = Moves from parts to whole y y y y y y y y y y
y y y Ethical - correct answer = Based on common attitudes about right vs wrong.
y y y y y y y y y y y y
y y y Legal - correct answer = Based on common attitudes about right vs wrong.
y y y y y y y y y y y y
Mind Mapping - correct answer = Captures and arranges ideas. Diagram used to visually
y y y y y y y y y y y y y y y y y
organized information. y
y y y Mood Board - correct answer = Depicts a site's layout and color scheme.
y y y y y y y y y y y y
y y y Site Specification - correct answer = Functionality, content, architecture, and design.
y y y y y y y y y y
y y y Vision Statement - correct answer = Like a mission statement for a site.
y y y y y y y y y y y y
y y y Web Site Host - correct answer = ISP
y y y y y y y
y y y Word List - correct answer = Describes the site theme.
y y y y y y y y y