You are creating the site map for a new website project. Which of the following design methodologies of Website production (sometimes called
the "five Ds") are you in?
Develop
Discover
Diagram
Discover
Which of the following is the preferred standard for responsive web design?
Use CSS to organize the information and HTML to control the appearance of the site.
Use JavaScript to set all CSS styles and control interactivity.
Use Flash to control the appearance of the site and capture browser information.
Use HTML to format the web site and CSS to control the appearance of the site.
How can you optimize your Web site for accessibility by visually challenged persons on any device (computers, laptops, tablets, mobile phones)?
Incorporate white space and strong contrast between text and background.
Support external physical keyboards or alternative on-screen keyboards.
Place navigation buttons at the top and bottom of web pages.
Make buttons of adequate size and have a small amount of inactive space between targets.
You are attending a job interview for a position as a web designer. The interviewer asks you to explain the reasoning behind using your particular
design approach. Which of the following supports your preference for the bottom-up design approach?
The sites are based on a central vision and design concept. After establishing this design base, the focus is then on how to direct users to
the parts of the site they need to see.
The design approach is centered around the needs and experiences of the users. If they are satisfied with their experience, they will
continue to visit in the future.
When designing, create an exciting and vibrant experience for the users. Go bold or go home!
This approach maximizes page views and conversions.
Which of the following represents an SEO strategy of using short phrases of three to five key words?
Word cloud
Boolean operator keywords
Long-tail keyword
Word salad
When starting a new project, many website designers develop a single page that includes all the fonts, sizes, white space, and colors they want.
This becomes their page template for the rest of the site. Why is this practice important?
IT proves the rest of the site will validate to current HTML5 standards.
It ensures the site has a consistent look and format.
It helps them determine which WYSIWYG code editor they should use.
It ensures they are properly separating the HTML5 coding from the CSS3 styling.
In the early days of user interface design web (1990's) designers moved from using tables to organize a layout, to interactive design using Flash. Today, which group of open-source technologies, are commonly used?
PhotoShop
PHP
Dynamic HTML
Vector graphics
Nicki is working on a website for a company that sells handmade beauty products online. One of the goals for this site is to attract and retain site visitors What is one tactic she could use to help achieve this goal?
Make sure users can only view products on the site after they have filled out a registration form to create an account.
Show visitors a wealth of similar product options on affiliate sites by displaying large, animated ads in the header and sidebar.
Create a blog section that can be updated weekly with tutorials on innovative ways to use the website's beauty products.
Create a complex and unique navigation system to really impress new visitors to the site.
Consider the following image
What kind of Web site would benefit most from this kind of layout?
A social media site promoting movies through video trailers
A dictionary of definitions for slang words and phrases
A general newspaper site, with many images and videos
A photo gallery site for clothing fashions
One of your web design clients contacts you to report that a visitor on their site submitted a form. A malicious web site then opened in a new
window and launched malware on the visitor's computer. What is the probable cause of this attack placed on the web form?
Failure to validate input fields
Failure to include CAPTCHA
Failure to encrypt post data
Failure to sanitize input fields
You are reviewing the results of usability tests for your website. Several of the comments stand out as "red flags" mentioning that for colorblind
visitors or those who viewing the site on mobile devices are experiencing confusion with readability or navigation. Which principle of visual design
should you revisit to make the necessary improvements?
CARP
CMYK
ERBU
KISS
You are building an educational games website for children. You have determined that your users respond best to large, colorful, easy-to-read buttons to navigate through the site. You've created a prototype of the navigation element, and want to make sure it meets your user's needs. What kind of testing should be performed at this stage?
Responsiveness testing
Usability testing
Positional testing
Functional testing
When usability testing results are reported, what should that report include?
Test schedule, test subject name, screen shots
Test subject name, original design plan, release date
Test goals, test subject demographics, conclusions
Data collection process, original design mockups, wireframes
Which of the following is a recommended method in the W3C standards in the operability category to improve accessibility of a web site on a tablet computer?
Provide a virtual magnifying glass that enlarges portions of a website.
Provide adequate contrast to make onscreen content visible in bright environments.
Placing critical information at the top of the page.
Provide workarounds for actions triggered by physically moving the tablet.
You are starting a web site redesign project for a dog trainer who specializes in preparing service animals for people with special needs. His
primary customers have mobility challenges. What would be a primary consideration in the redesign of the site?
Removing page elements that flicker and change color.
Minimizing the number of mouse clicks needed to perform tasks.
Providing large print PDF files for download.
Providing image and video alternatives to text.
You are consulting on the development of a complex Web site for an airline maintenance company. It will contain a large library of technical information.
Maintenance technicians will use the site to understand the requirements of their jobs, the physical structure of the airplanes, and other important information.
They will need to refer to different areas of the site frequently. What kind of positional awareness tool should be included to help navigation through the site?
Descriptive page headings
Breadcrumb trails
Deep URLs
Site maps
Which of the following is a clear and specific vision statement?
User will enjoy our website and be inspired to purchase products from us, share with friends and family on social media and return to the
site frequently.
Our site will have at least 40 million views in the first year and be frequently shared across multiple social media platforms.
Our website will be the most popular micro-blogging website for users ages 18 to 24 in the United States. We will have a minimum of 2
million daily views and earn at least $4,000,000 in revenues for the first three years.
Our website will be popular in our target demographic, and will be a springboard to penetrate new markets. Those new markets will increase
revenue by 50%.
You are building a series of pages that explains how to prepare a recipe. Each page contains an image, and describes the task the cook should
perform. What web site structure is being implemented?
Hierarchical
Web-like
Sequential
Navigational
Which of the following types of applications should you use to publish a Web page you have manually coded in a text editor?
A GUI builder.
A solution similar to WAMP.
A dedicated FTP client.
The FTP client built into a Web IDE.
Rebecca is registering for her Web site hosting account and has been prompted to pick a strong password. It must include letters, numbers, special characters, and be at least 8 charterers long. What kind of security threat is her Internet Service Provider trying to prevent with this requirement?
Denial of Service (DOS) attack
SQL injection
Social engineering
Brute-force attack
You have just completed focus group testing of a medium sized site. Most of the members of the focus group had difficulty locating the navigation button, but when they found them, they smiled, clicked, and moved to the next page. Based on this observation, you decide to add the navigation buttons at the top of pages, as well as the bottom. What usability testing stage is being performed?
You are drawing conclusions from the qualitative data.
You are analyzing the quantitative data.
You are documenting the results of the testing.
You are collecting the qualitative and quantitative data.
Why is website navigation that is easy to understand so important?
It ensures visitors will be directed to exactly the information you want them to see.
Because search engines will not be able to index pages within a site, if the navigation is difficult to use.
It ensures that site visitors can find what they are looking for quickly and easily.
It guarantees that visitors will purchase products.
Web development is a collaborative process. Which of the following is an example of a benefit from collaborative design?
The ability to show off a skill set
Increased time for development
Employee satisfaction
Customer recognition
You are designing a website for a wedding planner. She wants all of the text on her site to be displayed in a flowery, elaborate typeface, similar to a wedding invitation. You advise her to consider using a simpler, more conventional typeface. Why?
Special script or fantasy typefaces may not be installed on her visitors' devices, and must be downloaded from a server as a custom web font.
Script and fantasy typefaces are not allowed on websites; they are reserved for printed documents only.
Text set in a fantasy typeface must be converted to images, which will make web page layout more difficult, and slower to load.
Script and fantasy typefaces display at smaller sizes, making them hard to read.
Your company has just released a new version of its Toys Department pages. Early feedback indicates that your visitors are enjoying the colors
and whimsical nature of the pages but are left feeling confused about where to click next to get more information about the products. Your design
has failed to incorporate which set of design principles?
ERBU
CARP
CMYK
KISS
What would be a limitation to using a framework to create a large web site?
Most frameworks have some form of security issues.
Frameworks may be limited in functionality.
Most frameworks have a cost associated with each design.
Frameworks typically are harder to master than coding with HTML5.
A large hardware retailer has a very large website, with many pages of do-it-yourself (DIY) tutorials, and product information. However, some customers are visiting the site to find the closest physical store. The development team has elected to place a link for the Store Locator in the top right corner of the home page, but it will not appear on tutorial or ecommerce pages. What kind of navigational element is this?
Secondary
Breadcrumb
Primary
Utility
You have built a website that incorporates responsive web design. However, Google has notified you that your site is not mobile-friendly. They
report that several links are too close together. Which of the following practices will resolve this issue?
Modify all links to graphics
Optimize for touchscreen gestures
Arrange the links to different areas of the page
Modify all links to text
You are including both a site map, and a navigation bar on your website. What is the rationale for doing this?
Visitors need special training to use a site map.
It provides a clear sense of the layout of the entire website.
Navigation bars display well on large monitors, but site maps work better on mobile phones.
Different users prefer different types of navigation.
You are building an elementary school website which will include main sections for students, parents, and staff. Within each section, there will be
five to ten subsections (pages). Which type of navigational element will best help users find what they are looking for?
Breadcrumb trails
Drop-Down menus
Hamburger menus
Navigation Bars
Dylan is trying to decide where to host his small personal website. He thinks his best option would be to get a Web site hosting account with an Internet Service
Provider (ISP). Which of the following is a reason that would support this decision?
ISPs often offer a large selection of Web applications at no extra charge.
An ISP will often block a site from loading if it is self-hosted, due to security concerns.
Hosting with an ISP is the only way to ensure that a site is available to all users worldwide.
Hosting your site with an ISP ensures your site is validated to W3C standards.
Luke's web design team has decided to implement the agile Web design process. He has been assigned to write some JavaScript code that will
assist in form field validation. What phase of the agile Web design process is he currently in?
The delivery phase
The develop phase
The test phase
The design phase
You need to update your website for better search engine optimization. You've heard of technology that will search web pages, read the code and store the data for public search engines. What kind of technology is this?
Web crawler
Static index
Database
Dynamic index
You have developed a web page to provide some information about your company. You've organized sections within the <body> of the page, by
using the
<header></header>, <footer></footer> and <nav></nav> tags. What kind of elements are these?
Style elements
Form elements
Form elements
Semantic elements
Your web developer has presented a report of a focus group's review of your new website. The report contains information on the amount of time the group spent on the site, the number of clicks required to navigate, and the general pattern of navigation. What kind of testing was the focus group performing?
Objective testing
Qualitative testing
Summative testing
Formative testing
Gabby is meeting with a client to discuss a new web site. She is asking her client a series of questions so that she can create a site strategy. Which of the questions below would help Gabby define the site audience?
What is the most important task for users to complete on the site?
How will users navigate through this site?
How many visitors are expected to visit the site?
What kind of users will be visiting the site?
A web site designer is using percentage based dimensions to allow a web site to shrink or enlarge according to the browser and device screen size. Which of the following is the name for this type of design?
Symmetrical grid design
Fixed grid design
Responsive grid design
Fluid grid design
Thomas and his web design team hurried to complete a 1,000 page data driven web site to meet and exceed the customer's expectation of
delivery of a final project. Upon final testing of the site with the customer, Thomas discovered several of the features on the site did not work or
provided inaccurate results. A great deal of time is required to go back and correct the mistakes. What is the most probable cause for these
errors?
The customer had set unrealistic expectations that could not be met by the design team.
The team failed to build and test a prototype of the site early on in the project.
Data driven web sites are best suited for smaller sites and may cause errors in larger projects.
The wireframe of the project was modified throughout the project creation, causing inconsistencies.
What is an advantage of the mind mapping approach to brainstorming?
Computer based mind mapping software tools generates an accurate site.
It helps to guide your thoughts on a clear path by representing your ideas in an organized, linear fashion.
Creating a mind map on a computer program computer fosters an immediate connection to the hand, brain, and map contents.
It better captures and represents brainstorming ideas in the way that your brain conceives of them.
While updating a customer's web site, you want to optimize the look and feel for the site so it is appealing and functional. Which strategy would
help with the optimization plan?
Copy and paste visual layout from online layouts.
Create a new custom UI for each web page.
Use UI design patterns from online libraries.
Copy the look and feel from competitor sites.
Which of the following would be defined during the functionality part of a site specification?
The structure of the information contained in the site incorporates an intuitive navigational scheme
Tasks the site will be able to perform, such a detailed product search or managing products in a virtual shopping cart.
The content contained in the site, such as text describing the business and products, images, and video files.
The look and feel of a site, such as typography, color schemes, images, and spacing.
Which of the following is true regarding brands?
A brand should define a company's mission and values.
A brand should be unique, attractive, and memorable.
A brand should be appealing, energetic and memorable.
A brand should be familiar and similar to other brands.
You are presenting the web design project to the customer and have project material that consists of a compilation of the web design team's work,
including mockups, wireframe and sketches. Which of the following project documentations are you presenting?
Web site wireframe document
Meeting notes
Design document
Web site style guide
When a new user visits your proprietary site, what is typically the first method of interaction with them?
A welcome e-mail message
A registration form allowing access to the site
Log file entry notifying you of new visitor activity
Shopping cart activity
User-Centered Web Design focuses on understanding what users want, and regular testing to make sure users are getting what they want. What
are the primary benefits of this practice?
Reduced marketing expenses and improved user retention
Reduced development time and increased user satisfaction
Increased ecommerce revenue and lower labor costs
Improved product development and fewer web site errors (bugs)
The participatory design process includes which of the following techniques?
Surveys, testing, release
Discovery, evaluation, prototype
Testing, review, redesign
Analysis, design, prototype
You are working on a medium sized website for a company that organizes art fairs. On their website, they have three types of pages. One type of
page is for recruiting investors in the company. Another type of page is for selling booth spaces to artists via ecommerce. And the third type of
page is promoting the art fairs to the general public. The company has received feedback that the site is confusing, disorganized, and difficult to
navigate through. How can this be corrected?
Redesign the main page template, and apply it to all forms, blog pages, and ecommerce pages.
Create and apply a set of custom page templates, one for each type of page on the site.
Create a site map that links to all of the assets within the site.
Create separate CSS3 files to organize the information on each type of page.
Lisa is developing a Web application using a framework and wants to include interactive elements using JavaScript. She decides to use a JavaScript library too but she is on a tight budget and cannot pay for a license. Which of the following would be the best option for Lisa to access a library?
Use Kendo UI
Borrow the JavaScript code from another site
Use the jQuery UI library
Use JavaScript code from the Foundation library
A confirmation message is displayed to a customer after the purchase of product is completed on an ecommerce site. This is an example of
which user interface design principle?
Tolerance
Feedback
Visibility
Structure
The Scenario-based design method includes which of the following components?
Specifications, storyboards, development
Discovery, evaluation, prototype
Testing, redesign, release
Analysis, design, prototype
An award winning writer has published a series of poems on her personal website. One of the writer's students has reproduced these poems in
their entirety in a college newspaper, which is sold for a small fee. Which type of intellectual property law has been violated?
License
Copyright
Trademark
Fair Use
During the evaluation of user feedback from usability testing of a web site project, it is determined that users typically get lost within the site, get
confused by
"mystery meat" graphical links and are not able to complete tasks as directed. Which of the following UI design patterns would help correct this
issue?
Navigation tabs
Progressive disclosure
Navigation wizards
Image zoom
You are consulting on the web site design for a young lawyer who is starting a new legal practice in environmental law. She wants the site to
feature hot pink and bright green colors to represent her youthful new approach to solving legal problems. You advise her to consider a neutral
color scheme based on gray and blue instead. Which of the following best supports your recommendation?
Her potential clients will respond better to the authoritative professional tone of the neutral colors.
Her potential clients' computer devices will not be able to display pink and green very well, which will cause them to exit the site.
Her preferred color scheme is offensive to you as the web site designer.
Her preferred color scheme is difficult to read, which will prevent users from exploring the website.
You are working through the TAR process. Which phase of the web design process are you currently working?