Animate Your Ideas and Design Better Apps

0 Reviews

Teachers: Adria Jimenez

About: 2½ hours, 25 lessons, Certificate of Completion

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 … Read More

30 day moneyback guarantee

More Details

Course 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.

Curriculum

Module 1: Welcome

Lesson 1: Welcome
Welcome in! Be sure to check this lesson to see how to get the most of the course.
Lesson 2: Course introduction. Is this course for me? How is the course structured
Before starting with the course, make sure you know what the course is about and make sure you are ready to start learning!
Lesson 3: Downloading and installing the required software
This lecture will show you where and how to download the required software for the course.

Module 2: Get to know the tool

Lesson 1: Software interface
The interface is simple but powerful so it's important to know what you can do with it. Learn in this lesson all the buttons and windows, why are they there and what they do.
Lesson 2: Drawing shapes
This lecture shows how you can create shapes. Which are the shapes that you can create and why.
Lesson 3: Adding your assets
Learn in this lecture how you can add your assets to your composition. Directly from your computer to the composition and how you can later update them.
Lesson 4: Importing your assets from Sketch
If you are using Sketch to design your assets, you'll learn in this lesson how you can import them so they look good in your design.
Lesson 5: Connecting your screens
Learn how to properly connect your screens so they start to look like an animated prototype.
Lesson 6: Animate state between different screens
When you have different screens that share elements, the transition between them can be easily animated. This lesson will teach you how you can do it.

Module 3: Your first prototype

Lesson 1: Creating a shopping cart
This lecture will show you how to create an animated prototype of a shopping cart.
Lesson 2: Shopping cart, polishing the animations and transitions
Now that you've seen how easy is to animate between screens and you've put it in practice, how about if you learn how you can tweak those animations? In this lesson you will learn how to do so.
Lesson 3: Sharing your first prototype
Creating a prototype is nice, but what is better than sharing it?

This lesson will teach you how to easily share your prototypes with clients or colleagues.
Lesson 4: Previewing and playing with your prototype on your iPhone
Test your prototype on your iPhone easily and learn how to share the prototype with your clients so they can also see it in an iPhone.

Module 4: Advanced interactions

Lesson 1: Working with big content
This lesson will show you how to manage big content and how to make it scrollable in order to make it appear correctly for the user.
Lesson 2: Dragging layers across the screen
Dragging layers is something useful and most of the times painful to do. In this case dragging layers it's pretty easy. Let's see how we can do that.
Lesson 3: Content pagination
Learn in this lecture how to properly paginate your content. Something easy and fast to do.
Lesson 4: Control prototype behaviors using drivers​
Control prototype behaviors using drivers. In this lesson you will see how easy is to add special animations based on behavior.

Module 5: Combining skills to create prototypes

Lesson 1: How challenges work
Now challenges are coming, learn how you should proceed with them so you can be sure you'll make it :)
Lesson 2: Basic menu challenge
Create a basic menu with different options. This will help you in the future if you need to create prototypes that have different basic actions in different screens.
Lesson 3: Solving the menu challenge
If you didn't manage to solve the menu challenge, follow the steps mentioned here for a step by step guide to solve the problem.
Lesson 4: Creating a slingshot prototype
Using drivers and animation learn to build this slingshot with a tension meter prototype.
Lesson 5: Prototyping for the Apple Watch with long press
Apple Watch is there and this lesson will show you how to prototype for it. Including the long press interaction.
Lesson 6: Picture gallery deletion prototype challenge
You like challenges? Here is another one, this time you'll have to create a gallery with picture management where you can delete a picture.
Lesson 7: Build the gallery step by step guide
If you tried the challenge and couldn't find how to do it, now follow this step by step guide in order to achieve the challenge.
Lesson 8: Conclusion and thank you
You made it, congratulations!

Reviews

There are no reviews

What You'll Learn

  1. Learn how to add interaction to designs and wireframes
  2. Create animated prototypes
  3. Build microinteractions
  4. Showcase app ideas to team or customers

Requirements

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

Your Teacher

Software Engineer, Designer