This document discusses two UX projects for content management systems that Dani Nordin worked on. The first project involved redesigning a university website with 12 weeks, 3-5 user interviews, and deliverables of a 15-page PDF and 15 minute presentation. The second, larger project involved redesigning Berklee College of Music's website over 8 months with extensive stakeholder meetings, prototypes, training documentation and sessions for content editors. The document outlines differences between mobile app and CMS UX projects and key steps in the UX process for complex CMS projects.
7. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
12 weeks
3-5 user interviews
1 designer
A few rounds of feedback and iteration
Process
15-page PDF
15 minute presentation
Deliverables
9. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
Reorganized navigation and content
for 98 departments.
10. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
Reorganize permissions so students,
faculty and staff could log into the site
11. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
Set up Workbench editorial workflow
and training for 250 content editors
12. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
Completely reorganize how
departments are presented, including
both public and internal content
13. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
Set up an internal Announcements
model that allowed users to subscribe
to specific announcement categories
14. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
Redesign an internal directory in Drupal
using data from user profiles
15. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
Rearchitect the college magazine,
Berklee Today, using a custom
taxonomy and content type for display
19. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
8 months
3 months of meetings
98 departments around the college
Constant feedback and iteration cycles
Process
20. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
30+ pages of site maps
Axure prototypes for 6 new features
Content models for 3 new areas
6 Training videos
60+ pages of training documentation
4-6 training sessions for content managers
Deliverables
22. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
Mobile APP UX
• Can
start
solo
or
in
small
teams
• Easier
to
see
patterns
in
functionality/content
• Often
dealing
with
1-‐3
personas
• Mostly
end
users
&
those
interacting
with
them
• Tasks
are
fairly
broad/limited
• Easier
to
start
small
and
ramp
up
23. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
UX for content management systems
• Team
dynamics
are
important,
but
messy
• Projects
can
represent
a
huge
effort
among
a
lot
of
people
• Involves
increasingly
complex
content
and
interaction
patterns
• End
users
are
just
the
tip
of
the
iceberg
• Content
creators
• Department
managers
• Permissions
need
to
be
managed
carefully
24. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
What happens when 98
departments need to train
staff and student employees
to enter content?
26. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
Identify the users and the stakeholders
• What
is
the
goal
of
the
project?
How
does
it
relate
to
the
business
priorities?
• Who
will
be
using
this
site?
• Who
will
be
maintaining
the
content?
How
are
they
feeling
about
the
change?
• What
safeguards/permissions
need
to
be
built
into
the
system
so
that
content
managers
can’t
break
things?
28. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
Task Anon/
NTF
Potential
Traveler
Single
Traveler
Group
Leader
Booked/
BND
Past
Traveler
Site
Editor
Access information about Vantage
Learn about becoming a group leader
Learn about single traveler matching program
Learn about traveling with Vantage
Search for trips
View specific trips
View trip accommodations
View trip itinerary
View trip pricing
View trip departures
Access Vantage contact information
Create an account on the site
Bookmark trips/Add to “wish list”
Vantage Travel - Functional priorities by user role! Created Thursday, February 3, 2011
High priority Medium priority Low priority Question priority Not applicable Requires account setup
Anonymous Prospect CustomerFunctional Priorities
30. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
Evaluate the content
• Where
is
it
coming
from?
• What
needs
to
be
updated
or
deleted?
• What
formatting
needs
exist?
• File
uploads?
• Image
uploads?
• Music
or
video
Siles?
• Who
is
responsible
for
getting
it
into
the
system?
• Who
will
be
maintaining
it?
33. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
Establish your content types
• Identify
commonalities
in
the
content
• Blog
posts
• Announcements
or
News
Items
• Events
• Staff
Pages
• Policies
or
Handbooks?
• Forms?
• Each
will
have
its
own
needs
for
formatting
and
display
36. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
Start prototyping
• Working
in
Axure
helps
establish
patterns
and
priorities
before
code
gets
written
• Annotating
as
you
go
gives
developers
something
to
work
from,
and
avoids
miscommunication
• Breaking
down
work
into
functional
“chunks”
allows
you
to
focus
on
one
piece
while
the
developers
are
working
on
another
piece.
40. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
Understand the political implications
• Your
team
is
building
the
system,
but
other
people
have
to
maintain
this
content.
• Redesigns
signal
a
large
change
in
the
organization
• You’re
asking
departments
to
put
in
a
lot
of
extra
work.
43. tzk-design.com • Twitter: @danigrrl • dani@tzk-design.com
User Experience is not
the work of one person
… it’s the work of everyone
in the business.