User Experience is dead. Long live the user experience!

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/2008/12/11/the-report-card.html

“ 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.

Site Maps &
Wireframes Visual Design

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>

<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>

</div>
<div id=quot;contentquot;>
<div id=quot;main_contentquot;>
<h2>Users</h2>

Site Maps &
Wireframes Visual Design HTML & CSS Back-end Dev
<?xml version=quot;1.0quot; encoding=quot;UTF-8quot;?> class Screenshot < ActiveRecord::Base
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
</head> # Acts_as...
acts_as_taggable
<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
<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> _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;>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> :max_size => 5.megabytes,
:thumbnails => { :small_square =>
</div> '100x100!', :med_rect => '215x150!', :large => '680>' },
<div id=quot;contentquot;> :processor => :MiniMagick
<h2>Users</h2> validates_as_attachment

Site Maps &
Wireframes Visual Design HTML & CSS Back-end Dev Web Experience

<html xmlns=quot;http://www.w3.org/1999/xhtmlquot; xml:lang=quot;enquot;> # Associations
<head> belongs_to :user
<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
acts_as_taggable
<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
<p> # Validations
</div> _field
class=quot;quot;>SMS</a></li><li><a href=quot;/admin/usersquot; has_attachment :content_type => :image,
class=quot;currentquot;>Users</a></li></ul> :max_size => 5.megabytes,

Site Maps &
Requirements Wireframes Visual Design HTML & CSS Back-end Dev Web Experience

1. <html xmlns=quot;http://www.w3.org/1999/xhtmlquot; xml:lang=quot;enquot;>
<head>
# Associations
belongs_to :user
<link :destroy
2. href=quot;/stylesheets/citrus_modules/admin.css?1232396021quot;
has_many :daily_views_reports, :class_name =>
'ScreenshotDailyViewsReport',:dependent => :destroy
acts_as_taggable

3. <div id=quot;headerquot;>
# This isn't allowed to be set by mass assigment
attr_protected :flagged

<p> # Validations
4. </div> _field

5. class=quot;quot;>SMS</a></li><li><a href=quot;/admin/usersquot;
has_attachment :content_type => :image,
:storage => :s3,
:max_size => 5.megabytes,

Business Process Site Maps &
& Planning Requirements Wireframes Visual Design HTML & CSS Back-end Dev Web Experience
8
7
<head>
# Associations
belongs_to :user
6 has_many :comments, :dependent => :destroy
5 <script src=quot;/javascripts/jquery- has_many :favorites, :dependent => :destroy
4 <link :destroy
3
2
1 </head> # Acts_as...
0 acts_as_taggable

1. 3. <div id=quot;headerquot;>

<p> # Validations
2. 4. </div> _field

3. 5. class=quot;quot;>SMS</a></li><li><a href=quot;/admin/usersquot;
:storage => :s3,

Business Process Site Maps &
Business & Planning Requirements Wireframes Visual Design HTML & CSS Back-end Dev Web Experience
8
7
<head>
# Associations
belongs_to :user
6 has_many :comments, :dependent => :destroy
5 <script src=quot;/javascripts/jquery- has_many :favorites, :dependent => :destroy
4 <link :destroy
3
2
1 </head> # Acts_as...
0 acts_as_taggable

1. 3. <div id=quot;headerquot;>

<p> # Validations
2. 4. </div> _field

3. 5. class=quot;quot;>SMS</a></li><li><a href=quot;/admin/usersquot;
:storage => :s3,

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,
:med_rect => '215x150!', :large => '680>' },
:processor => :MiniMagick

_as_attachment

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 take good screenshots
✔ Easily look up screenshots for inspiration

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
”
http://www.joelonsoftware.com/articles/fog0000000017.html

Major Web Application Launch Dates

1996 1998 2001 2002 2003 2004
Hotmail Netflix Wikipedia Last.fm Wordpress Flickr
MySpace Basecamp
Gmail
Facebook

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 understood in the context of
relationships with each other and with other
systems, rather than in isolation.
http://en.wikipedia.org/wiki/Systems_thinking
”

User Experience thinking
must include Systems Thinking

User Experience is dead.
Long live the user experience!

User Experience is dead. Long live the user experience!

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

En vedette

En vedette (20)

Similaire à User Experience is dead. Long live the user experience!

Similaire à User Experience is dead. Long live the user experience! (20)

Dernier

Dernier (20)

User Experience is dead. Long live the user experience!