User Experience is dead.
Long live the user experience!
Greg Bell | Orange Peel Media
The King is dead.
Long live the King!
The Web   The NEW   The Software
 World      Web        World
30 Best Careers of 2009 (USNews.com):
Usability Experience Specialist
http://www.usnews.com/articles/business/best-careers...
“   This profession has a hard time agreeing on a name for itself.
    It's called, for example, user experience specialis...
Site Maps &
Wireframes
Site Maps &
Wireframes    Visual Design
Site Maps &
Wireframes    Visual Design   HTML & CSS
                              <?xml version=quot;1.0quot; encoding=qu...
Site Maps &
Wireframes    Visual Design   HTML & CSS                                                  Back-end Dev
       ...
Site Maps &
Wireframes    Visual Design   HTML & CSS                                                  Back-end Dev        ...
Site Maps &
Requirements   Wireframes    Visual Design   HTML & CSS                                                  Back-...
Business Process                  Site Maps &
  & Planning       Requirements   Wireframes    Visual Design   HTML & CSS  ...
Business Process                  Site Maps &
Business     & Planning       Requirements   Wireframes    Visual Design   H...
k-end Dev                                         Web Experience
nshot < ActiveRecord::Base

ctionController::Routing

tio...
http://www.flickr.com/photos/b-tal/2712658213/
ScrnShots   Share your inspiration.
http://flickr.com/photos/jvk/6721198/
iphoto, folders, flickr, skitch...
             etc..
What I wanted from my screenshots:
✔ Quickly take and share
✔ Community to share with and learn from
✔ Follow friends who ...
So... we built it!
6
lessons
learned
Lesson 1 of 6:

You can’t do everything.
3 Phases for ScrnShots:
Creation         Organization   Collaboration
“   Good Software takes 10 years.
    Get used to it
                                                            ”
    htt...
Major Web Application Launch Dates



 1996      1998        2001       2002       2003        2004
Hotmail   Netflix    W...
3 Phases for ScrnShots:
Creation         Organization   Collaboration
3 Phases for ScrnShots:
Creation         Organization   Collaboration
Lesson 2 of 6:

Marketing is the entry point
to the user experience.
Launch & Marketing == Lots of Time
Lesson 3 of 6:

Iterative design & development
is the only way to work.
High Level Planning
  & Requirements
High Level Planning
  & Requirements




      Requirements,
        Design &
      Development
        Iterations
Perfection is the
enemy of progress.
big
small improvements
make

             differences
Lesson 4 of 6:

The feedback loop is smaller
than ever. Take advantage.
Lesson 5 of 6:

Automate Automate Automate
Lesson 6 of 6:

Think systems design.
“   Systems thinking is a framework that is based on
    the belief that the component parts of a system
    can best be u...
User Experience thinking
must include Systems Thinking
User Experience is dead.
Long live the user experience!
Thanks!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
User Experience is dead. Long live the user experience!
Upcoming SlideShare
Loading in …5
×

User Experience is dead. Long live the user experience!

1,216 views
1,185 views

Published on

The importance of a great user experience has never been as important as it is today. Users expect to be able to just pick up the newest gadget or piece of software and be able to figure it out with ease. The role of user experience professional is dead. Everyone from the marketing team to the intern-developer must be a user experience professional to make a successful product.

It has been said that it takes 10 years to create successful software, does our current understanding of user experience fit within this model? How does the user experience actually get defined and who has the power to change it? How can the user experience get shaped in a more iterative and evolutionary way?

Through the lens of releasing a social software application and moving from consultant to product owner, this talk explores current user experience methodologies as well as lessons learned through web application release and management.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,216
On SlideShare
0
From Embeds
0
Number of Embeds
28
Actions
Shares
0
Downloads
53
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

