UX Design for Content Management Systems

Download UX Design for Content Management Systems

Post on 11-Aug-2014

132 views

Category:

Design

7 download

Embed Size (px)

DESCRIPTION

 

TRANSCRIPT

<ul><li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com UX FOR CONTENT MANAGEMENT SYSTEMS Dani Nordin, Bentley UXC/the zen kitchen </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Hi. Im Dani. UX Designer/Researcher, Bentley UXC Grad Student, Bentley University UXD Teacher, General Assembly (Boston) UX Lead, Drupal Community Tools Team Author, Drupal for Designers (OReilly, 2012) Co-Organizer, Design 4 Drupal Camp Boston danigrrl on Twitter and D.o </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Lets talk about! A tale of two projects </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com </li> <li> 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 </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Reorganized navigation and content for 98 departments. </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Reorganize permissions so students, faculty and staff could log into the site </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Set up Workbench editorial workflow and training for 250 content editors </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Completely reorganize how departments are presented, including both public and internal content </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Set up an internal Announcements model that allowed users to subscribe to specific announcement categories </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Redesign an internal directory in Drupal using data from user profiles </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Rearchitect the college magazine, Berklee Today, using a custom taxonomy and content type for display </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com </li> <li> 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 </li> <li> 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 </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Whats the dierence between them? </li> <li> 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 &amp; those interacting with them Tasks are fairly broad/limited Easier to start small and ramp up </li> <li> 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 </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com What happens when 98 departments need to train staff and student employees to enter content? </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com A PROCESS and some perspective </li> <li> 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 cant break things? </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Stakeholder Meetings </li> <li> 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 specic 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 </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Personas </li> <li> 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? </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Site Maps </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Stakeholder Meetings </li> <li> 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 </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Content Models </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Architecture Workshops </li> <li> 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. </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Prototypes </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Architecture Workshops </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Stakeholder Meetings </li> <li> 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 Youre asking departments to put in a lot of extra work. </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Content Manager Training </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com Stakeholder Meetings </li> <li> tzk-design.com Twitter: @danigrrl dani@tzk-design.com User Experience is not the work of one person its the work of everyone in the business. </li> </ul>