paula guntaur, fiftythree // design driven nyc // december 2014
TRANSCRIPT
MIX PRINCIPLES
Make Together Don’t start from scratch Drawing skills not required Not just for artists
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
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
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
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
DESIGN & ENGINEERING TOOLS
SKETCH IDEATE
WIREFRAME ARCHITECTURE
MOTION VISUALS
PROTOTYPE TEST WITH USERS
BUILD TUNE
1 5
C++
Open GLES
2 3 4