User Experience is dead. Long live the user experience!
•
4 recomendaciones•1,458 vistas
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.
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (20)
Similar a User Experience is dead. Long live the user experience!
Similar a User Experience is dead. Long live the user experience! (20)
Último
Último (20)
User Experience is dead. Long live the user experience!
- 1. User Experience is dead. Long live the user experience! Greg Bell | Orange Peel Media
- 2. The King is dead. Long live the King!
- 3. The Web The NEW The Software World Web World
- 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. “ 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.
- 7. Site Maps & Wireframes Visual Design
- 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. 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. 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. 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. 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. 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. 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
- 16. ScrnShots Share your inspiration.
- 19. iphoto, folders, flickr, skitch... etc..
- 20. 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
- 21. So... we built it!
- 27. Lesson 1 of 6: You can’t do everything.
- 28. 3 Phases for ScrnShots: Creation Organization Collaboration
- 31. “ Good Software takes 10 years. Get used to it ” http://www.joelonsoftware.com/articles/fog0000000017.html
- 32. Major Web Application Launch Dates 1996 1998 2001 2002 2003 2004 Hotmail Netflix Wikipedia Last.fm Wordpress Flickr MySpace Basecamp Gmail Facebook
- 33. 3 Phases for ScrnShots: Creation Organization Collaboration
- 34. 3 Phases for ScrnShots: Creation Organization Collaboration
- 35. Lesson 2 of 6: Marketing is the entry point to the user experience.
- 37. Launch & Marketing == Lots of Time
- 40. Lesson 3 of 6: Iterative design & development is the only way to work.
- 42. High Level Planning & Requirements
- 43. High Level Planning & Requirements Requirements, Design & Development Iterations
- 44. Perfection is the enemy of progress.
- 46. big small improvements make differences
- 48. Lesson 4 of 6: The feedback loop is smaller than ever. Take advantage.
- 53. Lesson 5 of 6: Automate Automate Automate
- 58. Lesson 6 of 6: Think systems design.
- 59. “ 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 ”
- 65. User Experience thinking must include Systems Thinking
- 66. User Experience is dead. Long live the user experience!
- 67. Thanks!