Evaluating interactive design

COURSE – PRINCIPLES OF UX/UI DESIGN QUIZ ANSWERS

Week 2: Evaluating Interactive Design

Meta Front-End Developer / IOS Developer / Android Developer Professional Certificate

Complete Coursera Answers & Study Guide

Click to Enroll in Coursera Meta Front-End Professional Certificate

TABLE OF CONTENT

Evaluating Interactive Design INTRODUCTION

Interactive design is a broad field that covers the development of websites, mobile apps, and other types of user interfaces. Evaluating interactive designs is an important part of forming successful user experiences.

Evaluating interactive design starts with understanding best practices in interaction design. Coursera offers a Meta Front-End Developer Professional Certificate to help you understand these topics. This certificate includes courses such as Design and Usability Basics, which provide an overview of the principles behind great product design, usability research methods, qualitative analysis techniques and more.

You will also learn how to analyze your own designs against established heuristics and use key tools for creating prototypes.

Learning Objectives

  • Recognize common evaluation methodologies
  • Identify and use appropriate evaluation techniques
  • Recognize best practice form and component design principles.

PRACTICE QUIZ: HEURISTIC EVALUATION

1. Visibility of system status means the website informs the user of what is going on through constructive, appropriate and timely feedback.

  • True (CORRECT)
  • False

Correct! Visibility of system status means the website informs the user of what is going on through constructive, appropriate and timely feedback.

2. Nielsen’s heuristic number 2: Match between the system and the real world.
This heuristic means concepts, words, symbols, situations or actions refer to the same thing.

  • True 
  • False (CORRECT)

Correct! This refers to Heuristic number 4: Consistency and Adherence to Standards.

3. Does the question on the checklist, “Do similar items interact and behave in the same way?” fit into Heuristics number 6, Recognition rather than recall?

  • Yes (CORRECT)
  • No

Correct! The user does not need to recall information from one part of a dialogue to another.

4. Click this link to learn more about Dieter Rams and his 10 “Good design” principles. ​

Daniel Titchener



Based on the video you just watched, Innovate is one of Dieter Ram’s 10 Good Design principles.  This means that you, as a UX/UI designe​r:

  • Your design is aesthetic  
  • Make a change or do something in a new way   (CORRECT)
  • Make a product useful

Correct! This is Ram’s first principle and it means to innovate that you make a change or do something in a new way.

5. Click this link to learn more about Jakob Nielsen and his 10 “Good design” principles. ​

NNgroup

Based on the video you just watched, the first heuristic is the visibility of system status, which means that predictable interactions can cause the user to find it difficult to use the product.  

  • T​rue
  • F​alse (CORRECT)

Correct! The first heuristic principle is the visibility of system status which means that the user should know exactly whatthe system is doing and what state it’s in. Predictable interactions create trust in the product as well as the brand.​  

KNOWLEDGE CHECK: EVALUATION METHODS

1. Who wrote the 10 Principles of Good Design?

  • Dieter Rams (CORRECT)
  • Jakob Nielsen
  • Ben Shneiderman

Correct! Dieter Rams wrote the 10 Principles of Good Design

2. Accessibility enables people with disabilities to interpret, understand, navigate, interact with and contribute to the web.

  • True (CORRECT)
  • False

Correct! Accessibility enables people with disabilities to interpret, understand, navigate, interact with and contribute to the web.

3. Are there any guidelines that could help you design your product for accessibility?

  • Yes (CORRECT)
  • No

Correct! You can implement Section 508 and Web Content Accessibility Guidelines 2.0 minimum standards. These guidelines cover the significant points you need to know for your products to be accessible to all users.

4. Which of the following is one of Nielsen’s ten usability heuristics?

  • Provide sufficient contrast between foreground and background.
  • Don’t use color alone to convey information.
  • Flexibility and efficiency of use (CORRECT)

Correct! The product caters to different levels of users, from novice to expert. Shortcuts or accelerators, unseen by novice users, are provided to speed up interaction and task completion by frequent users.

5. Is it critical that users can use the keyboard to access all interactive elements?

  • Yes (CORRECT)
  • No

Correct! Some users may be unable to use a mouse and rely solely on their keyboard to navigate web pages.

KNOWLEDGE CHECK: BEST PRACTICE PRINCIPLES

1. Why would you use a progress indicator in form design? Select all that apply.

  • Users can see where they are in the flow. (CORRECT)
  • Users can see the time left to complete the form.
  • Users can go back and review content. (CORRECT)

Correct! The user can see how many more steps are left to complete on the form.

Correct! Users can go back to review the content in case they made a mistake.

