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

3D Printing: Solving Problems Through Product Design  (Skillshare) Skillshare
Skillshare

3D Printing: Solving Problems Through Product Design (Skillshare)

Invent your very own product! Join Lauren Slowik (Design Evangelist, Shapeways) to create a 3D printed object that solves a problem in your morning routine. She takes you through the steps of identifying an everyday problem, sketching a solution, making a simple 3D digital rendering, and printing your final product. Lauren shares how she iterates and evolves her plans to get the design just right — all so you can do it, too.

Self Paced
Self-Paced
Create a website with your own simple, custom CMS using HTML, CSS, JavaScript, Django, & Python! (Skillshare) Skillshare
Skillshare

Create a website with your own simple, custom CMS using HTML, CSS, JavaScript, Django, & Python! (Skillshare)

In the next few videos, I'm going to teach you how to create a completely custom, CMS-driven website from scratch using a Job Listing website as an example. *This is a step by step tutorial with explanations along the way. This class is mainly going to be for designers who have some HTML, CSS, and JavaScript experience, who are maybe tired of manually entering data for portfolio pages and want to create a more efficient solution.

Self Paced
Self-Paced
How To Make A Wordpress Website -- Complete Beginners Guide (Skillshare) Skillshare
Skillshare

How To Make A Wordpress Website -- Complete Beginners Guide (Skillshare)

Want To Learn How To Make A Website With Wordpress? In this tutorial, I go step by step to show you how to build a wordpress website step by step! After you watch this video, you will be able to create a website from scratch with no experience. I use elementor and the oceanwp wordpress theme in this tutorial!

Self Paced
Self-Paced
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
Shopify Essentials for Web Developers: From Store Setup to Custom Themes (Skillshare) Skillshare
Skillshare

Shopify Essentials for Web Developers: From Store Setup to Custom Themes (Skillshare)

Join Shopify Expert and agency owner Kurt Elster to learn how to setup, design, build, and customise a Shopify ecommerce store. Intended for web designers and developers, this course is a primer on the complete Shopify ecosystem, with a focus on how to get started with theme modification, a stepping stone to complete custom development.

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
Twitter API JavaScript Node Exercise (Skillshare) Skillshare
Skillshare

Twitter API JavaScript Node Exercise (Skillshare)

Twitter API JavaScript Node Exercise. Explore the Twitter Developer API connect from your local machine. Use AJAX JavaScript and Node to setup twitter search. Perfect course for beginners to explore the MASSIVE twitter API. This course will teach you how to setup a local server, connect the Twitter API and return data to output into your web page. Its amazing how much information is available on Twitter, connecting the API is easy and can provide real world working experience with JSON AJAX and APIs.

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
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
Talking to Strangers: An Introduction to User Interviews (Skillshare) Skillshare
Skillshare

Talking to Strangers: An Introduction to User Interviews (Skillshare)

Design is nothing without the user, and the best way to find out what the user wants is to talk to them face-to-face. In this class, we will cover everything you need to get started with conducting user interviews to collect valuable qualitative data that will help you humanize your designs. You’ll learn how to write a script...and how/when to veer off the script. You’ll learn how to listen to the user’s stories, and how to respond on the fly to a constantly adapting conversation.

Self Paced
Self-Paced