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

Designing for Inclusivity: A Primer on Gender-Neutral Product Design (Skillshare) Skillshare
Skillshare

Designing for Inclusivity: A Primer on Gender-Neutral Product Design (Skillshare)

The heartbeat of all great design is empathy—and understanding the process of gender-neutral product design is a crucial skill for all designers! At a time when technology connects us more than ever, prioritizing inclusivity in your product design approach is crucial. You want your products to be accessible, usable, and inspirational to all users. This is the core of great design.

Self Paced
Self-Paced
ES6 JavaScript Classes the Easy Way (Skillshare) Skillshare
Skillshare

ES6 JavaScript Classes the Easy Way (Skillshare)

In 2015, the JavaScript programming language got a major facelift with many improvements to the syntax and tons of new features. This new version is known as ES6, or ES2015, and each year since an updated version has been released. ES6 Classes, as well as instance and static methods, are vitally important to know and understand because so many projects and companies are migrating to the newest version of JavaScript. Many Front End libraries, such as React, rely heavily on the new Class syntax.

Self Paced
Self-Paced
Introduction to 3D Printing: An Easy Start to Your First 3D Design (Skillshare) Skillshare
Skillshare

Introduction to 3D Printing: An Easy Start to Your First 3D Design (Skillshare)

This class will teach you exactly how to model a 3D hand-held, print-ready, object using only free tools, with no prior experience necessary. If you've been on the internet in the last year you've probably read an article (or two, or three) about 3D printing and how it's shaping the future of product design forever. Magic! This class will uncover the core processes behind the hype and share one of the most special qualities of the 3D printing revolution: that it's accessible to anyone and companies like Shapeways, where I work as a Designer Evangelist, are making the process easier than ever.

Self Paced
Self-Paced
Website Design In WordPress For Beginners: Learn To Build a Website In 1 Hour (Skillshare) Skillshare
Skillshare

Website Design In WordPress For Beginners: Learn To Build a Website In 1 Hour (Skillshare)

Welcome to my Website Design In WordPress For Beginners: Learn To Build a Website In 1 Hour class! This class will teach you how to create a Wordpress website from scratch and will cover everything you need to know from the very beginning of buying a website domain name, all the way to installing plugins to protect your website and then finally publishing and launching your website!

Self Paced
Self-Paced
Writing Code Faster with Emmet (Skillshare) Skillshare
Skillshare

Writing Code Faster with Emmet (Skillshare)

I LOVE finding ways to speed up or automate my work. So I'm very excited to introduce you to Emmet, a plugin that enables you to write code FASTER. What you will need: Emmet is available in most web editors. Adobe Dreamweaver, Brackets, Sublime Text etc. For this class, I'll be demonstrating Emmet using an online web editor I use on a daily basis - Codepen.

Self Paced
Self-Paced
WordPress for Beginners - Understand WordPress Quickly (Skillshare) Skillshare
Skillshare

WordPress for Beginners - Understand WordPress Quickly (Skillshare)

Learn how to work with WordPress and develop a website using AIT WordPress Themes. No coding or experience required. This class presents the basics of working with WordPress and offers practical screencast tutorials to teach you how to use our themes when building a new website. In short videos, you can find answers to FAQs that beginners most often encounter when getting familiar with WordPress. The course contains more than one hour of video tutorials.

Self Paced
Self-Paced
Intro to UX: Creating Great Omnichannel Experiences (Skillshare) Skillshare
Skillshare

Intro to UX: Creating Great Omnichannel Experiences (Skillshare)

Join UserTesting's Stef Miller for an easy-to-follow, smart dive into creating great customer experiences! What: This 45-minute class shares frameworks and tools for identifying, evaluating, and optimizing the touchpoints in your customer journey across different channels — from sites, apps, and emails to phone calls, in-person interactions, and more.

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