Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Learning with Prototypes

Presented on UX Budapest Meetup, 21/10/2014 http://www.meetup.com/UXbudapest/events/213103002/
by

Péter Balázs Polgár

on 8 November 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Learning with Prototypes

what to learn
books to read
http://shop.oreilly.com/product/0636920021827.do
http://rosenfeldmedia.com/books/prototyping/
effort
detail granularity
fidelity
low
Pen and Paper
quick and cheap
fun to create
can modify on the fly during a test
collaborative
+
-
rapid iteration is hard
simulation is artificial
focus on
high level concepts
structure
Click through mockups
medium
high
workflow (concept and usability)
navigation
easier to modify
can be created from existing (screenshots, paper)
texts get more attention
have to give proper context
tools
PowerPoint
Keynote (Keynotopia)
Visio
wireframing tools
Hi-fi
interaction
page / screen elements
usability
realistic looking
visuals similar to end result
can be test remotely
data interaction may be limited (no content)
effort in similar range than real product UI
Hi-fi - Coded
code reusable in production
realistic, native environment
data is hand coded or real
can be also a/b tested
too detailed, slow to develop
"release delay"
complete feedback
same as from real product
native, non-production code
Learning with Prototypes
peter.polgar@prezi.com
Good for communication
http://balsamiq.com/
https://popapp.in/
http://www.invisionapp.com/
https://marvelapp.com/
2. Is there a
need
for the solution we are designing?
3. Is our solution
usable
?
1. Is there
value
in the solution for the users?
prototypes
Simulation of the real experience
Generate ideas
focus on
tools
focus on
https://webflow.com/
http://getbootstrap.com/
http://framerjs.com/
http://www.axure.com/
tools
focus on
https://webflow.com/
http://getbootstrap.com/
http://jquery.com/
+
hoover
hoover
click
example
tool complexity
idea
design & build
users
test & iterate
test early
test often
test light
testing
testing
testing
testing
learning depth
tools
@polgarp
+
-
+
-
+
-
explain user what she sees
walk through the points
more like a conversation
Paper+
example
almost paper feel
Wizard of Oz interaction
vs
(prepared in Omnigraffle)
needs priming the user
closed tasks, scenarios
click through tools
wireframe + linking tools
can also include open tasks
tasks are realistic
quantitative tests
Minimal effort to maximize learning
painting
drafts
learning
Full transcript