Embed Size (px)
Citation preview
Feb 1st, 2017, New York
Francesco BertocciUX/UI Designer & Entrepreneur – Founder of Free&Willing
@fbmore / FNW.me/m/fbmore
“From Idea to Prototype”
Prototyping User Experiences MeetupMeetup.com/Prototyping-User-Experiences-NYC-Meetup
– What is a “Prototype”? – Why it's good to prototype early and often – Overview the panorama of prototyping tools
What is a “Prototype”?
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
A prototype must be perceived as real
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 + micro interactions
+ animations
Using with Principle for Machttps://www.youtube.com/watch?v=vFrivX021-A
Advanced prototypes (mobile)
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
Sprint: How to Solve Big Problems and Test New Ideas
in Just Five Days
Lean UX: Applying Lean Principles to Improve User
Experience
Hooked: How to Build Habit-
Forming Products
Feb 1st, 2017, New York
Francesco BertocciUX/UI Designer & Entrepreneur – Founder of Free&Willing
@fbmore / FNW.me/m/fbmore
“From Idea to Prototype”
Prototyping User Experiences MeetupMeetup.com/Prototyping-User-Experiences-NYC-Meetup
![Commercialisation of your idea or prototype...of your idea or prototype ] k 1 13 ... navigate our customers from the idea for their new AMR, through commercial clarity, technology](https://img.pdfslide.net/doc/110x75/5f85584597fe00664111f3ee/commercialisation-of-your-idea-or-prototype-of-your-idea-or-prototype-k-1.jpg)
