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

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
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
Introduction To HTML5 For Absolute Beginners (Skillshare) Skillshare
Skillshare

Introduction To HTML5 For Absolute Beginners (Skillshare)

Hi, welcome to this crash course on HTML5 for complete beginners. In this class, you will learn everything you need to know about getting started with web development. The first step in becoming a web developer is learning HTML. The latest version of HTML is HTML5 and I will walk you through everything you need to know to get started with it. HTML is based on tags. You write HTML content inside tags. Tags tell the browser how to display the content on the screen.

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
UI/UX: You already know more than you think (Skillshare) Skillshare
Skillshare

UI/UX: You already know more than you think (Skillshare)

Have you ever given thought to who your audience is for a specific project? Tried to make your piece as user-friendly as possible? Done a dry run on how someone interacts with your book/brochure/website? Tried to establish the most effective hierarchy for the information you’re conveying? Then you’ve already done interface and experience design.

Self Paced
Self-Paced
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
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
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
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
Javascript Fun: Build a Tip Calculator! (Skillshare) Skillshare
Skillshare

Javascript Fun: Build a Tip Calculator! (Skillshare)

Welcome to the Javascript fun series! For web design or development, there are 3 must-know technologies, HTML, CSS, and Javascript. The main aim of the Javascript fun series is to take your knowledge of these 3 (only a little is required!), and put them into practice by building a series of educational, yet fun projects that show you exactly how they work perfectly together. Working on projects and solving problems is a great way to learn

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