web2.0 for upa
TRANSCRIPT
![Page 1: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/1.jpg)
Being a User Experience Practitioner When the World Has Gone Web2.0 Crazy
![Page 2: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/2.jpg)
Being a User Experience Practitioner When the World Has Gone Web2.0 Crazy
![Page 3: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/3.jpg)
About Me
![Page 4: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/4.jpg)
Web 2.0 =
New Business Models
New Design Thinking
New Actions as a User Experience Practitioner
… and one Big New Buzzword
![Page 5: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/5.jpg)
Client and manager briefs
Lets go the Web 2.0 route with this one…
![Page 6: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/6.jpg)
Client and manager briefs
It’s good… but can we make it a bit more
web2.0-ey?
![Page 7: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/7.jpg)
What Its NOT – A Design Aesthetic
8. Bigger text
9. Bold text introductions
10. Strong colours
11. Rich surfaces
12. Gradients
13. Reflections
14. Cute icons
15. Star flashes
1. Simplicity
2. Central layout
3. Fewer columns
4. Separate top section
5. Solid areas of screen real-estate
6. Simple nav
7. Bold logos
8. Bigger text
![Page 8: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/8.jpg)
What Its NOT – A Design Aesthetic
![Page 9: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/9.jpg)
What Its NOT – A Design Aesthetic
![Page 10: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/10.jpg)
Developments
![Page 11: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/11.jpg)
Developments
![Page 12: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/12.jpg)
Last.fm
![Page 13: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/13.jpg)
Housing Maps
![Page 14: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/14.jpg)
Del.icio.us
![Page 15: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/15.jpg)
TIOTI
![Page 16: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/16.jpg)
Picnik
![Page 17: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/17.jpg)
Pledgebank
![Page 18: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/18.jpg)
Upcoming
![Page 19: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/19.jpg)
Polar Rose
![Page 20: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/20.jpg)
Kayak
![Page 21: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/21.jpg)
Flock
![Page 22: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/22.jpg)
Web 2.0 Companies
FizberPaplooMufta
OolaYunitiShodu
![Page 23: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/23.jpg)
Web 2.0 Companies
Paploo
Muftak
Fizber
![Page 24: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/24.jpg)
Fizber
![Page 25: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/25.jpg)
Web 2.0 Companies
FizberPaplooMufta
OolaYunitiShodu
![Page 26: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/26.jpg)
Web 2.0 Companies
Oola
Shodu
Yuniti
![Page 27: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/27.jpg)
Yuniti
![Page 28: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/28.jpg)
Business and Funding
$280M Purchase
$20m Venture Capital
Est $30m Purchase
Asking for $150m
Rejected $1bn Offer
$580m Purchase $3m in Donations
$1.6bn Purchase
Est $40m Purchase
Rejected $500m Offer
![Page 29: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/29.jpg)
Changes to DeliverablesIn the pre-2.0 world, User Experience practitioners focused on:
Content taxonomies Page-by-page wireframes Metadata
Now we need to focus on:
Service design Dynamic Interaction models Permutation handling
![Page 30: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/30.jpg)
Information Architecture for page-based designs
![Page 31: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/31.jpg)
Information Architecture for page-based designs
![Page 32: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/32.jpg)
Information Architecture for page-based designs
![Page 33: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/33.jpg)
Information Architecture for RIAs – New Vocabulary
From Anthony Colfelt
![Page 34: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/34.jpg)
Information Architecture for RIAs
![Page 35: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/35.jpg)
Information Architecture for RIAs
![Page 36: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/36.jpg)
Information Architecture for RIAs
![Page 37: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/37.jpg)
Prototyping
![Page 38: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/38.jpg)
The Perpetual Beta
![Page 39: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/39.jpg)
Changes in Use Amount of data changes the service /
interface Previous usage changes the service /
interface Real relationships affect usage Users access through their own means
![Page 40: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/40.jpg)
Housing Maps
![Page 41: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/41.jpg)
Housing Maps - London
![Page 42: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/42.jpg)
Trusted Places - London
![Page 43: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/43.jpg)
New Design Process Develop prototypes not documents Multiple prototypes to show varying content
states Get as close to using real data as possible Run page design testing from service testing as
two parallel streams Abandon one-off tests in favour or longitudinal
analysis
![Page 45: Web2.0 for UPA](https://reader031.vdocuments.net/reader031/viewer/2022021506/58a1ae601a28abe6468b6d7f/html5/thumbnails/45.jpg)
Aesthetics