2. Most websites require that a password consists of a mix of lowercase and capital letters, symbols and numbers. Should you provide clear instructions giving the user immediate feedback on their choice of password?

  • Yes (CORRECT)
  • No

Correct! You should provide guidance for users to compile their passwords.

3. Why do you space input fields? Select all that apply.

  • T​o make the UI more appealing.
  • The user can see that each field is unique. (CORRECT)
  • To implement logical grouping to make the form more understandable. (CORRECT)
  • The user can identify the labels that refer to the input. (CORRECT)

Correct! Spacing input fields allow the user to see that each field is unique.

Correct! Spacing input fields allow the user to identify which part of the form they are addressing.

Correct! Spacing input fields allow the user to identify the labels that refer to the input, for example, “password” and “e-mail” required.

4. A component, such as a button, cannot be reused on a website or an app.

  • True
  • False (CORRECT)

Correct! A component is any part of your design that can be logically grouped, which is thought of as stand-alone and can be reused.

5. Can a header be considered a component? 

  • Yes (CORRECT)
  • No

Correct! Rather than creating the header from scratch for every page, you could construct a “header component” and reuse it.

6. A design system is a set of reusable pre-made design components and patterns that can be used to design products at scale. ​  

  • T​rue (CORRECT)
  • F​alse

Correct! A design system is set of reusable pre-made design components and patterns that can be used to design products at scale, for example, Google’s Material Design and IBMs Carbon Design sytem.

7. As a UX/UI designer, which of the following do you think is important when designing a form? Select all that apply​.

  • The language must be clear and specific. (CORRECT)
  • ​Space the inputs on the form more consistently​. (CORRECT)
  • There must be clear instructions to complete the form and a password strength indicator. (CORRECT)​  

Correct! The language should also be clear and specific to whatever section of the form the user is currently in.  

Correct!​ By spacing these inputs more consistently, the user can see that each is unique and what label refers to each input.

Correct! The form must provide clear instructions with a strength indicator giving the user immediate feedback on theirchoice.  

KNOWLEDGE CHECK: NAVIGATION AND FORM DESIGN

1. Should you spend time designing forms from the user’s perspective, or are they there simply to collect information from your users for the stakeholder’s benefit?

  • Y​es. Time should be spent on good form design. (CORRECT)
  • No. Forms are used to simply correct information, so no need to spend time designing them. 

Correct! A poorly designed form may result in page and website abandonment due to user frustration, which benefits nobody as it may result in a drop in conversions and sales.

2. Which of these are guidelines or best practices for form design? Select all that apply.

  • Sort your form fields from the simplest to the most difficult (CORRECT)
  • Use many columns 
  • Make use of inline form field validation (CORRECT)
  • Clearly label your form.  (CORRECT)
  • Keep forms simple and straightforward (CORRECT) 

Correct! Begin your form with the most straightforward field questions (such as name and email) before moving on to the more time-consuming questions.

Correct! Inline form validation is a procedure that checks a visitor’s information in real time as they fill out the form.

Correct! Give your form a label that lets your visitors know what will happen once they submit it.

Correct! Avoid adding any unnecessary fields or questions. Include only the required information in your form. 

3. The best practice is to use a Captcha instead of a reCaptcha during form design.

  • True
  • False (CORRECT)

Correct! The best practice is to use a reCaptcha instead of a Captcha during form design, as the Captcha is based on image identification.

4. What content strategy involves presenting content on your website in a meaningful way? Select all that apply.

  • Organization (CORRECT)
  • P​rototyping
  • Specifications (CORRECT)
  • Prioritization (CORRECT)
  • Presentation (CORRECT)

Correct! This is the framework for grouping, labeling and other related content so that users can find what matters to them.

Correct! These are the content requirements for each content piece.

Correct! This is how you determine your content and its relevance to your users.

Correct! This is how pieces of content are assembled to form what a user sees.

5. A Kebab menu consists of an image of three equal lines and informs users that there is more to discover beyond the three lines. 

  • Yes
  • No (CORRECT)

Correct! A Hamburger menu consists of an image of three equal lines and informs users that there is more to discover beyond the three lines. Three vertical dots represent a kebab.

6. The current Little Lemon website design, based on all of Tilly’s feedback, violates Ram’s, Nielsen’s and Schneiderman’s design methodologies. How does the Little Lemon website violate Rams 10 principles of good design?​ Check all that apply​.

  • I​s thorough to the last detail.​  (CORRECT)
  • Makes a product useful.  (CORRECT)
  • Makes a product understandable (CORRECT)
  • Is aesthetic.  (CORRECT)

