Deck 9: CIW User Interface Designer

Question 1

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?

A) Providing large print PDF files for download.
B) Providing image and video alternatives to text.
C) Minimizing the number of mouse clicks needed to perform tasks.
D) Removing page elements that flicker and change color.

Answer 1

C

Question 2

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?

A) Use UI design patterns from online libraries.
B) Create a new custom UI for each web page.
C) Copy the look and feel from competitor sites.
D) Copy and paste visual layout from online layouts.

Answer 2

A

Question 3

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?

A) Sequential
B) Navigational
C) Hierarchical
D) Web-like

Answer 3

A

Question 4

Which of the following is true regarding brands?

A) A brand should be appealing, energetic and memorable.
B) A brand should define a company's mission and values.
C) A brand should be familiar and similar to other brands.
D) A brand should be unique, attractive, and memorable.

Question 5

Consider the following image. What kind of Web site would benefit most from this kind of layout?

A) A dictionary of definitions for slang words and phrases
B) A social media site promoting movies through video trailers
C) A photo gallery site for clothing fashions
D) A general newspaper site, with many images and videos

Question 6

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?

A) Hosting with an ISP is the only way to ensure that a site is available to all users worldwide.
B) ISPs often offer a large selection of Web applications at no extra charge.
C) Hosting your site with an ISP ensures your site is validated to W3C standards.
D) An ISP will often block a site from loading if it is self-hosted, due to security concerns.

Question 7

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?

A) Web crawler
B) Static index
C) Database
D) Dynamic index

Question 8

How can you optimize your Web site for accessibility by visually challenged persons on any device (computers, laptops, tablets, mobile phones)?

A) Incorporate white space and strong contrast between text and background.
B) Place navigation buttons at the top and bottom of web pages.
C) Make buttons of adequate size and have a small amount of inactive space between targets.
D) Support external physical keyboards or alternative on-screen keyboards.

Question 9

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?

A) Her preferred color scheme is offensive to you as the web site designer.
B) Her preferred color scheme is difficult to read, which will prevent users from exploring the website.
C) Her potential clients will respond better to the authoritative professional tone of the neutral colors.
D) Her potential clients' computer devices will not be able to display pink and green very well, which will cause them to exit the site.

Question 10

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?

A) ERBU
B) CARP
C) KISS
D) CMYK

Question 11

Which of the following types of applications should you use to publish a Web page you have manually coded in a text editor?

A) A dedicated FTP client.
B) A GUI builder.
C) The FTP client built into a Web IDE.
D) A solution similar to WAMP.

Question 12

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?

A) SQL injection
B) Denial of Service (DOS) attack
C) Brute-force attack
D) Social engineering

Question 13

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?

A) Formative testing
B) Objective testing
C) Qualitative testing
D) Summative testing

Question 14

The Scenario-based design method includes which of the following components?

A) Testing, redesign, release
B) Discovery, evaluation, prototype
C) Analysis, design, prototype
D) Specifications, storyboards, development

Question 15

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?

A) Borrow the JavaScript code from another site
B) Use Kendo UI
C) Use the jQuery UI library
D) Use JavaScript code from the Foundation library

Question 16

Which of the following represents an SEO strategy of using short phrases of three to five key words?

A) Word cloud
B) Word salad
C) Long-tail keyword
D) Boolean operator keywords

Question 17

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?

A) Create separate CSS3 files to organize the information on each type of page.
B) Create and apply a set of custom page templates, one for each type of page on the site.
C) Create a site map that links to all of the assets within the site.
D) Redesign the main page template, and apply it to all forms, blog pages, and ecommerce pages.

Question 18

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?

A) License
B) Fair Use
C) Copyright
D) Trademark

Question 19

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?

A) Responsive grid design
B) Fixed grid design
C) Fluid grid design
D) Symmetrical grid design

Question 20

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?

A) You are drawing conclusions from the qualitative data.
B) You are collecting the qualitative and quantitative data.
C) You are analyzing the quantitative data.
D) You are documenting the results of the testing.

Question 21

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?

A) Increased ecommerce revenue and lower labor costs
B) Reduced development time and increased user satisfaction
C) Reduced marketing expenses and improved user retention
D) Improved product development and fewer web site errors (bugs)

Question 22

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?

A) Failure to sanitize input fields
B) Failure to validate input fields
C) Failure to include CAPTCHA
D) Failure to encrypt post data

Question 23

Which of the following is a clear and specific vision statement?

A) 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.
B) 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%.
C) Our site will have at least 40 million views in the first year and be frequently shared across multiple social media platforms.
D) 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.

Question 24

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?

A) Breadcrumb
B) Utility
C) Secondary
D) Primary

Question 25

You are working through the TAR process. Which phase of the web design process are you currently working?

A) Development
B) Delivery and Maintenance
C) Planning
D) Testing

Question 26

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?

A) Diagram
B) Develop
C) Discover
D) Design

