Mobile and Web Rapid Prototyping - interaction, animation

Learn to create mobile and web interactive prototypes and designs with interaction and animation with Quartz Composer

2.65 (25 reviews)

Udemy

platform

English

language

Design Tools

What you will learn

Create fast prototypes

Learn about animation

Improve prototyping skills

Learn to animate you prototypes

Speed up the design process

Start rapid prototyping

Create app or website interactions

Why take this course?

Join with more than 5700 students that already started creating animated prototypes.

Designers should build the future and the best way to do it is to be fast, react and adapt. Learn how the new prototype work, they shouldn't be static anymore, that's why you need to learn interactions and animations for your prototypes.

Doing your prototypes interactive will lead you to improve your collaboration with the product owners and the engineers as you'll be able to react and adapt without effort, even for your user tests.

You'll learn how to animate your prototypes as I do to present them to my clients so they get a better understanding of how the app or the website will look like.

This course is mainly focused on getting you more productive with the prototypes and also is focused on how to present your static designs in a way that are fully interactive, so they provide an accurate and realistic visualization of your final application or website.

I've been asked many times how to start with rapid prototyping and how to easily integrate static prototype with user interactions and flows, animations and effects that's why I decided to create this course, to let people like you to be more productive and to go to the next step in your work.

You'll learn the pieces that lead you to create compositions to show your animated interactions, designs and animations.

The course is structured in small and easy to follow parts that will introduce you to Quartz Composer and will cover the different needs a designer or a UX can have while designing animated interactions. Finally, the course will provide you some step by step examples with downloadable content that you'll be able to view, download and play. The course is so easy to follow that if you don't like it, your money will be refunded within 30 days without any question.

This course is mainly oriented to user interaction profiles, designers, animators and also for engineers that are looking to improve their skills and speed in prototype creation. The course also covers the basics of Quartz Composer so anyone looking to create any kind of animation is also welcome as the course will help them to understand and use this tool too.

Developers can also benefit from the course because coding and tweaking animations in the code can be a real pain, so you'll learn how you can easily tweak and change things on the fly without code.

Nowadays a lot of powerful companies like Apple, Facebook or Twitter are no longer using plain prototypes and sketches, they are already using rich interactions and animations so they can later show with much more detail to their animators, engineers or product owners. Start now improving your design and prototyping speed and skills by joining this course.

Course updates:

Updated on 1st April 2018 new lesson explaining changes in Quartz Composer

Updated on 9th December 2016 new bonus lecture added

Updated on 17th November 2016 fixed one lesson which was missing an exercise

Updated on 9th June 2016 new lessons updated

Updated on 22nd April 2016 new lessons added to the course to fix the latest updates

Updated on 20th January 2016 new resources added to the course

Updated on 21st December new lectures added to the course

Updated on 22nd September quizzes updated to reflect latest QC changes

Updated on 20th September new lesson added

Updated on 11th May Support for the new patches added

Updated on 17th February Lesson regarding the animations has been recorded again to support the changes in Quartz Composer

Updated on 26th December All the quiz questions now have a link to the lesson where you can learn more about it.

Updated on 10th October New lessons added to boost your sales with animations for your landing pages.

Updated on 25th September Added new workflows to improve your animation prototyping skills with Quartz Composer.

Screenshots

Mobile and Web Rapid Prototyping - interaction, animation - Screenshot_01

Mobile and Web Rapid Prototyping - interaction, animation - Screenshot_02

Mobile and Web Rapid Prototyping - interaction, animation - Screenshot_03

Mobile and Web Rapid Prototyping - interaction, animation - Screenshot_04

Reviews

Mequitnever

April 17, 2016

Cannot understand Instructor's English. Instructor is not enthusiastic about the course. Material is script-read in a tone that is not appealing. Instructor do not make material interesting.

William

April 16, 2016

The information is very out of date. There has been enough change in the patch providers' naming/paradigms that it is not possible to replicate the example compositions. For example, one of the patch providers (jQC) is no longer operating. jQC's patch download is either really hard to find, or doesn't exist, and the site has been absorbed into "Swipe.Tools," which they announced 1/26/2015 (https://medium.com/@verbiate/announcing-a-new-resource-for-interaction-design-b87901a57d65#.gsfmfdqfd). The Swipe Tools' Twitter page hasn't tweeted anything since that same day in 2015. The site, swipe.tools, doesn't exist. I followed the setup and configuration steps for the rest of the patches, but that didn't provide patches similar to what was used in the examples in this tutorial. I spent quite a bit of time reading the various patch descriptions to see what was available and to see if I could figure out what the new paradigms were, so I could follow along. It didn't work. The Avocado.mpkg download isn't properly signed, so you'll need to set your security settings to "Gee, I hope this isn't malware, but go ahead and install yourself" before you can run it. Trying to use the Avocado "phone" patch causes Quartz to hang indefinitely. Avocado's codebase, by the way, hasn't been updated in at least a year. (https://github.com/ideo/avocado) This course should be updated to provide a framework for understanding what Quartz Composer is doing, rather than providing a high-level discussion of tools you won't be able to find or use through examples you can't replicate. I'm a developer, and I was interested in this course so I could evaluate a new approach to prototyping. I basically wasted an evening trying to figure out whether I could follow the course any further once it became clear it was significantly out of date.

Miguel

February 13, 2016

As all material coming from Adrià this course covers all you need to know to get you running in no time

Amilete

January 23, 2016

Course is very complete, a lot of examples and step by step instructions on how to do animated prototypes

Jen

January 13, 2016

I loved the course. Instructor teaches how to create prototypes, interactions and animations with quartz composer and origami

Christian

July 10, 2015

The course helped me to understand quartz composer and origami. I like how the teacher explains step by step and with easy examples how to create your animated prototypes.

Isabella

September 16, 2014

Very nice course. I've been trying to learn how to prototype easily and with cool animations for a long time and finally I found a course that tell you how to do so.

Charts

Price

Rating

Enrollment distribution

Mobile and Web Rapid Prototyping - interaction, animation - Distribution chart