PRACTICE QUIZ

A high-fidelity prototype must have visual elements, navigation, and interactions. Interaction is included in high-fidelity prototypes because it contributes to the design’s functionality.

This is a good question to ask because it accounts for the navigation required to end the user’s journey. Other key considerations include: "How does a user get from one screen to the next?" and "How easy is it to locate navigation-related icons?" Explanation: This is a good question to ask because it examines how the user would interact with the product. Other key considerations include: "How does a user get from one screen to the next?" and "At which point does the user journey end?" Explanation: This is a good question to ask because it considers the user and addresses how the user flow should be navigated. Other key considerations include: "How easy is it to locate navigation-related icons?" and "At which point does the user journey end?"

The first step in creating a connection or interaction in Figma is to select where the user’s interaction will take place.

Adjusting the animation occurs after a designer adds interaction details in Figma.

The user flow is important to how the designer creates the first connection they want the user to act upon. TEST YOUR KNOWLEDGE ON GESTURES AND MOTION

Tapping, scrolling, swiping, and zooming are common gestures used to complete an action in an app.

Gestures and motion are interactive elements that help the user have a seamless experience.

This is a good example of gesture and motion working in concert to enhance the user experience as they interact with the design.

Moving out is an option when adjusting animation. Designers can also choose to move up or down for a specific direction for the motion. Sliding in and instant animations are also options. Explanation: Sliding in, whether up or down, is an option when adjusting animation. Moving out, and instant animation are also options. Explanation: An instant animation is an option where the user goes from one screen to the next without any motion or transition in between. Sliding in and Moving out are also options.

Hi-fi prototypes take the design work that designers have already done in the mock-ups and makes it interactive.

To start creating a hi-fi prototype, you will first add and organize all our mockups in Figma in a logical order.

You should provide alternative options to using gestures, give users the ability to turn off a motion, and consider the speed and duration of motion in your designs to ensure accessibility in your design. Explanation: You should provide alternative options to using gestures, give users the ability to turn off a motion, and consider the speed and duration of motion in your designs. The World Wide Web Consortium recommends that animations are under five seconds long in order to be accessible. Explanation: You should provide alternative options to using gestures to keep designs accessible for all users, think critically about the speed and duration of motion in your designs, and give users the ability to turn off a motion.

Insight is an observation that helps a designer understand the user or their needs from a new perspective.

Finding themes in the data is the third step in turning observations into actionable insights. Explanation: Coming up with insights is the final step in turning observations into actionable insights. In sequential order, the previous steps include gathering the data, organizing the data, and finding themes. Explanation: Gathering data in one place is the first step in turning observations into actionable insights. Next, organize the data, find themes, then come up with insights. Explanation: The first step is to gather data in one place. Organizing data is the second step in turning observations into actionable insights, the third step is to find themes, and the fourth step is to come up with insights.

The designers didn’t consider using accessible colors. Considering the color contrast also made it difficult for users to navigate the app, it was sensible to reconsider the palette they used.

The team needs to include a more diverse list of choices for patients when they fill out their online paperwork. The additional choices will help patients accurately record the reasons for their hospital visit. TEST YOUR KNOWLEDGE ON HANDING OFF DESIGNS

To successfully send off the design to the engineering team, Jean-Marie will need to put together the details of the design system, mockups, prototypes, and specifications. It will make it easier for the engineers to start the coding process once they have all the references they will need. They should also finalize every aspect of the design before sharing it with the team. Explanation: Since Jean-Marie is working at a small design agency, it’s best practice to have every aspect of the design finalized before sending it off to the engineering team. While this might be the case at larger companies as well, smaller companies typically operate like a relay race. The baton needs to be delivered completely before the race can continue, and the next team member takes over. They should also provide the design system, mockups, prototypes and specifications.

Figma’s customizable thumbnail feature allows designers to include an array of useful information for other team members, including hyperlinks, image or illustrations, and even the file status. Mona should also test and share the prototypes before delivering the designs to the engineering team. Explanation: Mona can test and share the prototypes before delivering them to the engineering team. That way, she can ensure that the files adequately demonstrate the flow and goal of the design. She should also create thumbnails that include hyperlinks, specifications, and requirements for the design.

Nice work! To successfully send a design to the engineering team, you will need to put together the details of the design system, mockups, prototypes, and specifications. It will make it easier for the engineers to start the coding process since they’ll have all the references they will need.

Entry-level designers will generally not be expected to design hand-off protocols for their organization.

Designing and engineering a product simultaneously can lead to team members retracing their steps to redesign or rebuild the product. For example, if a designer wants to change a layout, the engineer building the design would also have to redo some of their already completed work. TEST YOUR KNOWLEDGE ON CASE STUDIES IN UX PORTFOLIOS

A case study is a summarized presentation of a design project. It typically includes the project goals and objectives, your role in the project, the process your team followed, and the outcome of the project.

Case studies demonstrate a designer’s willingness to collaborate with a team. If a designer is working at a company or an agency, it takes more than one person to complete the interview process, document data, and create actionable insights from a case study. It also serves as a visible demonstration of design knowledge. Explanation: A case study is a presentation of a project, which serves as a visible demonstration of design knowledge and demonstrates a designer's collaborative skills.

Each design project has its challenges. Recruiters and hiring managers want to see the challenges a designer faced and how they overcame them. The case study should also include a hero image, goals, and objectives. Explanation: Since the website displays the types of home designs that are offered, it would be a good idea to include a hero image that demonstrates the features Harjot designed into the website. The case study should also highlight the project's challenges, goals, and objectives. Explanation: Every design project has goals and objectives, whether that includes a time constraint, themes, and features that are requested by the client. Displaying goals and objectives in a case study allows hiring managers and recruiters to see how a designer approached and accomplished them. The case study should also include a hero image, and highlight the project's challenges.

There’s a lot of background work done to make a design project possible, but they should still be visually appealing, concise, and engaging. Much of UX design is visual, so case studies should be presented in a way that appeals to recruiters and hiring managers. Not everyone that will examine a designer’s case studies will be a designer. Explanation: It’s important to display case studies in a way that’s concise, engaging, and visually appealing. They should tell a cohesive story that shows how the designer improved the user experience through their expertise.

Before marking a design iteration as complete, participants or users should be able to interact with and interpret the designs without extra guidance. That means the designer created a design that’s intuitive and easy to navigate. It's also important to consider if the designs are true representations of the intended user experience, and if placeholder texts have been replaced with finalized assets. Explanation: Before finalizing a design, the designer should make sure all placeholder texts, icons, and imagery have been replaced with finalized assets. That way, the engineering team will have a complete package to bring into production. It's also important to consider if the designs are true representations of the intended user experience, and if participants are able to interact with the designs without extra help. Explanation: After completing rounds of analysis, tests, and interviews, it’s important to assess if the final designs are representative of what users actually want and need. It's also important to consider if placeholder texts have been replaced with finalized assets, and if participants are able to interact with the designs without extra help.