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