Correct! The current Little Lemon website design violates Rams principle number 8 “Is thorough to the last detail.”  

Correct! The current Little Lemon website design violates Rams principle number 2 “Makes a product useful.”.​  

Correct! The current Little Lemon website design violates Rams principle number 4 “Makes a product understandable.”  

Correct! The current Little Lemon website design violates Rams principle number 3 “Is aesthetic.”​  

7. Content design involves presenting the content on your website in a meaningful way that will promote your products.​ It helps to align your client’s business and UX goals and assists in aligning your content around your personas and​ scenarios. 

  • T​rue (CORRECT)
  • F​alse

Correct! Content design involves presenting the content on your website in a meaningful way that will promote your products. It helps to align your client’s business and UX goals and it also assists in aligning your content around your personas and scenarios. ​  

Coursera Meta Front-End Developer Professional Certificate Answers and Study Guide

Liking our content? Then don’t forget to ad us to your bookmarks so you can find us easily!

Weekly Breakdown | Meta Study Guides | Back to Top

Subscribe to Our Newsletter

MODULE QUIZ: EVALUATING INTERACTIVE DESIGN

1. The hamburger icon is a menu icon that opens an inline menu.

  • True
  • False (CORRECT)

Correct! The hamburger menu is typically used to represent a menu outside the screen and slides in.

2. Who wrote the 10 Usability Heuristics for UI design?

  • Dieter Rams 
  • Ben Shneiderman
  • Jakob Nielsen (CORRECT)

Correct! Jakob Nielsen wrote the 10 Usability Heuristics for UI design.

3. Should a form field have a minimum character count, for example, a first name with three characters?

  • Yes
  • No (CORRECT)

Correct! At least 220 three-character names exist. In some ways, this is dehumanizing because the system regards someone as unreal or invalid.

4. Which of these form-field labels are necessary? Select all that apply. 

  • Fail feedback (CORRECT)
  • Optional (CORRECT)
  • Required (CORRECT)

Correct! Including fail feedback highlights errors such as empty required fields or an invalid email. For example, when the email lacks an ‘@’ sign.

Correct! Optional fields should be labeled so users know they can be skipped.

Correct! Providing an asterisk or the text required indicates that a form field is required.

5. Is the following statement one of Dieter Rams’ 10 Principles of Good Design?
“Good design is as little design as possible.”

  • Yes (CORRECT)
  • No

Correct! Design should always be intentional. Anything that doesn’t serve a purpose for the user should be excluded. With less clutter, a design will achieve more clarity for the user.

6. Is the following statement one of Dieter Rams’ 10 Principles of Good Design?
“Strive for Consistency.” 

  • Yes
  • No (CORRECT)

Correct! This is one of Shneiderman’s 8 Golden Rules of UI Design. It is critical to maintain uniformity throughout the site, whether it’s the layout, the size of the button, the color code or the tone used when writing the page.

7. What is a severity rating in a heuristic evaluation?

  • It’s a score of how well the item lines up with a heuristic.
  • It defines a score between zero and four to indicate how much it violates a heuristic. (CORRECT)

Correct! It identifies whether the heuristic is superficial, minor, major or a catastrophic violation.

8. What is an error rating?

  • It defines a score between zero and four to indicate how easily the violation may be fixed. (CORRECT)
  • It’s a score of how badly the item lines up with a heuristic.

Correct! It identifies whether the heuristic is maximum effort, considerable effort, concentrated effort, easy or trivial effort.

9. A brand style guide is a set of reusable pre-made design components and patterns that can be used to design products at scale.  

  • True
  • False (CORRECT)

Correct! A design system is a set of reusable pre-made design components and patterns that can be used to design products at scale.  

10. Who wrote the 8 Golden Rules for UI Design?

  • Jakob Nielsen 
  • Dieter Rams
  • Ben Shneiderman (CORRECT)

Correct! Ben Shneiderman wrote the 8 Golden Rules for UI Design.

Evaluating Interactive Design CONCLUSION

There are many different methods for best practice interaction design, and it is important to be familiar with as many of them as possible in order to create the best designs. In addition, it is also beneficial to be able to evaluate and improve upon your own designs as well as those of others.

By taking this Coursera course, you will gain a comprehensive understanding of best practice interaction design methods so that you can apply them to your own work. Enroll now and start learning how to create better designs!

Previous Week
Next Week 3

Subscribe to our site

Get new content delivered directly to your inbox.

Quiztudy Top Courses

Popular in Coursera

Liking our content? Then, don’t forget to ad us to your BOOKMARKS so you can find us easily!

Subscribe