TEST YOUR KNOWLEDGE OF LOW-FIDELITY PROTOTYPES
You demonstrate an early product model)s scrolling and click functionality to stakeholders before it goes to engineering. What are you demonstrating?
Demonstrating what a design idea can do in a prototype gives designers an opportunity to receive feedback and make improvements accordingly.
What is the most significant difference between a wireframe and a prototype?
As designers transition from a wireframe to a low-fidelity prototype, the most significant difference is the level of interactivity, or ability to “click” from one screen to another.
What is the goal of creating a low-fidelity prototype?
Low-fidelity designs are simple, interactive models that provide a basic idea of what a product would look like. Whether it’s in paper or digital form, the goal is to make the designs testable so the team can collect and analyze feedback early on.
Why is it beneficial to build paper prototypes? Select all that apply.
Due to the nature of creating paper prototypes, it’s easier to create prototypes and ideas quickly. They’re relatively low -commitment and inexpensive too. Explanation: Since paper prototypes only require a writing or drawing tool and paper, they’re relatively inexpensive to create. For the same reason, they’re easier and less painful to eliminate if they don)t meet user needs, and they allow for rapid iteration Explanation: Digital prototypes often take a lot longer to create, so when it comes time to eliminate ideas that don)t meet user needs, it may be tougher to part ways with them. Paper prototypes, on the other hand, are relatively inexpensive and quick to create, which makes them less of a commitment.
In which situation is building a paper prototype most useful? Select all that apply.
Creating paper prototypes during brainstorming situations is also useful because designers can quickly draw and compare multiple ideas. They’re also useful during early product testing in order to provide visual portrayals of potential solutions. Explanation: Paper prototypes are great to build during early product testing, especially if there are ideas that need to be clarified with visual portrayals. Paper prototypes are also useful during brainstorming sessions.
To begin prototyping in Figma, what is the first step you need to take?
To begin prototyping in Figma, you need to change from the Design tab to the Prototype tab. This changes the options for what designers can do with each of the wireframe screens.
How do you access the presentation view in Figma?
To access presentation view, navigate to the play button. It is located in the upper corner of the toolbar, and it’s represented by an outlined triangle pointing to the right.
What is an example of implicit bias?
This is an example of implicit bias, which is a collection of attitudes and stereotypes we associate to people without our conscious knowledge. Justin assumed all of his new friends were heterosexual based upon his previous life experiences and stereotypes.
What is the forced continuity deceptive pattern?
Explanation! Charging a user for a membership without a warning or reminder is the deceptive pattern of forced continuity.
Identify an example of a deceptive pattern that produces physical effects on the user.
This is an example of a deceptive pattern and the physical effects it can have on the user. The website is bombarding Angeline with messages to funnel her into browsing the sale. The use of frequent and large, red notification badges compound to bring a sense of urgency.
You advise your client that the low-fidelity prototype will have interactivity. How much interactivity will it include?
Your client has been offering new ideas and lots of feedback at every stage in the app design so far. You are ready to move from wireframing to a low-fidelity prototype. You let the client know you will be starting with a paper prototype. What are the benefits of this? Select all that apply.
You are adding connections to your prototype in Figma. You select the presentation view and only see one frame from your prototype. How can you see all of your prototype frames in the presentation view?
You would like to conduct a usability test on your Figma prototype. Which mode is the best mode to do this in?
You are creating an app for hairdressers and want to ensure your own unconscious implicit bias doesn’t affect the integrity of the app. Which tools would you use to ensure you know about the end users? Select all that apply.
You are reviewing an app that promotes skin care for aging skin. The claims in the content are amazing, and you are directed to the purchase screen of the app. You then realize that the claims cannot be realistic. What is this type of treatment in UX design called?
Your phone dings and you notice that you have a DM notification from one of the social media apps you frequent. That little red flag notification makes you feel happy, and you receive a natural chemical response in your body. What chemical is released in this instance?
Your UX mentor discusses deceptive patterning with you and asks for examples of how you could avoid forced continuity, or the notion of charging a membership without a warning or reminder. What examples could you provide? Select all that apply.
You are at the beginning stages of creating your wireframes in Figma. You need to choose the device you are designing for. How do you do this?
As you work on the app for your client, you want to ensure you are considering users’ attention economy. What are some UX design best practices you can use to accommodate this? Select all that apply.
You have decided to move into the prototyping phase for the app you are designing. You recommend starting with a paper prototype first. Your client asks you to explain the disadvantages of a paper prototype. What might you say? Select all that apply.
You are in the prototype mode in Figma and ready to make connections between your wireframe screens. What are the three parts that make up prototype connections? Select all that apply.
You have designed a mapping app for a large city. The app provides travel directions only for walkers. You did not account for automobiles, public transportation, or bicycle transportation. Which type of bias did you exhibit with the creation of this app?
You are booking travel through a travel website. When you get to the checkout page, you see that your flight and hotel are in the shopping cart as you indicated. But, you also notice that trip insurance is in the shopping cart. You did not add that trip insurance and remove it from the shopping cart. What type of deceptive patterning is this considered?
You are shopping for trousers on a clothing store app. You add a tan pair of trousers to the shopping cart and select the checkout button. When you get to the cart, you see recommendations for a shirt that many customers have paired with the trousers. You end up buying the shirt as well. Why are deceptive patterns harder to ignore than traditional forms of advertising?
You have created your wireframes in Figma and are ready to move them into a low-fidelity prototype. What tab should you choose to start this transition?
The app that you are designing uses various notification noises and bright colors. How might these elements negatively impact users?
Your client asks you to explain what a low-fidelity prototype is. How might you explain it to them?
You have shared the Figma prototype with your team and would like to watch how they interact with it. Which mode should you be in to do this?
You are ready to build your low-fidelity prototype in Figma. What should you consider before you start? Select all that apply.
You are establishing the frame connections in Figma for your prototype and are ready to select the triggers for the transitions. You want to identify if the transitions from frame to frame will be from a tap, click, or hover. Which panel in Figma can you do this from?
Your client has asked for multiple prototypes so they can choose the one they like best. How do you keep multiple prototypes organized in the same file?
When you first arrive at a health foods website, a pop-up appears asking if you want to save 10% when you enter your email address. You select “No” and then a message appears saying, “I guess you don’t want to lose weight.” What type of deceptive patterning is this?
You are shopping for a new computer that will really help you excel with UX design. A lot of your UX designer friends have recommended it. You are researching it online and notice that one website mentions there are only two left in stock. Which deceptive pattern is this?
Your UX design mentor reviews your designs and suggests that you should be mindful of your implicit bias. What are they referring to?
Your UX design mentor asks you to double-check your app design to ensure that you do not include elements that encourage addictive behaviors or negatively affect users’ lives. Which ones are examples of UX design that work to prevent these issues? Select all that apply.
You have completed the wireframes for the app you are designing. You are still feeling like the end product is not clear, but, due to the tight timeline, you need to move forward into the prototyping phase. In this instance, why might you choose to use a paper prototype?
You are worried about inadvertently including deceptive patterning in the fitness apparel app you are designing. You have seen other online stores include hidden fees, like shipping or restocking. What is one thing you could add to your app to help avoid the deceptive pattern of hidden costs?
Your UX design mentor explains and provides examples of deceptive patterning to you. What is the first step to avoid deceptive patterning in your UX design?
Ready to test your recall?
You demonstrate an early product model)s scrolling and click functionality to stakeholders before it goes to engineering. What are you demonstrating?
How confident are you in this answer?