Ux aus prototyping
-
Upload
todd-zaki-warfel -
Category
Design
-
view
148 -
download
0
description
Transcript of Ux aus prototyping
![Page 1: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/1.jpg)
PRACTICAL PROTOTYPINGUX AUSTRALIA @ZAKIWARFEL
![Page 2: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/2.jpg)
PROTOTYPESThis isn’t about...
because they’re just artifacts
![Page 3: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/3.jpg)
PROTOTYPING AS A DESIGN PHILOSOPHY
So, let’s discuss...
![Page 4: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/4.jpg)
“
DAVE GRAY, XPLANE
Prototyping is practice for people who design and make things. When you prototype, you allow your design, product, or service to practice being itself. And as its maker, you learn more about your designs in this way than you ever could in any other way.”
![Page 5: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/5.jpg)
GUIDING PRINCIPLES
![Page 6: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/6.jpg)
I
KNOW YOUR AUDIENCE & INTENT
![Page 7: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/7.jpg)
![Page 8: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/8.jpg)
LADY DIANA VS LADY GAGA
![Page 9: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/9.jpg)
PROTOTYPES HELP YOU...work through a design...communicate concepts...sell an idea...gauge technical feasibility...test usability
![Page 10: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/10.jpg)
II
PLAN A LITTLE PROTOTYPE THE REST
![Page 11: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/11.jpg)
PLAN VS. PROTOTYPE
![Page 12: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/12.jpg)
III
SET EXPECTATIONS
![Page 13: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/13.jpg)
ROCKET
![Page 14: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/14.jpg)
IV
YOU CAN SKETCH
![Page 15: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/15.jpg)
V
IT’S NOT THE MONA LISA
![Page 16: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/16.jpg)
New Programs
Programs in Progress
Messages
Capacity
0401 1234 Sprint Rebates
0401 5678 Verizon Wireless SI
0401 9876 The Home Depot
New Program
Delete
VM
80% $Fees
Creative VM
80% $Fees
Creative VM
80% $Fees
Creative
VM
80% $Fees
Creative VM
80% $Fees
Creative VM
80% $Fees
Creative
04011111 Volvo
VM
80%
Creative
VM
80%
Creative
$Fees
$Fees
04012222 Sprint
Message Program DateCreative Approval 04011234 02/01/2008
Visa Approval 04011111 03/01/2008
System maintenance
Creative Request Updated 04011234 02/15/2008
14 of 70 Implementations
Capacity: 80%
IM: Jessica K.
Update
Program:
Search
Name/ID
Preferences Logout
![Page 17: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/17.jpg)
VI
IF YOU CAN’T MAKE IT FAKE IT
![Page 18: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/18.jpg)
![Page 19: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/19.jpg)
VII
PROTOTYPE ONLY WHAT YOU NEED
![Page 20: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/20.jpg)
VIII
PROTOTYPE EARLY & OFTEN
![Page 21: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/21.jpg)
FUNCTIONAL VS. VISUAL FIDELITY
![Page 22: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/22.jpg)
FUNCTIONAL VS. VISUAL
FIDELITY
FLASH
AXURE
FIREWORKS
PAPER
HTML
![Page 23: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/23.jpg)
A QUICK LESSON IN CRITIQUE
![Page 24: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/24.jpg)
THE 235
![Page 25: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/25.jpg)
SKETCH
![Page 26: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/26.jpg)
PITCH
![Page 27: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/27.jpg)
CRITIQUE
![Page 28: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/28.jpg)
BUILD
![Page 29: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/29.jpg)
PAPER PROTOTYPING
![Page 30: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/30.jpg)
PROS VS CONS
![Page 31: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/31.jpg)
HANDLEBARS
![Page 32: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/32.jpg)
WINDOW SHADES
![Page 33: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/33.jpg)
TRANSPARENCIES
![Page 34: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/34.jpg)
SLIDERS
![Page 35: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/35.jpg)
YOUR CHALLENGE
![Page 36: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/36.jpg)
THE NEXT GEOSOCIALTAGGER.PHOTOS/VIDEOS (gallery).GEO-TAGGING.AUTHENTICATION/REGISTRATION.SHARING.BADGES/REPUTATION SYSTEM
![Page 37: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/37.jpg)
REMEMBER THE GUIDING PRINCIPLES
![Page 38: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/38.jpg)
THE NEXT GEOSOCIALTAGGER.PHOTOS/VIDEOS (gallery).GEO-TAGGING.AUTHENTICATION/REGISTRATION.SHARING.BADGES/REPUTATION SYSTEM
![Page 39: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/39.jpg)
ONE MORE THING...
![Page 40: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/40.jpg)
REMEMBER THE 235
![Page 41: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/41.jpg)
READY. SET. GO.
![Page 42: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/42.jpg)
PITCH & CRITIQUE
![Page 43: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/43.jpg)
FIREWORKS
![Page 44: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/44.jpg)
FIREWORKS
![Page 45: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/45.jpg)
KEYNOTE
![Page 48: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/48.jpg)
VIDEO
![Page 49: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/49.jpg)
HTML5 CSS3 JQUERY
![Page 50: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/50.jpg)
HTML
![Page 51: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/51.jpg)
HTML
![Page 52: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/52.jpg)
KICKING IT UP A NOTCH
![Page 53: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/53.jpg)
HTML
![Page 54: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/54.jpg)
SELF HEAL
![Page 55: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/55.jpg)
HTML
![Page 56: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/56.jpg)
PROGRESSIVE REVEAL
![Page 57: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/57.jpg)
HTML
![Page 58: Ux aus prototyping](https://reader035.fdocuments.net/reader035/viewer/2022081716/54c7f9cb4a7959d93f8b45ad/html5/thumbnails/58.jpg)
http://bitly.com/protobkTHANKS!SAVE 25% WITH DISCOUNT CODE TODD