CIW User Interface Design

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?

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

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

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?

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

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?

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?

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?

Consider the following image

What kind of Web site would benefit most from this kind of layout?

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?

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?

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?

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

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?

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?

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?

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

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?

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

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?

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?

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

Web development is a collaborative process. Which of the following is an example of a benefit from collaborative design?

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?

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?

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

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?

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?

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

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?

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?

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?

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?

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?

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?

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 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?

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?

What is an advantage of the mind mapping approach to brainstorming?

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?

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

Which of the following is true regarding 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?

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

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?

The participatory design process includes which of the following techniques?

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?

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 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?

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

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?

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?

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?

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