C773 User Interface Design Exam Review
When working with a snap-to grid to create a wireframe graphic, it is best to keep in mind that most displays today support how many pixels? A. 720 pixels B. 1100 — 1750 pixels C. 1280 pixels or higher D. 960 pixels
1280 pixels or higher
Which of the following is an HTML5 "semantic" element? A. <div>...</div> B. <td>...</td> C. <p>...</p> D. <main>...</main>
<main>...</main>
As a professional coder you enclose your navigation section of your Web page in which HTML5 elements? A. <section>...</section> B. <header>...</header> C. <nav>...</nav> D. <aside>...</aside>
<nav>...</nav>
As a professional Web designer well versed in SEO techniques, how would you define a "301 Redirect"? A. A 301 redirect is a ranking from a search engine as to how well your site is optimized for mobile friendliness. B. It is the message a user receives when your site is currently being affected by a denial of service attack. C. A 301 redirect is a server-side method for telling browsers and search engines that a Web page or site has been permanently moved to a new location. D. A 301 redirect is a <meta> tag that tells a search engine not to display a translate link in the search results.
A 301 redirect is a server-side method for telling browsers and search engines that a Web page or site has been permanently moved to a new location.
Which of the following occurs when someone hacks straight into a server without any specific insider knowledge about the server? A. An attack by a malicious virus B. A Socially engineered attack C. A Denial-of-service attack D. A Brute-force attack
A Brute-force attack
After reviewing the CSS shorthand property, you remember it to be: A. A way to write CSS code by using the + sign to increase font size. B. A CSS property that you can use to specify multiple related properties at the same time. C. An abbreviated way to write CSS code which does not require the use of brackets D. A way to abbreviate text by declaring font as "f" and text as "t" and so forth
A CSS property that you can use to specify multiple related properties at the same time.
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
A brand should be unique, attractive, and memorable.
The Structure principle of UI design states that design should organize the user interface into a form that is clearly understandable for the user. Which of the following is an example of this principle being put into action? A. Using data visualization to represent statistical data. B. A clear and straightforward site map that divides the Web site content into a logical set of topics and subtopics (pages and subpages). C. A Web page that is built by using tables to format data into a clear, linear form. D. Building your Web site using the bottom-up methodology.
A clear and straightforward site map that divides the Web site content into a logical set of topics and subtopics (pages and subpages)
A well-designed navigation system enables users to move between sections and pages of a site in an orderly manner guided by: A. a breadcrumb system of navigation. B. flashy dropdown menus and options. C. a series of blue, underlined hyperlinks. D. a clear mental model of the underlying site structure.
A clear mental model of the underlying site structure.
When developing your site you decide to use a user interface library to add some UI elements. Which of the following describes a user interface library? A. A collection of languages that specify how structured documents are presented. B. A collection of images of useful design patterns that you may develop on your site. C. A collection of analytical tools that allow you to assess what pages your users view and interact with. D. A collection of pre-written scripts and code snippets that you can use to create UI elements for apps, Web sites, and applications.
A collection of pre-written scripts and code snippets that you can use to create UI elements for apps, Web sites, and applications.
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
A dedicated FTP client
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
A registration form allowing access to the site
Which description matches that of a "framework"? A. A set of customizable tools and techniques that facilitates the development of a software product: application, app, Web site, etc. B. A list of how files are stored on the server. C. A listing of all the fonts, colors, images and sounds to be used on Web site. D. A quickly built prototype that identifies design issues early on
A set of customizable tools and techniques that facilitates the development of a software product: application, app, Web site, etc
What is the primary difference between a use case scenario and a use case diagram? A. the use case diagram is a visual story, complete with pictures of actors, settings and backgrounds, depicting the user in a real world scenario. B. the use case diagram is a series of sketches of the pages a user will visit while attempting to complete a task. C. the use case diagram is a flow chart of what the user will do and how they will accomplish his or her task. D. the use case diagram provides an at-a-glance visual overview of a use case by using sketches or stick figures, icons and command statements.
A use case diagram provides an at-a-glance visual overview of a use case by using sketches or stick figures, icons and command statements.
In which way does the Agile design methodology streamline the process of developing a Web site? A. Agile design allows one team member to complete his/her portion of the Web site development process and then quickly pass it on to another team member thus preventing a bottleneck. B. Agile design allows cross-functional teams to collaborate on a project and thus helps to spot and minimize bottlenecks in the workflow. C. Agile design allows team members to devote their time to activities that they feel add value to the site even if other team members disagree. D. Agile design is like a recipe with a set of steps that must be followed exactly — this in itself eliminates bottlenecks.
Agile design allows cross-functional teams to collaborate on a project and thus helps to spot and minimize bottlenecks in the workflow.
In the Iteration process of user centered design, the core cycle of design, prototype and test are repeated over and over. What drives the refinement of requirements, design and development? A. As the user is the center of UCD, feedback from users is applied to refine requirements, design and development. B. Test analysis scores are what drives the refinement, design and development of a site as test scores are objective and can't be misinterpreted. C. Feedback from programmers, developers and site designers are what drive the refinement of a Web site as their input is integral to the process. D. Updates and directives from employers and investors drive the refinement of the site as they know what their customers want.
As the user is the center of UCD, feedback from users is applied to refine requirements, design and development.
Which color is a "visual magnet, commanding viewer attention" and should, therefore, be used sparingly so as to not completely dominate the design? A. Yellow (#ff0) B. Blue (#00f) C. Red (#f00) D. Black (#000)
Black (#000)
Making Web site security a priority, you decide to include a CAPTCHA test on your log in page. Which type of security attacks are you guarding against? A. Denial-of-service attacks B. Social engineering attacks. C. Brute-force attacks. D. Robotic entry attacks
Brute-force attacks.
Site maps are usually a set of text links laid out for structural clarity. For mid-size to large sites comprehensive site maps are put on their own pages. For smaller sites, however, they are often: A. not included at all B. built into page headers C. built into page footers D. revealed in the URL only
Built into page footers
After drawing conclusions from the data you gathered via user analysis and Web analytics, you need to put these conclusions into practice by using them to optimize the look & feel of your site. Which of the following questions address the "feel" of your Web site? A. Can you get a sense of the structure of the site from looking at one of its pages? B. Does its appearance make you confident about its content? C. Is it an attractive site? D. What is your first impression of the site?
Can you get a sense of the structure of the site from looking at one of its pages?
Web designers and developers are like the two hemispheres of a single Web site-creation brain: the designer is the right hemisphere (creative, imaginative and intuitive), • while the developer is the left hemisphere (logical, linear and analytical), Which responsibility listed lies on the designer? A. Converting UI sketches to wireframes and wireframes into page mockups B. Choosing the most appropriate text, images and multimedia to achieve the site's goals C. Testing, revising and re-testing over and over D. Programming the front-end UI using HTML, CSS, JavaScript, etc
Converting UI sketches to wireframes and wireframes into page mockups
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.
Create a blog section that can be updated weekly
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
Create a site map that links to all of the assets within the site`
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. Planning meeting notes B. Web site development documents C. Page Design documents D. Main website style guide
Design documents
Acknowledging that the long-term trend of mobile device usage is likely to increase, which approach will you keep in mind when creating interactive sites? A. Designing Web sites for compatibility on mobile devices is now the trend as Web design will generally scale up to fit on desktop/laptop displays without issue. B. Designing for mobile Web devices is now the rule, not the exception. C. It is sufficient to design Web sites for desktop/laptop browsers and then tweak them afterwards to fit on smaller mobile screens. D. It is not possible to create interactive sites for all mobile devices and wearables so a site should be developed to be interactive on only the most popular mobile devices.
Designing for mobile Web devices is now the rule, not the exception.
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.
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? A. Breadcrumb trails B. Hamburger menus C. Drop-Down menus D. Navigation Bars
Drop-Down menus
In the early days of user interface design web (1990's) designers moved from using tables to organize a layout, to interactive design using (authoring tools like) Flash. Today, which group of open-source technologies are commonly used? A. PHP B. Vector graphics C. Dynamic HTML D. PhotoShop
Dynamic HTML
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
Failure to sanitize input fields
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
Fluid grid design
The two main benefits of using UCD to design are reduced development time and increased user satisfaction. WHAT IS MEANT BY "REDUCED DEVELOPMENT TIME"? A. Cross training team members to do multiple jobs and fill multiple roles to reduce production time. B. Having developers and designers work collaboratively to create a product in half the time. C. Focusing on user needs throughout the process, from the beginning, helps avoid missteps, detours and dead ends that waste time and money. D. Allowing users to test the product as it is developed to reduce user errors and increase user satisfaction.
Focusing on user needs throughout the process, from the beginning, helps avoid missteps, detours and dead ends that waste time and money.
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? A. Positional testing B. Responsiveness testing C. Usability testing D. Functional testing
Functional testing
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.
Her potential clients will respond better to the authoritative professional tone of the neutral colors.
Your design team is working collaboratively on a project and you find yourself enjoying working in this type of environment. Why is this? A. Working collaboratively allows some users to work less when their skills are not required, while others work more when they are needed. B. Humans are social animals and participating in a cohesive team, surrounded by intelligent and skilled people who genuinely care for each other is good for us. C. Working collaboratively creates competition and allows you to "shine" in areas in which you are most talented. D. Working collaboratively allows for faster production and thus less time on task allowing you more free time to explore other options.
Humans are social animals and participating in a cohesive team, surrounded by intelligent and skilled people who genuinely care for each other is good for us.
Which of the following is not considered a well-established site navigation convention? A. Including a contact page that visitors can use to get in touch with the site owner B. Including copyright and privacy information on the footer of the site map only C. Including primary navigation on every page D. Including a Home page at the root of the site structure
Include copyright and privacy information on the footer of the site map only
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.
Incorporate white space and strong contrast between text and background.
Applying the repetition principle to your design unifies it and adds visual interest to the design. WHAT OTHER STATEMENT APPLIES TO REPETITION? A. It organizes the objects on the page. B. It makes the page more understandable, thus increasing its usability. C. It creates a strong visual flow through the design. D. It makes some objects stand out more than others.
It creates a strong visual flow through the design.
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.
It ensures that site visitors can find what they are looking for quickly and easily.
Three types of scenarios are used in the design phase: • Activity scenarios, Information Design scenarios, and Interaction Design scenarios. Which of the following describes an Activity scenario? A. It is a combination of tasks needed to be performed and how users feel while performing them. B. It focuses on the UI functionality needed to complete tasks. C. It focuses on the object and actions needed to complete user tasks. D. It focuses on the tasks users perform and the product functionality required to allow the tasks to be performed.
It focuses on the tasks users perform and the product functionality required to allow the tasks to be performed.
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
Long-tail keyword
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 tools C. Navigation tabs D. Progressive disclosure
Navigation tabs
Knowing that mobile-friendly sites rank higher in SEO, you decide to build which of the following to your Web site? A. Block JavaScript as it will cause your page to render slower. B. Incorporate Flash into your site to make it appear more relevant. C. Program a pop-up to greet users while your site loads in the background. D. Optimize page UIs for touchscreen finger gestures.
Optimize page UIs for touchscreen finger gestures.
An integral part of a Web site specification is Architecture, as this part of the specification defines the structure of the site. WHICH OF THE FOLLOWING WOULD BE COMPLETED DURING THE ARCHITECTURE PART OF WEB SITE SPECIFICATION? A. Defining the content that the site will include. B. Organizing the layout of the site in regards to typography and images. C. Organizing site pages for easy user navigation. D. Defining all the functions (tasks) the site will be able to perform.
Organizing site pages for easy user navigation.
All major browsers facilitate fine-tuning and debugging of your code by providing built-in developer tools. Which developer tool will you use to help you optimize your page performance in regards to load time, render time and memory usage? A. Resource tools B. HTML and CSS tools C. Performance tools D. Telnet tools
Performance tools
A bottom-up approach is generally considered better for Web design. The main advantage of this approach is it: A. Allows you to define the look and feel of the site as a whole, then create and arrange its parts. B. Does not require you to create sketches, wireframes, and mockups of the site pages. C. Places theory, the idea of the Web site, over practice. D. Places user satisfaction (usability) right where it should be: at the head of the designer's list of priorities.
Places user satisfaction (usability) right where it should be: at the head of the designer's list of priorities.
You are the Project Manager overseeing the development of a large site. During which project phase would you expect to determine the type of navigation your site will include? A. Design phase B. Initial phase C. Planning phase D. Development phase
Planning phase
A starting point that many professional designers use to build their navigation system is to divide a site's pages into two categories, primary and secondary. What is the difference between primary and secondary pages? A. Secondary pages are the pages that contain the programming for the primary pages. B. Primary pages are globally accessible via primary navigation elements from everywhere in the site. C. Primary pages are the only pages users see. D. Secondary pages are globally accessible via secondary navigation elements
Primary pages are globally accessible via primary navigation elements from everywhere in the site.
Which of the following is something that would be kept in Physical Design folder, not in your Digital Design folder? A. User personas B. Typography scheme C. Printouts D. Vision statement
Printouts
Which of the following colors tends to be very stimulating and should be used sparingly to emphasize one or a few focal point elements on a page? A. Yellow B. Purple C. Red D. Orange
Red
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)
Reduced marketing expenses and improved user retention
Which of the following forms is typically the first point of communication with a new visitor to your site? A. CAPTCHA human verification B. Login-in form C. Search form D. Registration forms
Registration forms
Which of the following would you not consider when creating your own custom SEO toolkit? A. Provide high-quality and regularly updated content. B. Remove alt attributes to all page images ( tags). C. Design pages to load and render quickly. D. Include search keywords in the page title and headings.
Remove alt attributes to all page images
You take the security of your Web site very seriously. Therefore, you decide to do which of the following? A. Require all passwords to contain a lower-case letter, an upper-case letter, and a number and symbol B. Require all site users to use the same password C. Make every users password their first name D. Make "password" the default password on your site
Require all passwords to contain a lower-case letter, an upper-case letter, and a number and symbol
What is the very first step in creating the first page for your site? A. Build the actual Web page (HTML document). B. Gather all the existing assets (text, images, audio, multimedia, etc.) and create all the new assets you need to make the page. C. Revisit & revise the word list and mood board. D. Revisit & revise the Web site vision statement, strategy and specification.
Revisit & revise the Web site vision statement, strategy and specification.
Web analytic tools can give you valuable data in optimizing Web usage. Which of the following information is collected, measured and analyzed by Web analytics? A. How much users enjoyed your site B. Search engine optimization and marketing analysis C. What products were purchased most often D. any HTML and JavaScript coding errors
Search engine optimization and marketing analysis
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>, <footer> and <nav> elements. What kind of elements are these? A. Semantic elements B. Style elements C. Form elements D. Basic elements
Semantic elements
Which type of memory is a customer using when he or she scans a page of text on a Web site? A. Sensory memory - memory of information received by the senses B. Processing memory - memory used when decoding text into meaningful terms C. Long-term memory - archived memory of a small to large amount of information, can last minutes, to years, to a lifetime D. Short-term memory - active memory of a small amount of information
Sensory memory - memory of information received by the senses
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
Sequential
Which of the following is not a main section of a basic Web page layout? A. Site map B. Footer C. Navigation D. Header
Site map
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? A. Site maps B. Deep URLs C. Breadcrumb trails D. Descriptive page headings
Site maps
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
Special script or fantasy typefaces may not be installed on her visitors' devices
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
Tasks the site will be able to perform, such a detailed product search or managing products in a virtual shopping cart.
While researching legal and ethical Web practices you read about the CANSPAM Act of 2004. The CAN-SPAM act addresses which of the following? A. The CAN-SPAM act allows recipients to sue spammers. B. The CAN-SPAM act prevents legitimate businesses from sending out unsolicited bulk e-mail. C. The CAN-SPAM act provides protection against malicious practices such as using requests to be removed from an e-mail list to create lists for further spamming. D. The CAN-SPAM act grants U.S. citizens the right to demand that they be removed from a commercial email list
The CAN-SPAM act grants U.S. citizens the right to demand that they be removed from a commercial e-mail list
You are implementing your design approach and you have just completed the Discover phase; you are now eager to move on to which step? A. The Develop phase where you actually begin to code your site using HTML, CSS and JavaScript. B. The Design phase in which you will create sketches, wireframes and mockups of the site pages. C. The Define phase in which you will specify the content, structure, functionality and form of the site. D. The Delivery phase in which you move your site to a Web hosting server.
The Define phase in which you will specify the content, structure, functionality and form of the site
You have created a strong Web site vision statement and have moved on to creating a Web site specification. You are currently pondering which images to include on your site. Which of the four parts of a Web site specification are you currently managing? A. The Design component. B. The Content component. C. The Functionality component. D. The Architecture component.
The Design component.
You are busy creating wireframes for the Web site you are building when the Project Manager asks you what phase of the site production are you in. How do you respond? A. The Design phase as I am creating blueprint-like diagrams of user interface. B. The Define phase as I am specifying the content and structure of the site. C. The Discover phase as I am still clarifying what the clients want and researching the audience's needs and expectations. D. The Develop phase as I am actually creating a frame for the site using HTML, CSS and JavaScript.
The Design phase, as I am creating blueprint-like diagrams of user interface.
Understanding the roles and responsibilities of the members of the Web design team, which members play a critical role at the very start of a Web development project? A. The Developer and Designer B. Usability Expert C. The Developer and Marketer D. The Strategist and Content Specialist
The Strategist and Content Specialist
Understanding the roles and responsibilities of the members of the Web design team, which members play a critical role at the very start of a Web development project? A. the Developer and Designer B. the Strategist and Content Specialist C. the Developer and Marketer D. the Usability Expert
The Strategist and Content Specialist
In this golden age of user-centered design, it is crucial for a Web site to provide its visitors with satisfying experiences. IN A DESIGN TEAM, WHO IS RESPONSIBLE FOR MAKING THIS HAPPEN? A. The Usability Expert B. The Web Designer C. The Web Developer D. The Web Marketer
The Usability Expert
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
The design approach is centered around the needs and experiences of the users
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
The develop phase
The Web Accessibility Initiative defines usercentered design (UCD) as an approach to the design of an interactive system (Web site, app, game, etc.) that has its main goal as: A. the satisfaction of the users of that system B. making fonts easy to see for the visually impaired C. a technologically advanced design that uses the latest in app development D. a stylish and eye-catching design
The satisfaction of the users of that system
A Web site style guide promotes consistency in content and formatting and is crucial for a large Web site. When should the style guide be developed? A. The style guide, along with the Web site operation manual, is written when the Web site is completed and published to a Web host server. B. The Web site style guide is developed as the Web site progresses, changing as the design and development proceeds. C. The style guide is developed, written and finalized before project development begins. D. The style guide should be documented at the beginning of project development, consulted and updated frequently throughout project development and updated on an ongoing basis as the Web site matures.
The style guide should be documented at the beginning of project development, consulted and updated frequently throughout project development and updated on an ongoing basis as the Web site matures.
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 the 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.
The wireframe of the project was modified through-out the project creation, causing inconsistencies.
As the Project Manager of a Web site development team, you instruct your programmers to use "semantic" elements in their coding. A coworker overhears you and asks you what are "semantic" elements — you reply: A. "They are HTML5 elements that impart structural meaning to the various parts of a Web page." B. "They are a way of commenting out code so you can document what you are doing and why." C. "They are codes that are embedded in a separate document that tells your page how to display." D. "They are a way of coding with words instead of scripts."
They are HTML5 elements that impart structural meaning to the various parts of a Web page, to both browsers and developers.
What is the first step in creating an annotated site map? A. Study the site map from the perspective of a real-world user who needs to navigate the site. B. Use a program of your choice to create a site map arranged in a categorical structure. C. Use card sorting to divide your site pages into a set of clear and logical categories and subcategories. D. Review your work and fine-tune it as necessary
Use card sorting to divide your site pages into a set of clear and logical categories and subcategories.
Which of the following is a way to possibly increase a site's search ranking when considering its mobile-friendliness? A. Use animations from Flash. B. Make buttons small and close together for mobile devices. C. Use responsive design, including CSS3 media queries, to accommodate both mobile and nonmobile devices. D. Block CSS and JavaScript
Use responsive design, including CSS3 media queries, to accommodate both mobile and non-mobile devices.
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
Use the jQuery UI library
After reviewing your Web site it has been determined that your site has both ethical and legal violations. Which of the following is not only unethical but illegal as well? Overcharging customers for technical services that they do not understand Using copyrighted materials without permission Spreading malicious code such as viruses, worms or Trojan horses Sending unsolicited bulk e-mail messages to users who did not request them
Using copyrighted materials without permission. Spreading malicious code such as viruses, worms or Trojan horses
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
Utility
Which of the following is true about Web forms? A. Web forms collect and maintain all data input. B. Web forms are created with HTML using the <form> tag. C. The code designed to process information gathered in a form must be on a separate page. D. Web forms, written in HTML, are capable of processing the data it collects.
Web forms are created with HTML using the tag.
A less experienced Web developer asks you how databases are related to Web forms. Which of the following would you include in your response? A. Databases collect the data that a user enters into your Web site and the Web form holds that data for later retrieval. B. A Web form exists on your local machine and when you connect to the internet it transfers that information to a database. C. Web forms, or just forms, typically send the data they collect to a database, so one doesn't usually exist without the other. D. Databases hold all of the user information on the server. It has nothing to do with a Web form.
Web forms, or just forms, typically send the data they collect to a database, so one doesn't usually exist without the other.
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?
What kind of users will be visiting the site?
Which of the following describes the Main Success Scenario element of a use case document? A. The state of the system after the goal is met. B. What page will be displayed when a user successfully purchases an item. C. What pages and in what order, a user will click on to achieve his or her goal. D. What the actor needs to do to meet the goal.
What the actor needs to do to meet the goal.
One of the 6 attributes of a product's usability is 'memorability'. Which of the following questions a product's memorability? A. How many items on your home page will a user remember once they have clicked off of that page? B. When users spend time away from the product and then return to it, how easily can they regain proficiency in using it? C. How does your logo help your customers remember your company, brand message and site? D. How often does a user think about your site after signing off?
When users spend time away from the product and then return to it, how easily can they regain proficiency in using it?
Your Project Manager comes to you regarding a Shakespearean quote used on your Web site. She is afraid that it may be, in some way, illegal. You advise her of the following: A. It is ok to use because copyright laws are nonrenewable. B. Works in the public domain, such as those whose intellectual property rights have expired, have been forfeited, or are inapplicable, are free to use. C. It may be illegal to use it because copyright laws last the lifetime of the last surviving creator plus 70 years. D. It is ok to use because nothing was ever filed with the U.S. Patent and Trademark Office.
Works in the public domain, such as those whose intellectual property rights have expired, have been forfeited, or are inapplicable, are free to use.
Your coworker found a picture on the internet and would like you to incorporate it into the site. She states that it does not appear to be copyrighted so you are free to use it. What do you do? A. You place the image on the site knowing that there is a slim chance that you will be caught. B. You ask your employer what you should do. C. You do not use the image because you know that original content does not need to be formally registered for copyright to be protected by copyright law. D. You do not use the image because you already researched the image and found that it was in fact copyrighted.
You do not use the image because you know that original content does not need to be formally registered for copyright to be protected by copyright law.
When gathering assets for the remaining site pages you decide to work in "batchpage mode." What does this mean? A. You gather a batch of assets, then you code a batch of pages, then you create a batch of assets, then you code a batch of pages. B. You gather/create the assets for all site pages, then move on to the next phase in the process: building the Web pages. C. You gather an asset for all of the site pages and then put the asset into the page and then move on to the next asset. D. You gather and create the assets for one page and then continue on working on that page and repeat this until the entire batch is done.
You gather/create the assets for all site pages, then move on to the next phase in the process: building the Web pages.
When designing for touchscreen mobile displays you have several things to consider regarding your navigation controls. First and foremost you must ensure that: A. your navigation controls are either round or square so that mobile users understand that they are navigation controls. B. your navigation controls are large and separated enough to enable users to access them easily and accurately. C. your navigation controls are written in large, bold text so that mobile users can easily read them. D. your navigation controls do not appear on top of site content
Your navigation controls are large and separated enough to enable users to access them easily and accurately
When choosing site colors which should be your last criteria for choosing a color scheme? A. Color schemes that create the feeling that your site wants to create for the user experience. B. Your personal aesthetic taste as you need to master the art of seeing and experiencing through your users' eyes and mind. C. Your target audience's background as you always need to design with your user in mind. D. The country and culture of your audience as different cultures have different emotional associations with color
Your personal aesthetic taste as you need to master the art of seeing & experiencing through your users' eyes and mind.
Before you begin coding your pages you decide to refresh your HTML and CSS skills. Because you have done so, you understand the ".floatLeft" in the CSS code to mean what? A. When you write img.floatleft in the HTML it actually wraps the image to the left of the text. B. img.floatLeft is the name of the image. C. img.floatleft will align all the images to the left side of the page. D. img.floatLeft is CSS markup that causes any image that is coded as <img class="floatLeft"> to have the class of "floatLeft" attributes applied to it.
img.floatLeft is CSS markup that causes any image that is coded as to have the class of "floatLeft" attributes applied to it.
What would be a limitation to using a framework to create a large web site? Most frameworks have some form of security issues. Frameworks typically are harder to master than coding with HTML5. Frameworks may be limited in functionality. Most frameworks have a cost associated with each design.
• Most frameworks have some form of security issues. • Frameworks may be limited in functionality.
