Staiano, Fabio. Designing and Prototyping Interfaces with Figma. Pakt Publishing, 2022. Discover user experience and user interface design best practices while mastering a wide array of tools across Figma and FigJam with this full-color guide.
Read the following chapters to supplement the videos about Figma:
Chapter 4: Wireframing a Mobile-First Experience Using Vector Shapes
Chapter 7: Building Components and Variants in a Collaborative Workspace
Wood, Brian. Linkedin Learning: Figma Essential Training: The Basics. 2021. https://www.linkedin.com/learning/figma-essential-training-the-basics/the-basics-of-figma?autoplay=true&u=56742097 This LinkedIn Learning video is an excellent source to learn how to fully use Figma. It starts off with basic concepts and moves into hands-on development tools and processes that you will need to know for the completion of this course.
Watch the following section of the LinkedIn Learning:
"Usability Test Video by Steve Krug." YouTube, uploaded by Steve Krug, 6 May 2020, https://www.youtube.com/watch?v=1UCDUOB_aS8 This video on “user testing” by Steve Krug is very useful for this module’s learning activity. Observe how Krug goes through the test with his user.
Lennace, Katie. "User Flow for App Development: A Beginner’s Guide." Designli.co, 17 Dec. 2021, https://designli.co/blog/user-flow-for-app-development-a-beginners-guide/ This article offers some very useful tips on creating good user flow and building effective diagrams.
Module 2 Optional Resources
Book
Designing in Figma: The complete guide to designing with reusable components and styles in Figma by Eugene Fedorenko
ISBN: 9798682918232
Publication Date: 2020-09-15
Fedorenko, Eugene. Designing in Figma: The complete guide to designing with reusable components and styles in Figma. Independently published, 2020. This book is highly recommended! Designing in Figma is an easy-to-understand book that allows readers to grasp the foundational concepts of using Figma. Figma will be used as the main tool for designing and developing UI projects for this course.
"UX Storyboard Template." Milanote.com, https://milanote.com/templates/storyboards/ux-storyboard Milanote is a simple-to-use tool that allows for easy UI planning and diagramming.