prototyping user experiences nyc meetup by francesco bertocci
TRANSCRIPT
Prototyping User Experiences NYC Meetup
Francesco BertocciUX/UI Designer and Founder of Free&Willing
Connect at FreeAndWilling.com/m/fbmore
Feb 9th, 2016, New York @theHackerati
theHackerati.com
SPONSOR
TodayPart 1: Useful to everyone- What is a Prototype? - Why it's good to prototype early and often - Overview the panorama of prototyping tools- Share favorite prototyping tools
Part 2: Hands-on- We’ll create a basic mobile prototype in InVision & Principle
Anything that can convey an idea or
product so that people can interact with it…
The goal is to gather feedback
directly: from the user
indirectly: analyzing user behaviors
– or both
In general, a prototype is "visual" and "clickable" or “tappable”…
but it could be something you
give voice commands to, in order to do something…
Virtual reality headsets where interactions can be as simple as rotating your head
in a different direction.
You send a text message to…
Reacts to your position…
Or your body temperature…
Built to learn
hence production shortcuts are not only
acceptable,are encouraged.
A prototype is…– anything I can interact with– that is built as quickly and cheaply – where the main goal is to learn
…and iterate
Don’t fall in love –with an idea.
“The easier it is to make a prototype, the
less attached I am to it, makingit that much easier to
discard if I realize it isn’t the best approach.”
https://medium.com/swlh/introducing-silver-lightweight-mobile-prototyping-in-sketch-3-cee46d267f1f#.i0ynou553
From “Introducing Silver: Lightweight Mobile Prototyping in Sketch 3”
Iterate :)
As new technologies and ways to interact are
invented, the practical definition of a prototype
will evolve.
What are your biggest workflow issues…
internally or with your clients?
…Communications?…Not enough time?
…Budget?…Productivity?
Usually a prototype can help.
Prototype early and often
Examples
https://www.youtube.com/watch?v=GrV2SZuRPv0 https://www.youtube.com/watch?v=CyPo9qqfA58&feature=youtu.be
Paper prototypes
What’s THEright tool?
What are we trying to learn?
My favorites… at the moment ;)
InVisionSuper fast click-throughs
easy to share
Principle for Mac mobile + fine interactions
+ animations
Using with Principle for Machttps://www.youtube.com/watch?v=vFrivX021-A
Advanced prototypes (mobile)
Now let’s play :)
Download Sketch Toolboxsketchtoolbox.com
Download Sketch TrialSketchApp.com
Download Craftlabs.invisionapp.com/craft
Get inVision (3 months free)bit.ly/FWinVision
Download Principle for MacPrincipleforMac.com
Learn more about Sketch
80% Off Student Discountdesigncode.io/freewilling
Prototyping User Experiences NYC Meetup
Francesco BertocciUX/UI Designer and Founder of Free&Willing
Connect at FreeAndWilling.com/m/fbmore
Feb 9th, 2016, New York @theHackerati
theHackerati.com
SPONSOR