TEST YOUR KNOWLEDGE ON RESPONSIVE WEBSITE DESIGN

1. What is the primary purpose of responsive web design?

TEST YOUR KNOWLEDGE ON PROBLEM STATEMENTS

1. What are the components of a problem statement? Select all that apply.

2. 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?

3. Fill in the blank: When starting a project in Adobe XD, you select the size of the device you want to design for in _____.

4. What tools can you use to create designs in an artboard? Select all that apply:

5. 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.

6. Which of the following is a good example of a user story?

7. After adding a description for each user action, what is the next step in mapping out a user journey?

8. Which of the following is an example of a good problem statement?

9. 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?

10. 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?

11. 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?

12. You are ready to wireframe the homepage of the app you are designing. What should you do first?

13. 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?

14. Which elements are commonly used when scaling down digital real estate to smaller screens? Select all that apply.

15. A friend, who is not a designer, asks you why you are spending time on wireframes. What might you tell them?

16. 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.

17. 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?

18. Which wireframe features provide visual hierarchy and support navigation for users of screen readers? Select all that apply.

19. 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? 

20. 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?

21. Your client has asked you to design a website that is responsive. What does that mean?

22. 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?

23. You are looking at a website that uses content tags and has search functionality. What type of website is this?

24. 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?

25. You would like to use Gestalt Principles in your wireframes. Which of the Gestalt Principles are relevant to wireframes? Select all that apply.

26. 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.

27. What type of menu is commonly used when designing for smaller screens and devices?

28. You are designing a website that leads users step-by-step toward a specific goal. Which type of website structure is this?

29. You are in the wireframing stage for an app you are designing. What should be included in your wireframes?

30. 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?

31. 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?

32. 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?

33. 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?

34. Which types of screens should a website be able to adapt to if it’s built with responsive design?