V
WGU: USER INTERFACE DESIGN - C773
QUESTIONS AND ANSWERS
ARPAnet - Advanced Research Project Agency[ARPA] network, a government network that evolved into
the internet in 1982.
Back-end - A Web site is the code & functionality that resides on the Web Server, & is invisible to end-
users.
Cascading Style Sheets [CSS] - W3C technology for laying out & formatting HTML docs.
W3C - World Wide Web Consortium an international community that develops open standards to ensure
the long-term growth of the Web.
Dad Visualization - Complex data depicted in a simple, graphic format.
Design Document - Compendium of design-centered documentation: goal statements, competitor
analyses, customer interviews, functional specs, sketches, wireframes, mockups, etc.
Dynamic HTML [DHTML] - Set of technologies used to create interactive Web sites, typically HTML,
JavaScript & CSS.
Flash - 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 - Minimalist approach to UI design that uses simple 2D visual elements, typography and
colors.
Front-End - Web site is visible interface that end users interact with.
Hypertext Markup Language [HTML] - Basic language for structuring documents to display in Web
browsers.
Media Query - 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 - Computer-graphic technique in which background layers of an image scroll slower
than the foreground layers.
User Interface [UI] Design - Planning & creation of a set of controls that enable a user to interact with a
computer device.
White Space - Blank space used to separate objects in a design. Can be color, not just what. Also called
empty, blank, or negative space.
Wireframes - Blueprint-like diagram of a user interface.
,Web Site Designer - Like the right brain hemisphere: creative, imaginative, & intuitive.
Web Site Developer - Like the left brain hemisphere: logical, linear & analytical.
"On Time & On Budget" - Mantra of a project manager.
Web Site Style Guide - Compendium on conventions for the formatting & content of a Web site.
Responsive Design - 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] - Information gathering, Planning, Design,
Development, Testing, & Delivery & Maintenance.
Developer Responsibilities - 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 - Depends strongly on collaboration.
Bottom-up Design - Moves from parts to whole
Ethical - Based on common attitudes about right vs wrong.
Legal - Based on common attitudes about right vs wrong.
Mind Mapping - Captures and arranges ideas. Diagram used to visually organized information.
Mood Board - Depicts a site's layout and color scheme.
Site Specification - Functionality, content, architecture, and design.
Vision Statement - Like a mission statement for a site.
Web Site Host - ISP
Word List - Describes the site theme.
Cross-Functional Teams - Work teams composed of members with different skill sets, such as usability
experts, graphic designers, and programmers.
Iterative Process - Process that is repeated as many times as it takes to achieve a desired goal.
Publishing a Site - Uploading all of the site files to a Web server and making these files accessible to the
public on the internet.
Web Site Architecture - Organization of the content of a Web site.
Web Site Specification - Detailed description of the key considerations & components that go into
making the site.
Benefit of drawing a mind map by hand. - It fosters an immediate & visceral connection between hand,
brain, & map contents.
Architecture - Defines structure of the site.
, Suggested tactic for implementing the general strategy of attracting & retaining site visitiors. -
Personalize users experience by displaying their name, visual preferences [colors, layout, text size, etc.],
products suited to their profile, and so on.
A set of standards guiding the conduct of the members of a World Wide Web community & establish
basic values for responsible actions & practices within that community. - Ethics
Denial of Service [DOS] attack. - Attack that cripples the server by consuming all of its network
bandwidth, forcing them to deny service to the users.
Advantage of using mood boards for design? - Thing of beauty, an artistic collage in its own right.
Aesthetically strong mood board can inspire a design team to make the Web site equally beautiful.
Who should review & approve the specification before the project moves forward to the design phase. -
Client [individual or company who hired you to design the Website]
Customers [site users],
All primary stakeholders.
Define Phase Web Site Production - Content [page elements]
Structure [relationships between pages]
Functionality [user tasks] & Form [appearance] is specified.
Using copyrighted materials [text, images, music, films, etc.] without permission. - Violation of both
ethics & copyright law.
FTP [File Transfer Protocol] - Used to transfer files between 2 computers connected to the internet.
Bottom-Up approach main advantage. - Places user satisfaction [usability] right where it should be: at
the head of the designers list of priorities.
Bottom Up - Considered better for Web Design.
Begin by identifying essential user needs, desires, & behaviors.
Info as a guideline, build the actual site.
Bottom [user needs generates the top [site]].
Creating Web site strategy - Define the brand
Determine the goal
Define the audience
Analyze the competition
Define the brand - What message & unique values should site establish for company brand.
"A concise statement of Web sites main goals & vision it has of its presence of the online world" - Web
site vision statement.
WGU: USER INTERFACE DESIGN - C773
QUESTIONS AND ANSWERS
ARPAnet - Advanced Research Project Agency[ARPA] network, a government network that evolved into
the internet in 1982.
Back-end - A Web site is the code & functionality that resides on the Web Server, & is invisible to end-
users.
Cascading Style Sheets [CSS] - W3C technology for laying out & formatting HTML docs.
W3C - World Wide Web Consortium an international community that develops open standards to ensure
the long-term growth of the Web.
Dad Visualization - Complex data depicted in a simple, graphic format.
Design Document - Compendium of design-centered documentation: goal statements, competitor
analyses, customer interviews, functional specs, sketches, wireframes, mockups, etc.
Dynamic HTML [DHTML] - Set of technologies used to create interactive Web sites, typically HTML,
JavaScript & CSS.
Flash - 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 - Minimalist approach to UI design that uses simple 2D visual elements, typography and
colors.
Front-End - Web site is visible interface that end users interact with.
Hypertext Markup Language [HTML] - Basic language for structuring documents to display in Web
browsers.
Media Query - 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 - Computer-graphic technique in which background layers of an image scroll slower
than the foreground layers.
User Interface [UI] Design - Planning & creation of a set of controls that enable a user to interact with a
computer device.
White Space - Blank space used to separate objects in a design. Can be color, not just what. Also called
empty, blank, or negative space.
Wireframes - Blueprint-like diagram of a user interface.
,Web Site Designer - Like the right brain hemisphere: creative, imaginative, & intuitive.
Web Site Developer - Like the left brain hemisphere: logical, linear & analytical.
"On Time & On Budget" - Mantra of a project manager.
Web Site Style Guide - Compendium on conventions for the formatting & content of a Web site.
Responsive Design - 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] - Information gathering, Planning, Design,
Development, Testing, & Delivery & Maintenance.
Developer Responsibilities - 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 - Depends strongly on collaboration.
Bottom-up Design - Moves from parts to whole
Ethical - Based on common attitudes about right vs wrong.
Legal - Based on common attitudes about right vs wrong.
Mind Mapping - Captures and arranges ideas. Diagram used to visually organized information.
Mood Board - Depicts a site's layout and color scheme.
Site Specification - Functionality, content, architecture, and design.
Vision Statement - Like a mission statement for a site.
Web Site Host - ISP
Word List - Describes the site theme.
Cross-Functional Teams - Work teams composed of members with different skill sets, such as usability
experts, graphic designers, and programmers.
Iterative Process - Process that is repeated as many times as it takes to achieve a desired goal.
Publishing a Site - Uploading all of the site files to a Web server and making these files accessible to the
public on the internet.
Web Site Architecture - Organization of the content of a Web site.
Web Site Specification - Detailed description of the key considerations & components that go into
making the site.
Benefit of drawing a mind map by hand. - It fosters an immediate & visceral connection between hand,
brain, & map contents.
Architecture - Defines structure of the site.
, Suggested tactic for implementing the general strategy of attracting & retaining site visitiors. -
Personalize users experience by displaying their name, visual preferences [colors, layout, text size, etc.],
products suited to their profile, and so on.
A set of standards guiding the conduct of the members of a World Wide Web community & establish
basic values for responsible actions & practices within that community. - Ethics
Denial of Service [DOS] attack. - Attack that cripples the server by consuming all of its network
bandwidth, forcing them to deny service to the users.
Advantage of using mood boards for design? - Thing of beauty, an artistic collage in its own right.
Aesthetically strong mood board can inspire a design team to make the Web site equally beautiful.
Who should review & approve the specification before the project moves forward to the design phase. -
Client [individual or company who hired you to design the Website]
Customers [site users],
All primary stakeholders.
Define Phase Web Site Production - Content [page elements]
Structure [relationships between pages]
Functionality [user tasks] & Form [appearance] is specified.
Using copyrighted materials [text, images, music, films, etc.] without permission. - Violation of both
ethics & copyright law.
FTP [File Transfer Protocol] - Used to transfer files between 2 computers connected to the internet.
Bottom-Up approach main advantage. - Places user satisfaction [usability] right where it should be: at
the head of the designers list of priorities.
Bottom Up - Considered better for Web Design.
Begin by identifying essential user needs, desires, & behaviors.
Info as a guideline, build the actual site.
Bottom [user needs generates the top [site]].
Creating Web site strategy - Define the brand
Determine the goal
Define the audience
Analyze the competition
Define the brand - What message & unique values should site establish for company brand.
"A concise statement of Web sites main goals & vision it has of its presence of the online world" - Web
site vision statement.