Question 27

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?

A) Feedback
B) Tolerance
C) Structure
D) Visibility

Question 28

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?

A) Script and fantasy typefaces are not allowed on websites; they are reserved for printed documents only.
B) Text set in a fantasy typeface must be converted to images, which will make web page layout more difficult, and slower to load.
C) Script and fantasy typefaces display at smaller sizes, making them hard to read.
D) 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.

Question 29

Why is website navigation that is easy to understand so important?

A) It ensures that site visitors can find what they are looking for quickly and easily.
B) It ensures visitors will be directed to exactly the information you want them to see.
C) It guarantees that visitors will purchase products.
D) Because search engines will not be able to index pages within a site, if the navigation is difficult to use.

Question 30

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?

A) Data driven web sites are best suited for smaller sites and may cause errors in larger projects.
B) The team failed to build and test a prototype of the site early on in the project.
C) The customer had set unrealistic expectations that could not be met by the design team.
D) The wireframe of the project was modified throughout the project creation, causing inconsistencies.

Question 31

Which of the following would be defined during the functionality part of a site specification?

A) The structure of the information contained in the site incorporates an intuitive navigational scheme
B) Tasks the site will be able to perform, such a detailed product search or managing products in a virtual shopping cart.
C) The look and feel of a site, such as typography, color schemes, images, and spacing.
D) The content contained in the site, such as text describing the business and products, images, and video files.

Question 32

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?

A) This approach maximizes page views and conversions.
B) 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.
C) When designing, create an exciting and vibrant experience for the users. Go bold or go home!
D) 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.

Question 33

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?

A) ERBU
B) KISS
C) CMYK
D) CARP

Question 34

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?

A) Optimize for touchscreen gestures
B) Modify all links to text
C) Modify all links to graphics
D) Arrange the links to different areas of the page

Question 35

What would be a limitation to using a framework to create a large web site?

A) Most frameworks have some form of security issues.
B) Frameworks typically are harder to master than coding with HTML5.
C) Frameworks may be limited in functionality.
D) Most frameworks have a cost associated with each design.

Question 36

You have developed a web page to provide some information about your company. You've organized sections within the of the page, by using the

,

and

tags. What kind of elements are these?

A) Semantic elements
B) Style elements
C) Form elements
D) Basic elements

Question 37

When a new user visits your proprietary site, what is typically the first method of interaction with them?

A) A welcome e-mail message
B) A registration form allowing access to the site
C) Log file entry notifying you of new visitor activity
D) Shopping cart activity

Question 38

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?

A) Breadcrumb trails
B) Hamburger menus
C) Drop-Down menus
D) Navigation Bars

Question 39

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?

A) Meeting notes
B) Web site wireframe document
C) Design document
D) Web site style guide

Question 40

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?

A) PHP
B) Vector graphics
C) Dynamic HTML
D) PhotoShop

Question 41

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?

A) Navigation wizards
B) Image zoom
C) Navigation tabs
D) Progressive disclosure

Question 42

When usability testing results are reported, what should that report include?

A) Test goals, test subject demographics, conclusions
B) Data collection process, original design mockups, wireframes
C) Test schedule, test subject name, screen shots
D) Test subject name, original design plan, release date

Question 43

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?

A) Create a complex and unique navigation system to really impress new visitors to the site.
B) Make sure users can only view products on the site after they have filled out a registration form to create an account.
C) Create a blog section that can be updated weekly with tutorials on innovative ways to use the website's beauty products.
D) Show visitors a wealth of similar product options on affiliate sites by displaying large, animated ads in the header and sidebar.

Question 44

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?

A) It helps them determine which WYSIWYG code editor they should use.
B) It ensures they are properly separating the HTML5 coding from the CSS3 styling.
C) It ensures the site has a consistent look and format.
D) IT proves the rest of the site will validate to current HTML5 standards.

Question 45

The participatory design process includes which of the following techniques?

A) Discovery, evaluation, prototype
B) Surveys, testing, release
C) Testing, review, redesign
D) Analysis, design, prototype

Question 46

Which of the following is the preferred standard for responsive web design?

A) Use Flash to control the appearance of the site and capture browser information.
B) Use JavaScript to set all CSS styles and control interactivity.
C) Use CSS to organize the information and HTML to control the appearance of the site.
D) Use HTML to format the web site and CSS to control the appearance of the site.

Question 47

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?

A) The test phase
B) The delivery phase
C) The develop phase
D) The design phase

Question 48

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?

A) How will users navigate through this site?
B) What kind of users will be visiting the site?
C) What is the most important task for users to complete on the site?
D) How many visitors are expected to visit the site?

Question 49

You are including both a site map, and a navigation bar on your website. What is the rationale for doing this?

A) Navigation bars display well on large monitors, but site maps work better on mobile phones.
B) Visitors need special training to use a site map.
C) Different users prefer different types of navigation.
D) It provides a clear sense of the layout of the entire website.