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

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
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
Intro to UX: Conducting Smart User Research  (Skillshare) Skillshare
Skillshare

Intro to UX: Conducting Smart User Research (Skillshare)

Join UserTesting's Janelle Estes for a straightforward look at how to gain smart, useful feedback about how users experience your product, service, or business. What: Understanding your users' experience — behaviors, attitudes, and perceptions — helps you gain gain user empathy, see new opportunities for change, and prioritize product improvements. But: how do you gain that understanding? This 45-minute gives you an approach for 4 popular research methods so that you can truly understand your product's user experience.

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
Javascript Fun: Build a Number Match Game! (Skillshare) Skillshare
Skillshare

Javascript Fun: Build a Number Match Game! (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
Your first Arduino project: Design and Build a Colorful Musical Toy. (Skillshare) Skillshare
Skillshare

Your first Arduino project: Design and Build a Colorful Musical Toy. (Skillshare)

Arduino’s are a family of inexpensive single-board computers that allow you to create just about anything you can dream of with minimal technical skills. This class will teach you to build your first Arduino project, a fun device that plays a tune and flashes colored LED lights. You can design it to play your national anthem while flashing your country's colors or get creative and make a unique tribute to your favorite sports team!

Self Paced
Self-Paced
Web Design Essentials: Creating Marketing Homepages That Drive Results  (Skillshare) Skillshare
Skillshare

Web Design Essentials: Creating Marketing Homepages That Drive Results (Skillshare)

Design websites that drive results! In this 60-minute class, join Dennis Field — a designer and product evangelist for web prototyping leader InVision — as he shares how to refine your creative process, capitalize on feedback, and use best practices to design a marketing site that leads to conversions for your company. This class is perfect for freelance website and product designers, small web design teams, and everyone who wants to increase the effectiveness of their web design.

Self Paced
Self-Paced
Core Java Interview Bootcamp: Part 1 (Skillshare) Skillshare
Skillshare

Core Java Interview Bootcamp: Part 1 (Skillshare)

Hi everyone :) Having you stop here simply means you are either preparing for a core java interview or want to know the most widely asked questions in the room. This course is intended for you folks, perfectly. The course basically aims at providing an in-depth explanation to most continuously asked questions through very engaging animated PPTs. Whether it's string, or exceptions, or multi-threading, I have got your back on most asked questions from these topics. The much important thing is the clear and concise clarity in explanations that you will get from this course.

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