Making Prototypes in Adobe XD

Create prototypes to test and fine-tune your designs or share them during user testing studies to validate your ideas before investing in web development and building the website. Having interactive user experiences in real-time can simulate user flows, get feedback quickly, whether you're working with a mockup or a prototype.

Let's create an interactive prototype. If you don't have a working file or would like to follow along with the example shown in the video, look in our description for a sample Adobe XD file to use.

Exercise Files:
https://bit.ly/AdobeXD-Mockup2Prototype

? Subscribe for more tips just like this: http://bit.ly/ulearn-subscribe

?: TIMESTAMPS
00:00 Intro
00:10 Prototype? What does that mean?
00:24 Need an example Adobe XD file?
00:31 Getting started in creating a Prototype in Adobe XD
00:56 First connection (blue circular node)
01:21 Removing connections
01:30 Seeing our first connection
01:38 Setting our starting frame (home page)
02:05 Testing our Prototype for the first time
02:16 Hotspots? What is it?
02:52 Return to the Prototype to make more active connections
02:56 Control-Panel in Adobe XD
03:16 Prototype Transitions (covered in our next video)
03:31 Conclusion

? Watch our most recent videos: http://bit.ly/ulearn-videos

? If you love the channel but want to learn even more, read our blog for in-depth tutorials: https://ulearn.tech/blog

? Thank you for watching this video. For more content just like this make sure to subscribe to the channel, so that you're the first to be notified when there are new videos released:
? http://bit.ly/ulearn-subscribe

Let's get started and have some fun!

ulearn.tech

#adobexd, #adobe, #xd, #wireframes, #prototypes, #ux, #websiteprototypes, #interactiveprototypes, #experiencedesign, #madewithadobexd,