User Experience is dead. Long live the user experience!

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    1 Favorite

    User Experience is dead. Long live the user experience! - Presentation Transcript

    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.
    6. Site Maps & Wireframes
    7. Site Maps & Wireframes Visual Design
    8. Site Maps & Wireframes Visual Design HTML & CSS <?xml version=\"1.0\" encoding=\"UTF-8\"?> <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.1//EN\" \"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd\"> <html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\"> <head> <script src=\"/javascripts/jquery- 1.2.6.min.js?1231171274\" type=\"text/javascript\"></script> <link href=\"/stylesheets/citrus_modules/admin.css?1232396021\" media=\"screen\" rel=\"stylesheet\" type=\"text/css\" /> <title>Admin Site</title> </head> <body class=\"citrus_admin\"> <div id=\"header\"> <h1><a href=\"/admin\">Woop Woop Admin Site</a></h1> <div id=\"utility_nav\"> <p> Welcome back gregbell. (<a href=\"/logout\">logout</a>) </p> </div><!-- end utility_nav --> <ul id=\"citrus_admin_tabs\"><li><a href=\"/admin\" class=\"\">Dashboard</a></li><li><a href=\"/admin/posts\" class=\"\">Blogs</a></li><li><a href=\"/admin/pages\" class=\"\">Pages</a></li><li><a href=\"/admin/sms\" class=\"\">SMS</a></li><li><a href=\"/admin/users\" class=\"current\">Users</a></li></ul><!-- end citrus_admin_tabs --> </div><!-- end header --> <div id=\"content\"> <div id=\"main_content\"> <h2>Users</h2>
    9. Site Maps & Wireframes Visual Design HTML & CSS Back-end Dev <?xml version=\"1.0\" encoding=\"UTF-8\"?> class Screenshot < ActiveRecord::Base <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.1//EN\" \"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd\"> include ActionController::Routing <html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\"> # Associations <head> belongs_to :user has_many :comments, :dependent => :destroy <script src=\"/javascripts/jquery- has_many :favorites, :dependent => :destroy 1.2.6.min.js?1231171274\" type=\"text/javascript\"></script> has_many :activities, :as => :record, :dependent => <link :destroy href=\"/stylesheets/citrus_modules/admin.css?1232396021\" has_many :daily_views_reports, :class_name => media=\"screen\" rel=\"stylesheet\" type=\"text/css\" /> 'ScreenshotDailyViewsReport',:dependent => :destroy <title>Admin Site</title> </head> # Acts_as... acts_as_taggable <body class=\"citrus_admin\"> <div id=\"header\"> # This isn't allowed to be set by mass assigment <h1><a href=\"/admin\">Woop Woop Admin Site</a></h1> attr_protected :flagged <div id=\"utility_nav\"> <p> # Validations Welcome back gregbell. (<a before_validation :remove_bad_characters_from_tag_list href=\"/logout\">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=\"citrus_admin_tabs\"><li><a href=\"/admin\" before_save :parse_source_url class=\"\">Dashboard</a></li><li><a href=\"/admin/posts\" after_create :log_activity class=\"\">Blogs</a></li><li><a href=\"/admin/pages\" class=\"\">Pages</a></li><li><a href=\"/admin/sms\" # Attachment_Fu class=\"\">SMS</a></li><li><a href=\"/admin/users\" has_attachment :content_type => :image, class=\"current\">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=\"content\"> :processor => :MiniMagick <div id=\"main_content\"> <h2>Users</h2> validates_as_attachment
    10. Site Maps & Wireframes Visual Design HTML & CSS Back-end Dev Web Experience <?xml version=\"1.0\" encoding=\"UTF-8\"?> class Screenshot < ActiveRecord::Base <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.1//EN\" \"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd\"> include ActionController::Routing <html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\"> # Associations <head> belongs_to :user has_many :comments, :dependent => :destroy <script src=\"/javascripts/jquery- has_many :favorites, :dependent => :destroy 1.2.6.min.js?1231171274\" type=\"text/javascript\"></script> has_many :activities, :as => :record, :dependent => <link :destroy href=\"/stylesheets/citrus_modules/admin.css?1232396021\" has_many :daily_views_reports, :class_name => media=\"screen\" rel=\"stylesheet\" type=\"text/css\" /> 'ScreenshotDailyViewsReport',:dependent => :destroy <title>Admin Site</title> </head> # Acts_as... acts_as_taggable <body class=\"citrus_admin\"> <div id=\"header\"> # This isn't allowed to be set by mass assigment <h1><a href=\"/admin\">Woop Woop Admin Site</a></h1> attr_protected :flagged <div id=\"utility_nav\"> <p> # Validations Welcome back gregbell. (<a before_validation :remove_bad_characters_from_tag_list href=\"/logout\">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=\"citrus_admin_tabs\"><li><a href=\"/admin\" before_save :parse_source_url class=\"\">Dashboard</a></li><li><a href=\"/admin/posts\" after_create :log_activity class=\"\">Blogs</a></li><li><a href=\"/admin/pages\" class=\"\">Pages</a></li><li><a href=\"/admin/sms\" # Attachment_Fu class=\"\">SMS</a></li><li><a href=\"/admin/users\" has_attachment :content_type => :image, class=\"current\">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=\"content\"> :processor => :MiniMagick <div id=\"main_content\"> <h2>Users</h2> validates_as_attachment
    11. Site Maps & Requirements Wireframes Visual Design HTML & CSS Back-end Dev Web Experience <?xml version=\"1.0\" encoding=\"UTF-8\"?> class Screenshot < ActiveRecord::Base <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.1//EN\" \"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd\"> include ActionController::Routing 1. <html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\"> <head> # Associations belongs_to :user has_many :comments, :dependent => :destroy <script src=\"/javascripts/jquery- has_many :favorites, :dependent => :destroy 1.2.6.min.js?1231171274\" type=\"text/javascript\"></script> has_many :activities, :as => :record, :dependent => <link :destroy 2. href=\"/stylesheets/citrus_modules/admin.css?1232396021\" media=\"screen\" rel=\"stylesheet\" type=\"text/css\" /> has_many :daily_views_reports, :class_name => 'ScreenshotDailyViewsReport',:dependent => :destroy <title>Admin Site</title> </head> # Acts_as... acts_as_taggable <body class=\"citrus_admin\"> 3. <div id=\"header\"> <h1><a href=\"/admin\">Woop Woop Admin Site</a></h1> <div id=\"utility_nav\"> # 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=\"/logout\">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=\"citrus_admin_tabs\"><li><a href=\"/admin\" before_save :parse_source_url class=\"\">Dashboard</a></li><li><a href=\"/admin/posts\" after_create :log_activity class=\"\">Blogs</a></li><li><a href=\"/admin/pages\" class=\"\">Pages</a></li><li><a href=\"/admin/sms\" # Attachment_Fu 5. class=\"\">SMS</a></li><li><a href=\"/admin/users\" class=\"current\">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=\"content\"> :processor => :MiniMagick <div id=\"main_content\"> <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=\"1.0\" encoding=\"UTF-8\"?> class Screenshot < ActiveRecord::Base <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.1//EN\" \"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd\"> include ActionController::Routing 8 7 1. <html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\"> <head> # Associations belongs_to :user 6 has_many :comments, :dependent => :destroy 5 <script src=\"/javascripts/jquery- has_many :favorites, :dependent => :destroy 1.2.6.min.js?1231171274\" type=\"text/javascript\"></script> has_many :activities, :as => :record, :dependent => 4 <link :destroy 3 2 2. href=\"/stylesheets/citrus_modules/admin.css?1232396021\" media=\"screen\" rel=\"stylesheet\" type=\"text/css\" /> has_many :daily_views_reports, :class_name => 'ScreenshotDailyViewsReport',:dependent => :destroy <title>Admin Site</title> 1 </head> # Acts_as... 0 acts_as_taggable <body class=\"citrus_admin\"> 1. 3. <div id=\"header\"> <h1><a href=\"/admin\">Woop Woop Admin Site</a></h1> <div id=\"utility_nav\"> # 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=\"/logout\">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=\"citrus_admin_tabs\"><li><a href=\"/admin\" before_save :parse_source_url class=\"\">Dashboard</a></li><li><a href=\"/admin/posts\" after_create :log_activity class=\"\">Blogs</a></li><li><a href=\"/admin/pages\" class=\"\">Pages</a></li><li><a href=\"/admin/sms\" # Attachment_Fu 3. 5. class=\"\">SMS</a></li><li><a href=\"/admin/users\" class=\"current\">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=\"content\"> :processor => :MiniMagick <div id=\"main_content\"> <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=\"1.0\" encoding=\"UTF-8\"?> class Screenshot < ActiveRecord::Base <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.1//EN\" \"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd\"> include ActionController::Routing 8 7 1. <html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\"> <head> # Associations belongs_to :user 6 has_many :comments, :dependent => :destroy 5 <script src=\"/javascripts/jquery- has_many :favorites, :dependent => :destroy 1.2.6.min.js?1231171274\" type=\"text/javascript\"></script> has_many :activities, :as => :record, :dependent => 4 <link :destroy 3 2 2. href=\"/stylesheets/citrus_modules/admin.css?1232396021\" media=\"screen\" rel=\"stylesheet\" type=\"text/css\" /> has_many :daily_views_reports, :class_name => 'ScreenshotDailyViewsReport',:dependent => :destroy <title>Admin Site</title> 1 </head> # Acts_as... 0 acts_as_taggable <body class=\"citrus_admin\"> 1. 3. <div id=\"header\"> <h1><a href=\"/admin\">Woop Woop Admin Site</a></h1> <div id=\"utility_nav\"> # 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=\"/logout\">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=\"citrus_admin_tabs\"><li><a href=\"/admin\" before_save :parse_source_url class=\"\">Dashboard</a></li><li><a href=\"/admin/posts\" after_create :log_activity class=\"\">Blogs</a></li><li><a href=\"/admin/pages\" class=\"\">Pages</a></li><li><a href=\"/admin/sms\" # Attachment_Fu 3. 5. class=\"\">SMS</a></li><li><a href=\"/admin/users\" class=\"current\">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=\"content\"> :processor => :MiniMagick <div id=\"main_content\"> <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
    15. http://www.flickr.com/photos/b-tal/2712658213/
    16. ScrnShots Share your inspiration.
    17. http://flickr.com/photos/jvk/6721198/
    18. iphoto, folders, flickr, skitch... etc..
    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. So... we built it!
    21. 6 lessons learned
    22. Lesson 1 of 6: You can’t do everything.
    23. 3 Phases for ScrnShots: Creation Organization Collaboration
    24. “ Good Software takes 10 years. Get used to it ” http://www.joelonsoftware.com/articles/fog0000000017.html
    25. Major Web Application Launch Dates 1996 1998 2001 2002 2003 2004 Hotmail Netflix Wikipedia Last.fm Wordpress Flickr MySpace Basecamp Gmail Facebook
    26. 3 Phases for ScrnShots: Creation Organization Collaboration
    27. 3 Phases for ScrnShots: Creation Organization Collaboration
    28. Lesson 2 of 6: Marketing is the entry point to the user experience.
    29. Launch & Marketing == Lots of Time
    30. Lesson 3 of 6: Iterative design & development is the only way to work.
    31. High Level Planning & Requirements
    32. High Level Planning & Requirements Requirements, Design & Development Iterations
    33. Perfection is the enemy of progress.
    34. big small improvements make differences
    35. Lesson 4 of 6: The feedback loop is smaller than ever. Take advantage.
    36. Lesson 5 of 6: Automate Automate Automate
    37. Lesson 6 of 6: Think systems design.
    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. User Experience thinking must include Systems Thinking
    40. User Experience is dead. Long live the user experience!
    41. Thanks!

    + Greg BellGreg Bell, 10 months ago

    custom

    677 views, 1 favs, 1 embeds more stats

    The importance of a great user experience has never more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 677
      • 673 on SlideShare
      • 4 from embeds
    • Comments 0
    • Favorites 1
    • Downloads 30
    Most viewed embeds
    • 4 views on http://tariqsobh.wordpress.com

    more

    All embeds
    • 4 views on http://tariqsobh.wordpress.com

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories