SlideShare is now on Android. 15 million presentations at your fingertips.  Get the app

×
  • Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
 

Visualising the User Experience

by Digital Designer on Oct 18, 2009

  • 32,923 views

Slides from a talk I did at Web Directions South in Sydney Oct 2009. ...

Slides from a talk I did at Web Directions South in Sydney Oct 2009.

Outline:
Designing for dynamic web applications and mobile devices poses a new set of challenges. Web designers are increasingly being asked to apply their skills to where the page model no longer applies. We need new ways of exploring the user experience and communicating behaviours involving sub-page changes and movement.

Enter rapid prototyping. Widely acclaimed as one of the best ways to create great user experiences, it isn't without it's own pitfalls. This session will discuss the pros and cons of different prototyping techniques, and introduce a new technique called "screenflows" that focuses on visualising the user experience.

Discover how to combine the best of paper prototyping, wireframes and HTML prototyping into one simple and effective prototyping technique. Learn how using this method can dramatically decrease the need for documentation, while increasing the speed and agility of the development process.

Statistics

Views

Total Views
32,923
Views on SlideShare
28,651
Embed Views
4,272

Actions

Likes
339
Downloads
1,208
Comments
8

48 Embeds 4,272

http://www.wireframewednesday.com 931
http://www.redefine.co.il 899
http://www.scoop.it 397
http://www.ergophile.com 353
http://www.webdirections.org 337
http://wolfbecvar.com 207
http://innovergo.over-blog.com 201
http://ideafarms.com 135
http://chat.cw99.ru 129
http://192.168.160.9 126
http://www.slideshare.net 114
http://lanapratt.posterous.com 100
http://jobs.etpers.com 74
http://samuelwiederkehr.tumblr.com 53
http://uxstream.net 36
http://sjors.posterous.com 22
http://flavors.me 20
http://feeds.feedburner.com 18
https://blackboard.madisoncollege.edu 15
http://uxdesignstuff.collected.info 12
http://www.linkedin.com 12
http://www.adamsleight.com 11
http://www.netvibes.com 8
http://tweetedtimes.com 7
http://plasticabilinguegarrucha.blogspot.com 6
http://blujconcepts.net 5
http://www.roberteijlander.nl 5
http://etpers.com 4
http://srv06.admin.over-blog.com 4
http://www.e-presentations.us 4
http://www.7ux.nl 3
http://a0.twimg.com 3
http://tubes.travishines.com 3
https://www.linkedin.com 2
http://uxforthewin.tumblr.com 2
http://wireframewednesday.tumblr.com 2
http://trunk.ly 1
https://jujo00obo2o234ungd3t8qjfcjrs3o6k-a-sites-opensocial.googleusercontent.com 1
http://pinterest.com 1
https://twimg0-a.akamaihd.net 1
http://posterous.com 1
http://bclavel.tumblr.com 1
http://aseriesoftubes.com 1
http://michelpanouillot.com 1
http://www.techgig.com 1
http://translate.googleusercontent.com 1
http://es.flavors.me 1
http://www.pinterest.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via SlideShare as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

18 of 8 previous next Post a comment

  • harrypotter12 harrypotter12 Great work.

    Thanks for sharing.
    http://www.clickandsendparcel.com
    2 years ago
    Are you sure you want to
    Your message goes here
    Processing…
  • grantrobinson Grant Robinson, Digital Designer Hi vyombhuta, I just made the presso downloadable (in PDF) format, so hopefully you can extract what you need from there. P.s. this presso wasn't made in PowerPoint. 2 years ago
    Are you sure you want to
    Your message goes here
    Processing…
  • vyombhuta vyombhuta is it possible to get a copy of this in ppt. really like it and wanted to use it to explain to my team, but wanted to edit it or blend with some other topics I plan to cover in my ppt 2 years ago
    Are you sure you want to
    Your message goes here
    Processing…
  • baileyzhang baileyzhang awesome 3 years ago
    Are you sure you want to
    Your message goes here
    Processing…
  • andreasfendri Andreas Fendri, Interface designer at Yahoo! Cool! 3 years ago
    Are you sure you want to
    Your message goes here
    Processing…
  • clango interactiondesign.de at interactiondesign.de definately - transitions have the same importance as states! 3 years ago
    Are you sure you want to
    Your message goes here
    Processing…
  • grantrobinson Grant Robinson, Digital Designer Hi Ayush. The amount of documentation needed really depends on the complexities of the project and the needs of your team. Usually you'll need to document your findings from paper prototyping in the form of wireframes (or screenflows) so you can flesh out detail, share them with your team and stakeholders, get sign-off and eventually hand over for dev. 4 years ago
    Are you sure you want to
    Your message goes here
    Processing…
  • ayushsaran Ayush Saran, User Experience Designer at RealTSP UK How much written up documentation would you include with those paper prototypes?
    and would you say they need more or less documentation than html wireframes ?
    4 years ago
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Visualising the User Experience Visualising the User Experience Presentation Transcript