User Experience is dead. Long live the user experience!

  1. 1. User Experience is dead. Long live the user experience! Greg Bell | Orange Peel Media
  2. 2. The King is dead. Long live the King!
  3. 3. The Web The NEW The Software World Web World
  4. 4. 30 Best Careers of 2009 (USNews.com): Usability Experience Specialist http://www.usnews.com/articles/business/best-careers/2008/12/11/the-report-card.html
  5. 5. “ This profession has a hard time agreeing on a name for itself. It's called, for example, user experience specialist, interface designer, information architect, usability practitioner, user- centered design specialist, and usability manager. Whatever ” you call them, their job is to help ensure that products, especially technical ones, are easy and pleasurable to use.
  6. 6. Site Maps & Wireframes
  7. 7. Site Maps & Wireframes Visual Design
  8. 8. Site Maps & Wireframes Visual Design HTML & CSS <?xml version=quot;1.0quot; encoding=quot;UTF-8quot;?> <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.1//ENquot; quot;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtdquot;> <html xmlns=quot;http://www.w3.org/1999/xhtmlquot; xml:lang=quot;enquot;> <head> <script src=quot;/javascripts/jquery- 1.2.6.min.js?1231171274quot; type=quot;text/javascriptquot;></script> <link href=quot;/stylesheets/citrus_modules/admin.css?1232396021quot; media=quot;screenquot; rel=quot;stylesheetquot; type=quot;text/cssquot; /> <title>Admin Site</title> </head> <body class=quot;citrus_adminquot;> <div id=quot;headerquot;> <h1><a href=quot;/adminquot;>Woop Woop Admin Site</a></h1> <div id=quot;utility_navquot;> <p> Welcome back gregbell. (<a href=quot;/logoutquot;>logout</a>) </p> </div><!-- end utility_nav --> <ul id=quot;citrus_admin_tabsquot;><li><a href=quot;/adminquot; class=quot;quot;>Dashboard</a></li><li><a href=quot;/admin/postsquot; class=quot;quot;>Blogs</a></li><li><a href=quot;/admin/pagesquot; class=quot;quot;>Pages</a></li><li><a href=quot;/admin/smsquot; class=quot;quot;>SMS</a></li><li><a href=quot;/admin/usersquot; class=quot;currentquot;>Users</a></li></ul><!-- end citrus_admin_tabs --> </div><!-- end header --> <div id=quot;contentquot;> <div id=quot;main_contentquot;> <h2>Users</h2>
  9. 9. Site Maps & Wireframes Visual Design HTML & CSS Back-end Dev <?xml version=quot;1.0quot; encoding=quot;UTF-8quot;?> class Screenshot < ActiveRecord::Base <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.1//ENquot; quot;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtdquot;> include ActionController::Routing <html xmlns=quot;http://www.w3.org/1999/xhtmlquot; xml:lang=quot;enquot;> # Associations <head> belongs_to :user has_many :comments, :dependent => :destroy <script src=quot;/javascripts/jquery- has_many :favorites, :dependent => :destroy 1.2.6.min.js?1231171274quot; type=quot;text/javascriptquot;></script> has_many :activities, :as => :record, :dependent => <link :destroy href=quot;/stylesheets/citrus_modules/admin.css?1232396021quot; has_many :daily_views_reports, :class_name => media=quot;screenquot; rel=quot;stylesheetquot; type=quot;text/cssquot; /> 'ScreenshotDailyViewsReport',:dependent => :destroy <title>Admin Site</title> </head> # Acts_as... acts_as_taggable <body class=quot;citrus_adminquot;> <div id=quot;headerquot;> # This isn't allowed to be set by mass assigment <h1><a href=quot;/adminquot;>Woop Woop Admin Site</a></h1> attr_protected :flagged <div id=quot;utility_navquot;> <p> # Validations Welcome back gregbell. (<a before_validation :remove_bad_characters_from_tag_list href=quot;/logoutquot;>logout</a>) after_validation_on_create </p> :parse_and_create_human_readable_error_messages_for_upload </div><!-- end utility_nav --> _field before_create :set_safe_filename <ul id=quot;citrus_admin_tabsquot;><li><a href=quot;/adminquot; before_save :parse_source_url class=quot;quot;>Dashboard</a></li><li><a href=quot;/admin/postsquot; after_create :log_activity class=quot;quot;>Blogs</a></li><li><a href=quot;/admin/pagesquot; class=quot;quot;>Pages</a></li><li><a href=quot;/admin/smsquot; # Attachment_Fu class=quot;quot;>SMS</a></li><li><a href=quot;/admin/usersquot; has_attachment :content_type => :image, class=quot;currentquot;>Users</a></li></ul><!-- end :storage => :s3, citrus_admin_tabs --> :max_size => 5.megabytes, :thumbnails => { :small_square => </div><!-- end header --> '100x100!', :med_rect => '215x150!', :large => '680>' }, <div id=quot;contentquot;> :processor => :MiniMagick <div id=quot;main_contentquot;> <h2>Users</h2> validates_as_attachment
  10. 10. Site Maps & Wireframes Visual Design HTML & CSS Back-end Dev Web Experience <?xml version=quot;1.0quot; encoding=quot;UTF-8quot;?> class Screenshot < ActiveRecord::Base <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.1//ENquot; quot;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtdquot;> include ActionController::Routing <html xmlns=quot;http://www.w3.org/1999/xhtmlquot; xml:lang=quot;enquot;> # Associations <head> belongs_to :user has_many :comments, :dependent => :destroy <script src=quot;/javascripts/jquery- has_many :favorites, :dependent => :destroy 1.2.6.min.js?1231171274quot; type=quot;text/javascriptquot;></script> has_many :activities, :as => :record, :dependent => <link :destroy href=quot;/stylesheets/citrus_modules/admin.css?1232396021quot; has_many :daily_views_reports, :class_name => media=quot;screenquot; rel=quot;stylesheetquot; type=quot;text/cssquot; /> 'ScreenshotDailyViewsReport',:dependent => :destroy <title>Admin Site</title> </head> # Acts_as... acts_as_taggable <body class=quot;citrus_adminquot;> <div id=quot;headerquot;> # This isn't allowed to be set by mass assigment <h1><a href=quot;/adminquot;>Woop Woop Admin Site</a></h1> attr_protected :flagged <div id=quot;utility_navquot;> <p> # Validations Welcome back gregbell. (<a before_validation :remove_bad_characters_from_tag_list href=quot;/logoutquot;>logout</a>) after_validation_on_create </p> :parse_and_create_human_readable_error_messages_for_upload </div><!-- end utility_nav --> _field before_create :set_safe_filename <ul id=quot;citrus_admin_tabsquot;><li><a href=quot;/adminquot; before_save :parse_source_url class=quot;quot;>Dashboard</a></li><li><a href=quot;/admin/postsquot; after_create :log_activity class=quot;quot;>Blogs</a></li><li><a href=quot;/admin/pagesquot; class=quot;quot;>Pages</a></li><li><a href=quot;/admin/smsquot; # Attachment_Fu class=quot;quot;>SMS</a></li><li><a href=quot;/admin/usersquot; has_attachment :content_type => :image, class=quot;currentquot;>Users</a></li></ul><!-- end :storage => :s3, citrus_admin_tabs --> :max_size => 5.megabytes, :thumbnails => { :small_square => </div><!-- end header --> '100x100!', :med_rect => '215x150!', :large => '680>' }, <div id=quot;contentquot;> :processor => :MiniMagick <div id=quot;main_contentquot;> <h2>Users</h2> validates_as_attachment
  11. 11. Site Maps & Requirements Wireframes Visual Design HTML & CSS Back-end Dev Web Experience <?xml version=quot;1.0quot; encoding=quot;UTF-8quot;?> class Screenshot < ActiveRecord::Base <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.1//ENquot; quot;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtdquot;> include ActionController::Routing 1. <html xmlns=quot;http://www.w3.org/1999/xhtmlquot; xml:lang=quot;enquot;> <head> # Associations belongs_to :user has_many :comments, :dependent => :destroy <script src=quot;/javascripts/jquery- has_many :favorites, :dependent => :destroy 1.2.6.min.js?1231171274quot; type=quot;text/javascriptquot;></script> has_many :activities, :as => :record, :dependent => <link :destroy 2. href=quot;/stylesheets/citrus_modules/admin.css?1232396021quot; media=quot;screenquot; rel=quot;stylesheetquot; type=quot;text/cssquot; /> has_many :daily_views_reports, :class_name => 'ScreenshotDailyViewsReport',:dependent => :destroy <title>Admin Site</title> </head> # Acts_as... acts_as_taggable <body class=quot;citrus_adminquot;> 3. <div id=quot;headerquot;> <h1><a href=quot;/adminquot;>Woop Woop Admin Site</a></h1> <div id=quot;utility_navquot;> # This isn't allowed to be set by mass assigment attr_protected :flagged <p> # Validations Welcome back gregbell. (<a before_validation :remove_bad_characters_from_tag_list href=quot;/logoutquot;>logout</a>) after_validation_on_create </p> :parse_and_create_human_readable_error_messages_for_upload 4. </div><!-- end utility_nav --> _field before_create :set_safe_filename <ul id=quot;citrus_admin_tabsquot;><li><a href=quot;/adminquot; before_save :parse_source_url class=quot;quot;>Dashboard</a></li><li><a href=quot;/admin/postsquot; after_create :log_activity class=quot;quot;>Blogs</a></li><li><a href=quot;/admin/pagesquot; class=quot;quot;>Pages</a></li><li><a href=quot;/admin/smsquot; # Attachment_Fu 5. class=quot;quot;>SMS</a></li><li><a href=quot;/admin/usersquot; class=quot;currentquot;>Users</a></li></ul><!-- end citrus_admin_tabs --> has_attachment :content_type => :image, :storage => :s3, :max_size => 5.megabytes, :thumbnails => { :small_square => </div><!-- end header --> '100x100!', :med_rect => '215x150!', :large => '680>' }, <div id=quot;contentquot;> :processor => :MiniMagick <div id=quot;main_contentquot;> <h2>Users</h2> validates_as_attachment
  12. 12. Business Process Site Maps & & Planning Requirements Wireframes Visual Design HTML & CSS Back-end Dev Web Experience <?xml version=quot;1.0quot; encoding=quot;UTF-8quot;?> class Screenshot < ActiveRecord::Base <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.1//ENquot; quot;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtdquot;> include ActionController::Routing 8 7 1. <html xmlns=quot;http://www.w3.org/1999/xhtmlquot; xml:lang=quot;enquot;> <head> # Associations belongs_to :user 6 has_many :comments, :dependent => :destroy 5 <script src=quot;/javascripts/jquery- has_many :favorites, :dependent => :destroy 1.2.6.min.js?1231171274quot; type=quot;text/javascriptquot;></script> has_many :activities, :as => :record, :dependent => 4 <link :destroy 3 2 2. href=quot;/stylesheets/citrus_modules/admin.css?1232396021quot; media=quot;screenquot; rel=quot;stylesheetquot; type=quot;text/cssquot; /> has_many :daily_views_reports, :class_name => 'ScreenshotDailyViewsReport',:dependent => :destroy <title>Admin Site</title> 1 </head> # Acts_as... 0 acts_as_taggable <body class=quot;citrus_adminquot;> 1. 3. <div id=quot;headerquot;> <h1><a href=quot;/adminquot;>Woop Woop Admin Site</a></h1> <div id=quot;utility_navquot;> # This isn't allowed to be set by mass assigment attr_protected :flagged <p> # Validations Welcome back gregbell. (<a before_validation :remove_bad_characters_from_tag_list href=quot;/logoutquot;>logout</a>) after_validation_on_create </p> :parse_and_create_human_readable_error_messages_for_upload 2. 4. </div><!-- end utility_nav --> _field before_create :set_safe_filename <ul id=quot;citrus_admin_tabsquot;><li><a href=quot;/adminquot; before_save :parse_source_url class=quot;quot;>Dashboard</a></li><li><a href=quot;/admin/postsquot; after_create :log_activity class=quot;quot;>Blogs</a></li><li><a href=quot;/admin/pagesquot; class=quot;quot;>Pages</a></li><li><a href=quot;/admin/smsquot; # Attachment_Fu 3. 5. class=quot;quot;>SMS</a></li><li><a href=quot;/admin/usersquot; class=quot;currentquot;>Users</a></li></ul><!-- end citrus_admin_tabs --> has_attachment :content_type => :image, :storage => :s3, :max_size => 5.megabytes, :thumbnails => { :small_square => </div><!-- end header --> '100x100!', :med_rect => '215x150!', :large => '680>' }, <div id=quot;contentquot;> :processor => :MiniMagick <div id=quot;main_contentquot;> <h2>Users</h2> validates_as_attachment
  13. 13. Business Process Site Maps & Business & Planning Requirements Wireframes Visual Design HTML & CSS Back-end Dev Web Experience <?xml version=quot;1.0quot; encoding=quot;UTF-8quot;?> class Screenshot < ActiveRecord::Base <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.1//ENquot; quot;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtdquot;> include ActionController::Routing 8 7 1. <html xmlns=quot;http://www.w3.org/1999/xhtmlquot; xml:lang=quot;enquot;> <head> # Associations belongs_to :user 6 has_many :comments, :dependent => :destroy 5 <script src=quot;/javascripts/jquery- has_many :favorites, :dependent => :destroy 1.2.6.min.js?1231171274quot; type=quot;text/javascriptquot;></script> has_many :activities, :as => :record, :dependent => 4 <link :destroy 3 2 2. href=quot;/stylesheets/citrus_modules/admin.css?1232396021quot; media=quot;screenquot; rel=quot;stylesheetquot; type=quot;text/cssquot; /> has_many :daily_views_reports, :class_name => 'ScreenshotDailyViewsReport',:dependent => :destroy <title>Admin Site</title> 1 </head> # Acts_as... 0 acts_as_taggable <body class=quot;citrus_adminquot;> 1. 3. <div id=quot;headerquot;> <h1><a href=quot;/adminquot;>Woop Woop Admin Site</a></h1> <div id=quot;utility_navquot;> # This isn't allowed to be set by mass assigment attr_protected :flagged <p> # Validations Welcome back gregbell. (<a before_validation :remove_bad_characters_from_tag_list href=quot;/logoutquot;>logout</a>) after_validation_on_create </p> :parse_and_create_human_readable_error_messages_for_upload 2. 4. </div><!-- end utility_nav --> _field before_create :set_safe_filename <ul id=quot;citrus_admin_tabsquot;><li><a href=quot;/adminquot; before_save :parse_source_url class=quot;quot;>Dashboard</a></li><li><a href=quot;/admin/postsquot; after_create :log_activity class=quot;quot;>Blogs</a></li><li><a href=quot;/admin/pagesquot; class=quot;quot;>Pages</a></li><li><a href=quot;/admin/smsquot; # Attachment_Fu 3. 5. class=quot;quot;>SMS</a></li><li><a href=quot;/admin/usersquot; class=quot;currentquot;>Users</a></li></ul><!-- end citrus_admin_tabs --> has_attachment :content_type => :image, :storage => :s3, :max_size => 5.megabytes, :thumbnails => { :small_square => </div><!-- end header --> '100x100!', :med_rect => '215x150!', :large => '680>' }, <div id=quot;contentquot;> :processor => :MiniMagick <div id=quot;main_contentquot;> <h2>Users</h2> validates_as_attachment
  14. 14. k-end Dev Web Experience nshot < ActiveRecord::Base ctionController::Routing tions o :user :comments, :dependent => :destroy :favorites, :dependent => :destroy :activities, :as => :record, :dependent => :daily_views_reports, :class_name => DailyViewsReport',:dependent => :destroy ... aggable n't allowed to be set by mass assigment ected :flagged ions lidation :remove_bad_characters_from_tag_list idation_on_create create_human_readable_error_messages_for_upload eate :set_safe_filename ve :parse_source_url ate :log_activity ent_Fu hment :content_type => :image, :storage => :s3, :max_size => 5.megabytes, :thumbnails => { :small_square => :med_rect => '215x150!', :large => '680>' }, :processor => :MiniMagick _as_attachment
  15. 15. http://www.flickr.com/photos/b-tal/2712658213/
  16. 16. ScrnShots Share your inspiration.
  17. 17. http://flickr.com/photos/jvk/6721198/
  18. 18. iphoto, folders, flickr, skitch... etc..
  19. 19. What I wanted from my screenshots: ✔ Quickly take and share ✔ Community to share with and learn from ✔ Follow friends who take good screenshots ✔ Easily look up screenshots for inspiration
  20. 20. So... we built it!
  21. 21. 6 lessons learned
  22. 22. Lesson 1 of 6: You can’t do everything.
  23. 23. 3 Phases for ScrnShots: Creation Organization Collaboration
  24. 24. “ Good Software takes 10 years. Get used to it ” http://www.joelonsoftware.com/articles/fog0000000017.html
  25. 25. Major Web Application Launch Dates 1996 1998 2001 2002 2003 2004 Hotmail Netflix Wikipedia Last.fm Wordpress Flickr MySpace Basecamp Gmail Facebook
  26. 26. 3 Phases for ScrnShots: Creation Organization Collaboration
  27. 27. 3 Phases for ScrnShots: Creation Organization Collaboration
  28. 28. Lesson 2 of 6: Marketing is the entry point to the user experience.
  29. 29. Launch & Marketing == Lots of Time
  30. 30. Lesson 3 of 6: Iterative design & development is the only way to work.
  31. 31. High Level Planning & Requirements
  32. 32. High Level Planning & Requirements Requirements, Design & Development Iterations
  33. 33. Perfection is the enemy of progress.
  34. 34. big small improvements make differences
  35. 35. Lesson 4 of 6: The feedback loop is smaller than ever. Take advantage.
  36. 36. Lesson 5 of 6: Automate Automate Automate
  37. 37. Lesson 6 of 6: Think systems design.
  38. 38. “ Systems thinking is a framework that is based on the belief that the component parts of a system can best be understood in the context of relationships with each other and with other systems, rather than in isolation. http://en.wikipedia.org/wiki/Systems_thinking ”
  39. 39. User Experience thinking must include Systems Thinking
  40. 40. User Experience is dead. Long live the user experience!
  41. 41. Thanks!

×