From the course: Prototyping for Non-Designers
Join today to access over 25,500 courses taught by industry experts.
Prototyping interactions
From the course: Prototyping for Non-Designers
Prototyping interactions
- [Instructor] Interactivity is not something you make up as you go along. You not only need to plan the interactivity, but you also need to show it. This is where Figma has become the go-to app for prototyping interactivity. As you can see here, there are three cards that allow a user to interact with the cards by going to the images and clicking on an image to enlarge it. In Figma, this all happens in prototype mode. So I'm going to swing over to prototype mode. There we are. To start, you click on the More button and you just drag a wire over to the images, and it's going to ask you what the trigger is and what the action are. So the trigger is on click Navigate to images, which is this one here. And I don't want an instant animation, I want to use smart animate. And the duration is measured in milliseconds and it can be 300 to how many thousands you want. 300 milliseconds, by the way, is one-third of a second, so we'll go with that. And one thing I tend to do is if you do a bit…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.