Total ProtoPie - Learn advanced prototyping without code

Focused View

Darren Bennett

6:55:51

17 View

01 Total ProtoPie Introduction.mp4

03:56

02 Installing ProtoPie.mp4

01:57

03 3 A quick tour of ProtoPie Studio.mp4

06:29

04 Organising your files best practices.mp4

04:16

05 Importing from Figma.mp4

15:18

06 Importing from Sketch.mp4

15:28

07 Importing from Adobe XD.mp4

17:23

08 Importing from the file system.mp4

07:34

09 The ProtoPie concept model.mp4

05:41

10 Creating your first interaction.mp4

02:18

11 Creating a login form.mp4

09:07

12 Testing on real devices.mp4

06:02

13 Creating the scrollable photostream.mp4

11:02

14 Creating paging between detail views.mp4

13:45

15 Creating scrolling tabs with Chain.mp4

10:15

16 Selecting tabs to move between pages.mp4

04:49

17 Building the tab bar the setup.mp4

12:22

18 Custom navigation to the detail screen.mp4

06:50

19 Adding navigation to login.mp4

02:29

20 Adding an animation to the tab bar.mp4

15:12

21 Animating the Login.mp4

09:56

22 Creating a custom animation.mp4

14:58

23 Creating a custom detail screen transition.mp4

17:41

24 Creating custom transitions using Reset and the Timeline.mp4

12:04

25 Making Login work using Conditions.mp4

07:56

26 Handling error states on Login.mp4

07:57

27 Using variables for Login.mp4

07:22

28 Managing states with variables and conditions.mp4

06:56

29 Creating a photo favouriting feature.mp4

08:51

30 Creating a real in app camera.mp4

11:48

31 Adding a photo taken by the in app camera.mp4

09:02

32 Saving a photo as a thumbnail.mp4

08:34

33 Adding haptic feedback with device sensors.mp4

03:57

34 Using Formulas to track position.mp4

12:29

35 Creating a notification counter.mp4

12:27

36 Creating a feature to accept friend requests.mp4

12:09

37 Creating components.mp4

18:47

38 Making component icons hot swappable.mp4

06:35

39 Making the tab bar reusable in other projects.mp4

06:59

40 Making Favouriting work with components.mp4

06:43

41 Passing data into components.mp4

07:17

42 Componentising the app load animation.mp4

08:42

43 ProtoPie libraries.mp4

09:56

44 ProtoPie Cloud & sharing.mp4

06:54

45 Cooking Interaction Recipes.mp4

03:44

46 Its a wrap! Where to go from here.mp4

03:54

Assets.zip

Description

About me

Hi, my name is Darren and I'm passionate about prototyping. ProtoPie is my tool of choice when it comes to prototyping and I've been using and teaching ProtoPie to designers within many organisations including NatWest, Sainsbury's, Channel 4 and currently Microsoft.

I work closely with the team who created ProtoPie through their ProtoPioneers programme, a small group of designers and educators who get to work closely with the ProtoPie team directly, contributing ideas and testing new yet to be released features.

What is ProtoPie?

If you want a tool that can enable you to create advanced prototypes without the need to have advanced knowledge then ProtoPie is for you!

ProtoPie is an interaction design tool which enables you to create prototypes that you can test on iOS, Android and the Web. Honestly you wont be able to tell the difference between your prototypes and real apps!

What you'll be learning

On this course, you need no prior knowledge or any coding experience because, well there isn't any code!

ProtoPie uses a simple easy to understand concept model and is designed for designers.

I will teach you what you need to make your app ideas come to life and put them to the test with users on real devices.

You’ll start your journey with ProtoPie by building a prototype of a photo-sharing app called Pieterest.

You’ll first learn how to import graphics from your favourite design tool such as Figma, Sketch and Adobe XD.

You’ll then learn how to create motion and interaction with ProtoPie’s simple concept model and a wide range of interaction features.

You'll learn how to test on real devices and share your prototypes with others. ProtoPie can be deployed on both iOS and Android platforms, in fact, its a must if you want to use those cool hardware features such as camera, haptics and more.

I’ll show you how easy it is to create popular interactions that you can use in real projects as well as how to structure and manage large prototypes so that you can create believable experiences.

You’ll learn how to create realistic transitions and custom micro-interactions to make your prototypes feel authentic and indistinguishable from a real app.

You’ll create personalised features such as favouriting images that really work, no need for linear 'on rails' prototypes here.

One of the things that is unique to ProtoPie are hardware integrations and we’ll be using the camera on your device to add a real photo to the Pieterest app.

We’ll dip our toes into formulas, ProtoPies way of creating amazingly advanced features that won't make your head explode!

Before you know it you’ll be creating prototypes that work like real apps without the complexity and overhead of learning to code. Things that would normally take days to build you’ll be able to create within hours.

I look forward to seeing you on the course

- Darren

What You'll Learn?

Product Design
Mobile Design
Prototyping
UX Design
Creative
Mobile Apps
App Design

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Prototyping

Darren Bennett

Instructor's Courses

Hi, My name is Darren and I'm a designer with 30 years' design industry experience, I specialise in User Experience and Product Design.

I've worked with brands such as RBS, Lloyds Bank, Sainsbury's and Adobe and Microsoft and have lead UX and Product Design teams specialising in design for mobile and devices.

My skills and experience cover a wide gamut including, User Research and behavioural design, Interaction and motion design and interface design

My passion is in interaction design and my tool of choice is ProtoPie, the coolest interaction design tool on the market

I'm the author of ProtoPilot on YouTube and Medium where I vlog and blog about prototyping and UCD and I co-organise of the ProtoPie London Meetup, a monthly group that gets together to talk about ProtoPie, the interaction design tool.

SkillShare

View courses SkillShare

Skillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.