Interactive Prototyping with Adobe XD
A course by José GaleanoProduct Designer
A course by José Galeano, Product Designer
Learn how to find solutions to user problems and create accurate animated prototypes for digital products
Fidelity and realism are two key factors in developing, experimenting, and finding valid solutions to user problems. Find out how to guarantee the best digital experience by creating interactive prototypes alongside product designer José Galeano.
Learn how to make animated prototypes with Adobe XD. Plus, solve digital product problems and develop a prototype that’s faithful to your final product, testing it with real users on any mobile device.
What will you learn in this online course?
17 lessons & 22 downloads
What Will We Do in this Course?
1 minute, 28 seconds
What Is A Digital Product?
6 minutes, 49 seconds
What Is a Prototype? What Is the Use of Being Animated?
5 minutes, 31 seconds
What Is Adobe XD? What Are My Favorite Tools
8 minutes, 43 seconds
Problem and Objective
13 minutes, 25 seconds
Research and References
14 minutes, 44 seconds
What's included in this course?
Get to know José Galeano, see how he became a successful product designer, and learn about the artists who have influenced his work along the way. Then, take a look at what is taught in this course.
First, it’s important to understand what a digital product is. See how we interact with them everyday and understand the work that goes into each one. A key element is prototyping, so learn what a prototype is and why animating it is better.
Next, it’s time to sketch the interface on paper and import it into Adobe XD. Based on your research and goals, start exploring different visual styles to make UI decisions until you’ve completed your digital workflow.
Then, bring your interface to life by adding links and animating each interaction with Adobe XD. See how to test the full experience and look for ways to improve your final prototype.
At the end of this course, José shows you his final steps for testing a prototype. Finally, see the best ways for sharing your work with other teams as a way to continue developing on the project.
Recommended software & tools for this course
What is this course's project?
Develop a high-fidelity interactive prototype of a digital product.
Projects by course students
Who is this online course for?
This course is aimed at UI, UX, and product design enthusiasts.
Requirements and materials
To be able to follow along in this course, a basic understanding of Adobe XD is recommended.
Regarding materials, you will need a pencil and paper, a mobile phone, and a computer with the Adobe XD software installed.
Reviews
- 26 days ago
los temas son superclaros
- 8 months ago
Me encantó este curso, aprendí mucho, la manera en la que José explica los temas es muy clara.
- 2 years ago
Course is difficult to follow if you don't speak Jose's native language. English subtitles don't work another languages are badly translated so I have been struggling with this course. There is also a file missing UI elements-IOS14 which Jose uses in his course but there is no link to upload it. He also doesn't take you step by step through the process of making an app. Just shows you a build and ready app has he has done on his own.
- 2 years ago
No me pareció bueno el curso
- 3 years ago
Es un buen curso, aprendí algunos tips que no te lo enseñan en Youtube :) me pareció muy bueno el feedback que hay con las entrevistas . Superclave para mejorar y terminar el proyecto. 10/10 asi que recomendable
He combines his profession as a product designer working at @laboxmx, (a mystery box company that distributes the work of Latin artists) and recording “Todo va a estar bien”, a podcast which he co-hosts.
Content
- U1
Introduction
- Presentation
- My Influences
- What Will We Do in this Course?
- U2
Welcome to the Product World
- What Is A Digital Product?
- What Is a Prototype? What Is the Use of Being Animated?
- What Is Adobe XD? What Are My Favorite Tools
- U3
From Problem to Prototype
- Problem and Objective
- Research and References
- UI Solution on Paper and From Paper to Digital
- Final UI scan and solution
- U4
Animating the Prototype
- Let's Start Prototyping
- Let's Animate Our Prototype 1
- Let's Animate Our Prototype 2
- Let's Try the Mirror
- U5
Test, Iteration, and Build
- Export and Share Your Prototype
- Prototype Test
- Keep Building
- FP
Final project
- Interactive prototyping with Adobe XD
What to expect from a Domestika course
Learn at your own pace
Enjoy learning from home without a set schedule and with an easy-to-follow method. You set your own pace.
Learn from the best professionals
Learn valuable methods and techniques explained by top experts in the creative sector.
Meet expert teachers
Each expert teaches what they do best, with clear guidelines, true passion, and professional insight in every lesson.
Certificates
PLUSIf you're a Plus member, get a custom certificate signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Get front-row seats
Videos of the highest quality, so you don't miss a single detail. With unlimited access, you can watch them as many times as you need to perfect your technique.
Share knowledge and ideas
Ask questions, request feedback, or offer solutions. Share your learning experience with other students in the community who are as passionate about creativity as you are.
Connect with a global creative community
The community is home to millions of people from around the world who are curious and passionate about exploring and expressing their creativity.
Watch professionally produced courses
Domestika curates its teacher roster and produces every course in-house to ensure a high-quality online learning experience.
FAQs
You’ll learn how to build digital portfolios, design responsive interfaces, prototype and animate digital products in Adobe XD, apply user experience processes, and share your designs to get professional feedback.
This is an intermediate-level course, perfect if you already have basic digital design knowledge or some experience with design tools.
You’ll need basic digital design skills and access to Adobe XD. Having an existing portfolio helps but isn’t required.
Creating a digital portfolio on Behance lets you professionally showcase your work, get feedback, boost your visibility, and open doors to creative job opportunities.
The course teaches you how to adapt interfaces for various devices, making sure your designs look great and work smoothly on phones, tablets, and desktops.
Yes, you’ll learn to build interactive, animated prototypes using Auto Animate, customize transitions, and test animations on real mobile devices.
You’ll discover how to share your projects in communities like Behance, prepare files for review, and use feedback to improve your work.