Mobile App Prototyping: Designing Custom Interactions (Skillshare)

Offered by Skillshare,
Mobile App Prototyping: Designing Custom Interactions  (Skillshare)

Have a great idea for an app and unsure where to start? Join Product Designer Noah Levin for an informative 50-minute class on how to use mobile app prototyping to communicate your ideas and execute your vision. In this class you'll learn the basics of using mobile app prototyping to pioneer new patterns, make unique designs, and find unexpected solutions.

You’ll leave this class with 3 new interactions to incorporate into your mobile app designs, including animating an image, screen transition, and a to-do app action. Along the way, you'll also pick up some coding basics, giving you a solid foundation for making your designs happen.
If you're an app designer looking for a new way to prototype, or simply looking to understand how your favorite apps come to life, this class will have you iterating and executing designs to get the most out of what you make.
Your assignment is to create a mobile app prototype for a fun interaction. You will create one of the three simple prototypes below: an animation, a page transition, or a scroll/swipe action.
Using Framer, you will create one or all of the 3 prototypes below (free trial download of Framer):
Animation Prototype: Make a basic click animation using any image you’d like (or you can use the Buzz Lightyear example in the resources!)
Page Transition Prototype: Make a basic swipeable page. You can use the Sketch file provided in the resources, or use your own.
Scroll/Swipe Action Prototype: Create your own to-do list app in this class, or download the example sketch file in the class resources. Then make it interactive with a scroll or swipe.

Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

How To Make A Wordpress Website - Simple For Beginners (Skillshare) Skillshare
Skillshare

How To Make A Wordpress Website - Simple For Beginners (Skillshare)

Why Take This AMAZING Course? Learn how to use the #1 Best selling Wordpress Theme In The World. Master WORDPRESS and the Brizy Page Builder. Complete Beginners Guide I Am A TOP 10% RATED INSTRUCTOR on Udemy and Youtube. Find out Why!! Get a Modern And Amazing Look For Your Website That Will Impress! Learn From A Professional Who Creates Websites For a Living with over 500,000 Monthly Visits! THE MOST UPDATE AND MODERN TUTORIAL. Dont Settle For Outdated Content! Get A fully Responsive Website And Mobile Responsive

Self Paced
Self-Paced
How To Make A Wordpress Website - Elementor Tutorial (Skillshare) Skillshare
Skillshare

How To Make A Wordpress Website - Elementor Tutorial (Skillshare)

Come learn how to make a wordpress website in 1 hour! I will show you step by step to easily create your wordpress website in a few clicks! Lets Get Started! Its simple, gets your domain for your wordpress website. Install Wordpress. Install Your Wordpress Theme. Than simply install a plugin that will give you access to more than 1700+ elementor templates for free!

Self Paced
Self-Paced
Making a Paper Prototype for a Mobile App (Skillshare) Skillshare
Skillshare

Making a Paper Prototype for a Mobile App (Skillshare)

In this class you will learn how to make a paper prototype of a mobile app for early stage usability testing. Testing paper prototypes can save time in the design process by catching problems early on, before recreating the design digitally in an application like Sketch or Figma. We’ll go over: Why paper prototypes are useful; When you might make one, and what you should know beforehand; How to make a paper prototype step by step (This is the class project).

Self Paced
Self-Paced
How To Make A Real Estate Website With Wordpress 2017 (Skillshare) Skillshare
Skillshare

How To Make A Real Estate Website With Wordpress 2017 (Skillshare)

n this video, I will teach you how to make a fully responsive real estate wordpress website. This wordpress tutorial will help real estate agents, realtors, or property managers create a fully functional real estate wordpress website. The theme i use in this tutorial is the agentpress pro theme created by studiopress. Trust me, i spent about 1 month researching real estate wordpress themes and this was by far the best real estate websites. The theme is very easy to use and very responsive on the mobile devices.

Self Paced
Self-Paced
Discovery Kanban 101: How to Integrate User-Centered Design with Agile (Skillshare) Skillshare
Skillshare

Discovery Kanban 101: How to Integrate User-Centered Design with Agile (Skillshare)

Learn how to make space for designers and researchers to do user-centered design in an Agile/scrum engineering environment. By creating an explicit Discovery process to focus on customer needs before committing engineers to shipping code, you will unlock design’s potential to deliver great user experiences to your customers.

Self Paced
Self-Paced
Build Your Online Portfolio Without Writing Code (Skillshare) Skillshare
Skillshare

Build Your Online Portfolio Without Writing Code (Skillshare)

With the web becoming more and more involved in our daily lives, being able to create your own little corner of the web has never been more important (or exciting). In under one hour with Webflow's Mat Vogels, you'll cover a variety of different topics, including: Why you should be online in the first place; Basic web concepts, like the box model and responsive design; Building a website from scratch; Publishing a website.

Self Paced
Self-Paced
How to Create a Personal/Portfolio Website (Skillshare) Skillshare
Skillshare

How to Create a Personal/Portfolio Website (Skillshare)

This class will teach you how to professionally create an awesome personal/portfolio website! By the end of the class,you'll have a beautiful and fully functioning website that can help you land jobs, clients, and mega style points with employers. This class is taught step-by-step so it's very easy to follow along with your own website. I also include a free template of the website we will we making (in the Projects Tab > Resources), as well as follow along images for you.

Self Paced
Self-Paced
Learn 3D CAD Design For Beginners With Fusion 360 - Designing A Flywheel (Skillshare) Skillshare
Skillshare

Learn 3D CAD Design For Beginners With Fusion 360 - Designing A Flywheel (Skillshare)

What is this class about and who is it for? This class is an introduction to 3D CAD Design using the Fusion 360 software. The class is designed for beginners and people who have never used a 3D CAD software before. What will you learn? The videos teach you step by step and take you slowly through the design of a flywheel to help you build your 3D modelling skills and confidence.

Self Paced
Self-Paced