Mobile App Design: From Sketches to Interactive Prototypes
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
UPDATE: New Section! (Section 2)
A quick and practical course on turning your whiteboard or paper sketches into mobile prototypes. Learn to use animations and transitions to convert your static designs into easy-to-understand user flows, products, or features.
You don't need design skills, software knowledge, or even know how to draw. All you need is some paper, a pen, and an idea—a story waiting to be told.
5 reasons you should take this course
So, is this the right course for you?
Who am I?
I've worked as a designer for the last 15 years. Now I'm focused on designing web and mobile products, but even with all that experience, sometimes explaining a concept with simple wireframes can be a challenge. Prototyping has helped me bridge that communication gap.
What this course does NOT cover
This course does not go into detail about usability or other UX issues. I think it's obvious by now, but this course will not teach you how to code. Remember, this is for people that are in the early stages of building a product or feature.
If you want to know a bit more about mobile UX or if you want to design a high fidelity UI, then I recommend you take my other course "Design and prototype an iOS Mobile App on Illustrator"
What do you need?
This course is quick and practical, and my goal is for you to have fun finishing it. Prototyping has made a huge impact in my work. It's powerful. I'm sure it will help you too.
So, are you ready to start? Let's do it!
HAPPY PROTOTYPING :)
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Turn paper sketches into a mobile prototype|
You're going to need a piece of paper, a pen/pencil, and your phone. That's it. Let's get drawing!
Let's start drawing our wireframes
How to use Marvel App
Taking pics of the sketches with Marvel App
Creating your prototype—Linking screens with hotpoints and adding transitions
Let's see how good you got!
Congratulations! You just finished a whole section. You should be able to create interactive prototypes with simple sketches. Share your work on the discussion board so everyone can see what you accomplished... Oh, yeah. And, here's a little celebration dance just for you ;)
|Section 2: Design and Prototype Introduction|
Introduction to Design and Prototyping Tools
Animated Prototyping Tools
Creating a Quick Simple Flow using Sketch
Creating a Prototype using Marvel
|Section 3: Creating a prototype from drawings on a whiteboard|
Introduction—What you'll learn and what you need for this section
Drawing your signup flow on a whiteboard
Creating the prototype with Marvel App
Creating the prototype with Marvel App (detail screen)
Let's see how good you got!
Change your profile preferences to HTML5 video so you can control the speed of your lectures.
Also, download Marvel App from your phone or via this link: https://marvelapp.com/apps/
Hello, I'm Pablo Stanley. I'm a San Francisco based product designer. I love solving design puzzles, making silly illustrations, composing geeky music, creating colorful animated gifs, munching veggie burgers, and writing punny comics.
Mentoring is one of my new found passions. I want to learn and teach as much as I can and Udemy is the best platform for it.
I also write a comic series called “The Design Team”.