Mobile and Web Rapid Prototyping - interaction, animation
3.0 (22 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
5,849 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Mobile and Web Rapid Prototyping - interaction, animation to your Wishlist.

Add to Wishlist

Mobile and Web Rapid Prototyping - interaction, animation

Learn to create mobile and web interactive prototypes and designs with interaction and animation with Quartz Composer
3.0 (22 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
5,849 students enrolled
Created by Adria Jimenez
Last updated 11/2016
English
Current price: $10 Original price: $35 Discount: 71% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3.5 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
Requirements
  • Apple computer
  • Willingness to learn about designing interactive prototypes and designs
  • Some design or UX background is not required but nice to have so you can start with your designs after the course
Description

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

Who is the target audience?
  • Designers, User Experience UX, Animators, Programmers
Students Who Viewed This Course Also Viewed
Curriculum For This Course
33 Lectures
03:33:51
+
Introduction
4 Lectures 10:01

Learn about the software
02:06

Websites to download the needed software:
Quartz Composer: https://developer.apple.com/downloads
Origami: http://facebook.github.io/origami/
jQC: http://qcdesigners.com/index.php/forums/topic/100/it-s-finally-here-j-qc-1-0-a-u/
Avocado: https://github.com/ideo/avocado

Installing the needed software
06:15

Test your basic knowledge
6 questions

Note about updates
00:23
+
The basics
6 Lectures 33:19
The interface
11:00

Start with a composition
01:22

Everything is reusable, patches
09:51

Connect your work using ports
02:58

Thinking different
02:31

Viewing your prototypes on the mobile
05:37

Test your knowledge
8 questions
+
Common patterns
7 Lectures 47:54
Mobile and web
07:47


How to create your interactions
07:10

Toggling your animations
04:37

Deep look into animations
08:00

Multiply for rapid prototyping
10:07

It's time to speed, macros
07:29

Test your knowledge
8 questions
+
Workflows
16 Lectures 02:02:36

Creating a more accurate prototype
02:45

Flipping cards, learn how to do it
09:47

Flipping cards, the easy and fast way
01:41

Rapid prototyping an Images carousel
06:43

The Interactive button
16:32

Learn how to design a pulsating button that can boost your sales dragging the attention of the users.

Create a pulsating button to increase your sales
07:09


Easily and quick connecting design screens
06:23

Creating big prototypes into small screens
10:14


Real world example: Twitter loading screen
18:45

Complex project part 1
18:38

Complex project part 2
14:57

Course conclusion
01:16

Find in this bonus lecture a collection of resources to get inspired and learn from other people ideas. This is the quickest way to start with your animation prototypes, all for free.

BONUS Lecture: Resources for Prototyping Inspiration and Ideas
01:11
About the Instructor
Adria Jimenez
4.1 Average rating
868 Reviews
13,023 Students
11 Courses
Software Engineer, Designer

I love creating software and teaching how to be more successful.

Currently, I work at Xing creating software for millions of people. I've worked in other big and successful companies like Softonic, Honda or Fnac creating websites, apps, designs, and software.

I really enjoy teaching people new skills so they can improve their lives.

All my life I've been surrounded by computers. As a child, my father - who was a programmer back then - introduced me to the world of computing, which marked me forever. Years later, after hours and hours in front of computers, I am dedicated to my passion: code.

I try to do my best to achieve the best result day by day.