PRACTICE QUIZ
What is the primary purpose of responsive web design?
Responsive web design allows a website to change automatically depending on the size of the device. Creating responsive websites allows companies to reach people that use various devices with different screen sizes. TEST YOUR KNOWLEDGE ON PROBLEM STATEMENTS
What are the components of a problem statement? Select all that apply.
There are four main components of a problem statement, including the characteristics of the user. The other main components of a problem statement are name, user needs, and insights into why the user has those needs. Explanation: There are four main components of a problem statement, including insights into why the user specified those needs. The other main components of a problem statement are name, user characteristics, and user needs. Explanation: There are four main components of a problem statement, including the name of the user. The other main components of a problem statement are user characteristics, user needs, and insights into why the user has those needs. Explanation: There are four main components of a problem statement, including the needs of the user. The other main components of a problem statement are name, user characteristics, and insight on why the user has said needs.
Consider the following sentence: “Andre is a competitive eater who needs to find an app that will balance their competitive billiards schedule because they are planning a special event next month.” Is this an example of a good problem statement?
Even though this statement technically includes all components of a problem statement, none of the components seem related to one another. A problem statement is a clear description of a user’s need that needs to be addressed, and this sentence does not provide that clarity.
Fill in the blank: When starting a project in Adobe XD, you select the size of the device you want to design for in _____.
Adobe XD allows you to select the device size based on pixels.
What tools can you use to create designs in an artboard? Select all that apply:
You can use the rectangle, ellipse, line, pen, and text tools to create the designs on your artboard. They each serve a specific purpose in how you can customize your design. Explanation: You can use the rectangle, ellipse, line, pen, and text tools to create the designs on your artboard. They each serve a specific purpose in how you can customize your design. Explanation: You can use the rectangle, ellipse, line, pen, and text tools to create the designs on your artboard. They each serve a specific purpose in how you can customize your design.
Personas are one of the most effective tools for giving designers a clear direction for creating design solutions, since they accurately reflect the wants and needs of users. What information does an effective persona include? Select all that apply.
Storytelling is an effective way to get a point across. Creating a brief overview or story that conveys the persona’s user journey can drive home the goals and frustrations the design is aiming to solve. It's also important to include user goals, frustrations, and relevant biographical information. Explanation: If it pertains to the goal of the end product, biographical information can be helpful for visualizing the direction of a design. This information can include age, education, hometown, family situation, and occupation. It's also important to include user goals, frustrations, and a brief story that conveys the persona's user journey. Explanation: To effectively capture a persona, it is important to include goals and frustrations that reflect the ones discovered during the interview process. It should also include a brief story that conveys the persona's user journey, and relevant biographical information.
Which of the following is a good example of a user story?
A user story should include the type of user (who), the action (what), and the benefit to the why of the user story. This fulfills each aspect of the formula.
After adding a description for each user action, what is the next step in mapping out a user journey?
After adding a description for each user action, the next step in mapping out a user journey is to add how the user feels at each point.
Which of the following is an example of a good problem statement?
The statement includes the user’s name, characteristics, their need, and insight regarding why the user has the need.
You have gotten to know the users of an app you are designing. You are clear on the goals for the app and the users’ expectations. You have also organized the user flow of the app and created a roadmap for users to achieve their desired goals. By doing these things, what have you performed?
You are designing a website that has a parent level at the top. It then narrows the content down into a child level. Which website structure is this?
You are in the early stages of designing a responsive website. You have created a diagram of the site that shows how pages are prioritized, linked, and labeled. What tool have you created?
You are ready to wireframe the homepage of the app you are designing. What should you do first?
Your client is not sure they want a responsive design for their website. What might you tell them to help them decide a responsive design is a good choice?
Which elements are commonly used when scaling down digital real estate to smaller screens? Select all that apply.
A friend, who is not a designer, asks you why you are spending time on wireframes. What might you tell them?
Which features are important to include in your wireframes to ensure that people using assistive technology have a great user experience? Select all that apply.
You are designing an app for pet care. You have used the same shapes in your wireframes to denote cats (diamonds), dogs (stars), and rabbits (ovals). Which Gestalt Principle have you used?
Which wireframe features provide visual hierarchy and support navigation for users of screen readers? Select all that apply.
You are finished with your wireframes and are thinking about getting rid of them. A colleague has advised you to keep them and add them to your portfolio. Why should you add wireframes to your portfolio?
You have designed a responsive website for your client. They have given you a lot of photos to include on the site. Which element would you use on the website to accommodate a lot of pictures?
Your client has asked you to design a website that is responsive. What does that mean?
You’re designing a website. So far, you’ve found out about your users from empathy interviews, you’ve defined the problem to solve, and you’ve started the ideation process. What might be your next action?
You are looking at a website that uses content tags and has search functionality. What type of website is this?
You are working on the information architecture for an app you are designing. What element do you need to understand to effectively create a user flow?
You would like to use Gestalt Principles in your wireframes. Which of the Gestalt Principles are relevant to wireframes? Select all that apply.
You are satisfied with your paper wireframes and are ready to move to digital wireframes. What elements should you consider before transitioning from paper to digital wireframes? Select all that apply.
What type of menu is commonly used when designing for smaller screens and devices?
You are designing a website that leads users step-by-step toward a specific goal. Which type of website structure is this?
You are in the wireframing stage for an app you are designing. What should be included in your wireframes?
You have created a website that has a lot of content and images on it. The feedback you get from colleagues is that they have experienced cognitive overload. What can you do to remedy this situation?
During a conversation with one of your colleagues, you mention that you are using Gestalt Principles in your wireframes. Your colleague doesn’t understand why you would spend the time to use those principles at this early wireframing stage. What would you tell them?
The responsive website that you are designing is fairly small and has less than 100 pages. What kind of sitemap would you use for this website size?
A colleague inquires as to where you are in the design process for an app you’re designing. You tell them you are working on the information architecture. What does this mean?
Which types of screens should a website be able to adapt to if it’s built with responsive design?
You are in the beginning stages of designing an app and need to create a clear organizational structure. What should you create first?
Ready to test your recall?
What is the primary purpose of responsive web design?
How confident are you in this answer?