Our school does not support Internet Explorer. For a much better experience, please download the latest version of Google Chrome, Safari, Opera or Firefox
Animate Your Ideas and Design Better Apps

Teachers:

About:

  • 2½ hours
  • 25 lessons
  • 0 quizzes

Certificate of Completion Offered

This course will teach you step by step how you can move your prototypes and designs from static images to animated and interactive user experiences that you'll be able to play with and give to your clients and users to try, like the Apple, Facebook, Twitter and other thousands of companies are doing.

I'm Adria Jimenez and I'll be your instructor. I'm an engineer and designer passionate for technology, design and great products. During my life, I've worked in several multinational companies where I've learned how to create curated and beautiful web and mobile applications and recently I created several c

Take this course for $59.99 30 Day Money Back Guarantee
Do you have a coupon?

What You'll Learn In This Course

Learn how to add interaction to designs and wireframes
Create animated prototypes
Build microinteractions
Showcase app ideas to team or customers

What You Need For This Course

You should already know how to do wireframes or designs
A Mac computer. The software for this course only runs in Apple computers

Description

This course will teach you step by step how you can move your prototypes and designs from static images to animated and interactive user experiences that you'll be able to play with and give to your clients and users to try, like the Apple, Facebook, Twitter and other thousands of companies are doing.

I'm Adria Jimenez and I'll be your instructor. I'm an engineer and designer passionate for technology, design and great products. During my life, I've worked in several multinational companies where I've learned how to create curated and beautiful web and mobile applications and recently I created several courses to teach others what I've learned.

This is one of my most favorite topics, so I carefully created this course for anyone who wants to boost their design or UX career, learning how to move from static wireframes or designs to animated and interactive prototypes that you can show to your team or clients.

What are you getting with the course?

  • Lifetime access
  • HD video lessons
  • Step by step guides
  • Prototype challenges with solutions
  • Downloadable materials and exercises

What will I be able to do at the end?

By the end of the course, you'll be able to create animated prototypes from your wireframes or designs that will provide interaction with the user, showcasing how to use certain features of your app without even touching a line of code.

As soon as you gain knowledge with the tool, we are going to go one step further creating full interactive prototypes that you'll be able to see directly on your phone, and not only that, the course has challenges that will help you learn and progress further in your career while you also have fun.

Who is the ideal student?

The ideal student for this course is an existing UX or designer who already knows how to wireframe or design applications but who wants to advance one step forward in his or her career and wants to be able to show or test animations or interactions with clients or users.

The only requirement for taking this course is to have an Apple computer and to be open to learning new cool stuff.

See you inside the course and see how quick your designs and wireframes improve.

Syllabus

All the lessons in this course
  • Welcome
  • You'll see what we will cover and how you can succesfully follow the course. Also what can you do and how you can get the required software.
  • Welcome 01:34
  • Course introduction. Is this course for me? How is the course structured 04:27
  • Downloading and installing the required software 01:04
  • Get to know the tool
  • You'll learn to use the interface and learn what each button does. Mastering them is the key for your success.
  • Software interface 07:04
  • Drawing shapes 01:54
  • Adding your assets 03:20
  • Importing your assets from Sketch 03:16
  • Connecting your screens 03:37
  • Animate state between different screens 03:04
  • Your first prototype
  • Step by step let's start creating a small prototype with the things you've learned.
  • Creating a shopping cart 05:18
  • Shopping cart, polishing the animations and transitions 03:52
  • Sharing your first prototype 01:51
  • Previewing and playing with your prototype on your iPhone 02:51
  • Advanced interactions
  • Learn in this section how to create advanced interactions and how to react with them.
  • Working with big content 05:14
  • Dragging layers across the screen 01:20
  • Content pagination 04:07
  • Control prototype behaviors using drivers​ 08:20
  • Combining skills to create prototypes
  • As student you'll learn how to work with both animations and drivers to build more complex prototypes.
  • How challenges work 02:09
  • Basic menu challenge 01:11
  • Solving the menu challenge 07:08
  • Creating a slingshot prototype 08:03
  • Prototyping for the Apple Watch with long press 06:53
  • Picture gallery deletion prototype challenge 01:22
  • Build the gallery step by step guide 10:13
  • Conclusion and thank you 01:19

Course Details

2½ hours of video
Full 24/7 lifetime access
25 lessons
Certificate of Completion
Take this course for $59.99 Do you have a coupon?

Teachers

Taught by: Adria Jimenez, Software Engineer, Designer