Making Mix @pollybirdy

=53cm

CONFIDENTIAL

PAPERWHERE IDEAS BEGIN.

PENCILTHINK WITH YOUR HANDS.

FIFTYTHREE CONFIDENTIAL

MIXCREATE TOGETHER.

FIFTYTHREE CONFIDENTIAL

Mix is an open collaborative platform where people create together.

MIX

MIX PRINCIPLES

Make Together Don’t start from scratch Drawing skills not required Not just for artists

CONFIDENTIAL

Where should Mix live in the app?

OPEN QUESTION

CONFIDENTIAL

Made With Paper

MADE WITH PAPER STREAM

CONFIDENTIAL

Too many journals

CONFIDENTIAL

CONFIDENTIAL

DUPLEX VIEW DESIGN GOALS

• Quick access to Mix • Clear distinction of public and private • Accommodate several streams • New gestural interactions

CONFIDENTIAL

DESIGN & ENGINEERING TOOLS

SKETCH IDEATE

WIREFRAME ARCHITECTURE

MOTION VISUALS

PROTOTYPE TEST WITH USERS

BUILD TUNE

1 3 4 5

Paper & PencilWhiteboard

Lots of Discussion

2

CONFIDENTIAL

CONFIDENTIAL

CONFIDENTIAL

DESIGN & ENGINEERING TOOLS

SKETCH IDEATE

WIREFRAME ARCHITECTURE

MOTION VISUALS

PROTOTYPE TEST WITH USERS

BUILD TUNE

1 3 4 5

SketchPrint Architecture on Plotter

2

CONFIDENTIAL

Title (36px)Subtitle (24px)

More notes.

v0.5

Stream grid view

Stream

Stream idea view

Decision State

5 ideas

Ian Curry

Journal

Tap to Share to StudioDrag down to SaveTap to DeleteTap Creation to Edit (outside Remix Heart)

Canvas

Canvas

Xxxxx

Butterfly view

Row view

Stacks view

Upload complete

Share to Studio

Stream

x

Swipe Down to Save to Journal

Swipe Up to Share to Studio

Pull to Get Inspired

Public

Private

CONFIDENTIAL

View ideas

App

Web

IdeaCreator Story

Notification

Onboarding

Stream (Feed, Favs)

Stream

Stream (Creator)

Creator Name

Remixes

Studio

# #

Idea(s)CreatorFeatured

View in Studio View in Studio

Open in Paper Open in Paper

Your idea was remixed by .

"Remixed"

Open in Paper

Studio (Public)

Journals (Private)

Others Me

Stream single idea (+ remixes)

5 ideas

Ian Curry

Login

Studio

Sign in

Avatar + idea

Creator (me)

Studio

Edit

Name

Avatar + name

Creator (others)

Follow

Studio

Home (stream and featured)

Studio

Featured

Stream

Idea(s)CreatorFeatured

Studio

Upload

SaveNevermind

Creator settings

Journal

Share remix

Save for later

or

Single idea view (canvas)

Single idea view (canvas)

Studio

Following Following Follow

Following Following

Follow Follow Follow

Find Creators

Find and featured

Follow

Staff Picks

Most Remixed

Most Active

All and featured

Studio

Idea(s)CreatorFeatured

Story

Studio

Story item

Idea(s)CreatorFeatured

Sign in / sign up

Sign in

First + last name (bio?)

Stack

Single idea + remixes

Studio

# #

Page

Idea(s)CreatorFeatured

Activate Welcome Connect Support Weekly/Biweekly Digest"Invited"

invited you to collaborate.

Follow categories

Following Following Follow

Choose photo

Connect to social?

f

Kris is following

...Recent co-creators

Creator connections

Follow

Studio

Following

Follow

Following

Following

Follow

Follow

Following

Follow

Follow

Recent co-creators

Suggested connections

My connections

...

Follow

Studio

Following

Following

Follow

Following

Following

Follow

Follow

FollowEdit

Xxxxx

Butterfly view

Creator Name

Upload

Upload complete

Share to Studio

View ideas

My Connections Recent

Me

Stream

View ideas

Me

Connections Me

View ideas

Stream My Favs My Connections Recent

Me

CONFIDENTIAL

CONFIDENTIAL

DESIGN & ENGINEERING TOOLS

SKETCH IDEATE

WIREFRAME ARCHITECTURE

MOTION VISUALS

PROTOTYPE TEST WITH USERS

BUILD TUNE

1 3 4 5

After Effects

Photoshop

2

Keynote

CONFIDENTIAL

CONFIDENTIAL

DESIGN & ENGINEERING TOOLS

SKETCH IDEATE

WIREFRAME ARCHITECTURE

MOTION VISUALS

PROTOTYPE TEST WITH USERS

BUILD TUNE

1 5

Javascript

Custom Quick Deploy Scout Framework

2

Idea > Mockup > Idea > Mockup

3 4

CONFIDENTIAL

• How do we expand Paper's navigation while maintaining a simple mental model of the app?

• How do we make sure it’s still the Paper that everyone loves to use?

• How do we inject as much delight into the various interactions?

CONFIDENTIAL

CONFIDENTIAL

CONFIDENTIAL

ANALYSIS

TEAM NOTES

ANALYZE

INSIGHTS

INTERVIEW

CONFIDENTIAL

DESIGN & ENGINEERING TOOLS

SKETCH IDEATE

WIREFRAME ARCHITECTURE

MOTION VISUALS

PROTOTYPE TEST WITH USERS

BUILD TUNE

1 5

C++

Open GLES

2 3 4

CONFIDENTIAL

CONFIDENTIAL

CONFIDENTIAL

Using the HUD to Tune HEADS UP DISPLAY

CONFIDENTIAL

CONFIDENTIAL

BUG BASH !

CONFIDENTIAL

THANK YOU