TEST YOUR KNOWLEDGE ON CREATING A HIGH-FIDELITY PROTOTYPE IN FIGMA

1. Fill in the blank: A high-fidelity prototype must have visual elements, navigation, and _____.

2. When finalizing the navigation for a high-fidelity prototype, what questions should the designer ask? Select all that apply.

3. A designer builds a high-fidelity prototype in Figma and wants to make it interactive. What is the first step to making a design element interactive?

4. When creating a high-fidelity prototype in Figma, what happens directly after the designer adds the interaction details?

5. Fill in the blank: Screens should be laid out in the order of the user flow because the first connection a designer makes will be the starting frame for the prototype. This is the first ___ they want a user to take in the app.

TEST YOUR KNOWLEDGE ON GESTURES AND MOTION

1. What are some common gestures used to navigate mobile apps? Select all that apply.

2. Why are gestures and motion important in UX design?

3. A design team wants to add a gesture and motion to a reservation page of a hotel app. They apply animation to the select button on the page for room types. Which of the following is the best example of a gesture and motion when a user reserves a room?

4. A designer working on an app for an online retailer finishes adding interaction details for an action in Figma. They need to adjust the animation for adding an item to a shopping cart. What are some options for the animation settings? Select all that apply.

5. How are high-fidelity (hi-fi) prototypes different from low-fidelity (lo-fi) prototypes?

6. What is the first step in creating a high-fidelity prototype in Figma?

7. In UX design, what should you consider when incorporating accessibility in gestures and motions? Select all that apply.

8. You are ready to move your mockups into a high-fidelity prototype. Which elements must be included in a high-fidelity prototype? Select all that apply.

9. When you make connections in Figma to make an item interactive, what type of element should be the final destination?

10. You are ready to create a high-fidelity prototype in Figma. What is the first thing you should do when you are laying out your mockups in Figma?

11. You want to ensure users have the ability to quickly open the context menu within your mobile app. Which gesture would be included in your prototype to enable this functionality?

12. A colleague has tested your high-fidelity prototype mobile app. They provide feedback that they could not figure out how to open the main menu. Which of these statements is most likely to be the reason why?

13. You are in the midst of adding interaction details in Figma to your high-fidelity prototype. You have added triggers and defined their actions. What is the last step to finalize the interaction details?

14. You are ready to test your prototype to see if the animation works correctly. What button should you select in Figma to see how the prototype works?

15. You are double-checking that the motions and gestures in your high-fidelity prototype are accessible to all users. What can you do to ensure accessibility? Select all that apply.

16. Your client has asked you to add a sound effect for every click that a user makes in their app. What is the best way to address this with the client?

17. You have included a video in your high-fidelity prototype. What accessibility considerations should you include in your design? Select all that apply.

18. You have added interactivity and functionality to the app you are designing. It now closely resembles what you envision to be the final product. What have you developed at this point?

19. In the high-fidelity prototype for your mobile app, you have a screen that contains a map. You want users to have the ability to zoom in and out on the map. Which gesture would be included in your prototype to enable this functionality?

20. The technical specs your client has provided indicate that the Google Android operating system is what you should use when designing the mobile app. The specs also indicate that several gestures should be used for user interaction. Which design philosophy guidelines should you use?

21. You have begun the process of adding interaction details to your high-fidelity prototype in Figma. You already added a trigger. What is the next step you should take to add interaction?

22. You have added all of the interactions and animations to each page in Figma for your high-fidelity prototype. Now, you are ready to gain feedback. How can you allow others to view your prototype?

23. You have added sound to your high-fidelity prototype. What is one thing you can do to ensure the sound added is accessible for all users?

24. What accessibility features should be included when using sound or video in your high-fidelity prototype? Select all that apply.

25. You have created a new page in your Figma design file for your high-fidelity prototype. What should you do with your mockups? 

26. It is time to check the navigation in your high-fidelity prototype. What elements do you look for as you are checking to see if the navigation works? Select all that apply.

27. You want to start making connections for interactivity in your high-fidelity prototype in Figma. What mode do you need to be in to do this?

28. You have set the animation of one of your pages in Figma to instant animation. It moves from one screen to the next. You would like to add a bit more visual interest and want to change the animation of the page movement so it slides in from the bottom. What must you adjust in Figma to do this?

29. You have added motions and animations to your high-fidelity prototype. How long should those motions and animations be to be considered accessible for all users?

30. You would like to add sound to your high-fidelity prototype. How does sound affect accessibility? Select all that apply.

31. You have suggested to your client that they should add a video to the app that you are designing for them. They have asked what the benefit of a video is. What is the best way respond?

32. Your app has several screens. Users will need to navigate to the different screens to see the content on each. Which gesture will they use to move between the screens in the app?