Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Of Prototypes, Rubber Ducks And Little Men Behind The Curtain
1. Of
Prototypes,
Rubber
Ducks and
little men behind
the
curtain
quack bryan rieger <bryan@yiibu.com>
2. last millennium since then...
theatre
design web
illustration
from T
oronto,
Canada mobile
animation
, eh!
design
development
writing
Sabbatical in
Web games South East Asia
entertainment animation open source
DIY Tools
Mosaic
Director advertising management Java
Processing Qt
netscape
Hypercard
AfterEffects
Flash media on devices
WAP
Flash Lite
Web rapid prototyping mobile craft animation
Bill Buxton Web
motion graphics MPEG4 SVG UML research
graphic design QuickTime
animation
multimedia
SMIL standards John Maeda
UK design
Brenda Laurel
theatre design dot.com boom
research and design
1991 1996 2000 2005 2009
a little bit about me...
“a straight line may be the shortest distance between two points, but is by no means the most interesting...”
9. Options View Back
My Photo Sharing App My Photo Sharing App My Phot
preview image preview image
what size?
photo album 1
See 5.1.3.5a photo album 1 remove!
pr
img img img img img
photo album 2
photo album 3 animated? photo album 2
photo album 4 photo album 3 Previous
Options Select Back Options View Back Options
lor sit amet, Upon entering this screen the Lorem ipsum dolor sit amet, Once the user has clicked on a After pressin
pisicing elit, sed user is presented with a list of consectetur adipisicing elit, sed selected photo album list item (or fire butto
por incididunt photo albums from which to do eiusmod tempor incididunt they are presented with various presented w
re magna choose from. ut labore et dolore magna image previews from which to the image th
aliqua. select. selected.
Pressing up on the navi-pad or
m veniam, quis joystick will change the focus of Ut enim ad minim veniam, quis Using the left and right navi-pad It rubs the lo
tion ullamco the selected list item towards nostrud exercitation ullamco or joystick controls the user can else it gets th
quip ex... the top of the screen... laboris nisi ut aliquip ex... select a preview image...
Version 3.25
nobody actually reads the docs
13. Bright
On
state
Off
Bright
Bright
Dim
Off Dim
state Dim
Off state
Off
Dim
state diagram for a lightbulb
standards such as UML will require literacy
from all contributors and stakeholders
17. proof-of-concept
lo-fidelity
functional
design-the-box
experience
PDF
vision
paper
Expression
design
wireframe
Flash
demo HTML
video
hi-fidelity Axure
technical
jQuery
definition of prototype varies considerably
51. Nokia 6680
Oyster card sticky tape
http://www.flickr.com/photos/chrismear/2068295183
make small pieces loosely joined
52. arduino
wii
remote
processing
http://www.flickr.com/photos/adactio/2338746600
do the simplest thing that could possibly work
53. Nokia 6630
python
arduino
http://www.flickr.com/photos/mellis/304872324
keep exploring, and iterate constantly
54. Minority
Report
inspire and capture the imagination
55. kept being told to
ship our models... XML is platform agnostic
views <view id="main" src="main_view.png">
<state id="a" />
states
<event key="fire" view="preview_1" />
<event key="down" view="list_item4" />
processing <event key="rsk" action="exit()" />
</state>
events
</view>
<view id="other" src="other_view.png">
</view>
experience should
lots of be very similar
but build models, not the actual things
56. the Eliza Effect fooled many people
and don’t hesitate to fake it
62. version control
methods
variables
model-view-controller design
parameters
functions
patterns
objects
classes
conditionals arguments
source
states datatypes
compile declarations
scripting
iterators
API this takes time
focus only on learning the basic concepts