LibGuides: MUL390: Module 1

Module 1 Required Resources

Designing and Prototyping Interfaces with Figma by Fabio Staiano
ISBN: 9781800564183
Publication Date: 2022-03-16
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 8: User Interface Design on Tablet, Desktop, and the Web
- Chapter 2: Structuring Mood Boards, Personas, and User Flows Within FigJam

Figma Essential Training: The Basics
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 sections of this LinkedIn Learning:
- Introduction
- Section 1: Getting Started with Figma
- Section 2: Setting Up Your File in Figma

Interaction Design: Interface
Cronewett, Diane. Linkedin Learning: Interaction Design: Interface. 2020. https://www.linkedin.com/learning/interaction-design-interface/use-icons?autoplay=true&resume=false&u=56742097
Watch this video to get a good understanding of the foundational aspects of UI design.

The Basic Principles of User Interface Design
"The Basic Principles of User Interface Design." UXPin, www.uxpin.com/studio/blog/ui-design-principles/
This resource covers the basic principles of UI
Visual Design Basics
"Visual Design Basics." Usability.gov, www.usability.gov/what-and-why/visual-design.html
This resource covers the basic principles of visual design.
What Is HCI (Human-Computer Interaction)? Meaning, Importance, Examples, and Goals
Kanade, Vijay. "What Is HCI (Human-Computer Interaction)? Meaning, Importance, Examples, and Goals." Spiceworks, 22 Jul. 2022, www.spiceworks.com/tech/artificial-intelligence/articles/what-is-hci/
This article explains the fundamentals of HCI, its goals, importance, and examples.
Human-Computer Interaction (HCI)
"Human-Computer Interaction (HCI)." Interaction Design Foundation, www.interaction-design.org/literature/topics/human-computer-interaction
“Your constantly-updated definition of Human-Computer Interaction (HCI) and collection of topical content and literature.”

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.

The Design of Everyday Things
Norman, Don. The Design of Everyday Things. Audible, 2019. https://www.youtube.com/watch?v=RYG0sRaKTec&list=PL6L6rivp1i8Kh8f1YMJBDXq5smlleku3b
Explore this audiobook “The Design of Everyday Things” by Don Norman, who is widely considered the “father” of HCI and UI/UX design theory.

List of Videos on UI Design
List of videos on UI design. LinkedIn Learning. https://www.linkedin.com/learning/search?keywords=ui%20design&u=56742097
Explore this list of short videos about User Interface Design.

Recommended videos:
- “Understanding User Interface (UI) Design” (3m 8s)
- “Going From Graphic Design to UI Design” (4m 24s)