SlideShare une entreprise Scribd logo
1  sur  26
Télécharger pour lire hors ligne
Web Redesign
Strategies for Success
SusanTeague-Rector, NCSU Libraries
Angie Ballard, NCSU Libraries
Tony Dunn’s TalesFromRedesignLand.
http://redesignland.blogspot.com/2007/12/wel
come-to-redesignland.html
The Landscape
 ~22 K html pages
 Last major redesign: 2005
 15+ dis-integrated PHP apps
 Multiple navigation systems
 27+ sub-sites
 65+ content “owners”
 No CMS in place
 7 months to redesign
 2.5 memberWeb team
Strategy: Make redesign an organization-wide
priority
To find the better answers for your design
problem, you need to know the context it sits
within.You need to know what you’re trying to
achieve, what a successful outcome is and what
you have to get you there…
Donna Spencer. There’s No Right Answer. 52
Weeks of UX.
http://52weeksofux.com/post/694599232/theres-
no-right-answer
Strategy: Clearly Articulate Vision & Goals
Create a fresh, modern, and
welcoming site, with a clear
personality brand for the library;
Streamline homepage access to
search functionality and core user
tasks;
Create a Web site that
accommodates a dynamic,
continually updated online
presence, with a clear emphasis on
innovative library initiatives and
offerings;
Design a Web site infrastructure that
is flexible and nimble.
Organizational Priorities
User Experience (UX) Guiding Principles
Overall Design Strategy
 Convey credibility with design
quality and consistency
 Focus on core user needs
 Use clear and consistent
language in labeling to increase
user confidence
 Promote intangibles through
visual design and messaging
Strategy: Hire a Project Manager
http://www.toothpastefordinner.com/
archives/2009/Jan/
Project
Schedule
Strategy: Charge a core implementation team
Strategy: Keep the ProcessTransparent
Strategy: Commit to User-CenteredThinking
Personas
Strategy: Use Agile Methodologies
Strategy: Set expectations for an iterative process
Architecture & Design Iterations
Strategy: Conduct quick testing with prototypes
Guerilla from: http://silverbackapp.com/
Strategy: Fight the urge to design too early
Too often, look and feel, color scheme, layout,
and identity are presented as solutions to
problems discussed in these conversations long
before regard is given to other less-aesthetic
issues that may very well be the root of the
problem.
Moll(2005). Good Designers Redesign, Great
Designers Realign.
http://www.alistapart.com/articles/redesignrealign/
Strategy: Commit to understanding your content
As a community, we’re rather quiet on the
matter of content…Do you think it’s a
coincidence, then, that web content is, for the
most part, crap?
Halvorson (2008). The Discipline of Content
Stategy.
http://www.alistapart.com/articles/thedisciplineofc
ontentstrategy/
In a Nutshell…
1. Make the project an organizational priority
2. Hire a Project Manager
3. Define a core implementation team and give them freedom to do
their job
4. Communicate regularly and keep the process transparent
5. Commit to a user-centered process
6. Use Agile Methodologies
7. Set expectations for an iterative, agile process
8. Conduct quick testing with prototypes
9. Fight the urge to design too early
10. Commit to understanding your content
Internet librarian v9
Internet librarian v9
Visit Our New Site
http://www.lib.ncsu.edu
Learn More About Our Process
http://news.lib.ncsu.edu/redesign
Thank you!
Questions?
seteague@ncsu.edu
aballard@ncsu.edu

Contenu connexe

Tendances

Session 3: Sketching and User-centered Design
Session 3: Sketching and User-centered DesignSession 3: Sketching and User-centered Design
Session 3: Sketching and User-centered DesignLeanna Gingras
 
Session 1 - What is "Doing UX"?
Session 1 - What is "Doing UX"?Session 1 - What is "Doing UX"?
Session 1 - What is "Doing UX"?Leanna Gingras
 
Agile UX Research – Ben Ralph
Agile UX Research – Ben RalphAgile UX Research – Ben Ralph
Agile UX Research – Ben RalphBen Ralph
 
Design for Developers: Nashville Software School (Summary)
Design for Developers:  Nashville Software School (Summary)Design for Developers:  Nashville Software School (Summary)
Design for Developers: Nashville Software School (Summary)Susan Culkin
 
Session 5 - Measuring UX + Getting Into UX
Session 5  - Measuring UX + Getting Into UXSession 5  - Measuring UX + Getting Into UX
Session 5 - Measuring UX + Getting Into UXLeanna Gingras
 
UX-led Content Strategy (UXPA webinar)
UX-led Content Strategy (UXPA webinar)UX-led Content Strategy (UXPA webinar)
UX-led Content Strategy (UXPA webinar)Mike Donahue
 
The Collaborative UX Designer's Toolbox
The Collaborative UX Designer's ToolboxThe Collaborative UX Designer's Toolbox
The Collaborative UX Designer's ToolboxLane Goldstone
 
Rethinking UX Research - Design4Drupal 2014 keynote presentation
Rethinking UX Research - Design4Drupal 2014 keynote presentationRethinking UX Research - Design4Drupal 2014 keynote presentation
Rethinking UX Research - Design4Drupal 2014 keynote presentationPerfetti Media
 
User-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design ProcessUser-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design ProcessDave Cooksey
 
Hybrid User Interviews
Hybrid User InterviewsHybrid User Interviews
Hybrid User InterviewsLane Goldstone
 
Session 2 - 10000 Feet Up
Session 2 - 10000 Feet UpSession 2 - 10000 Feet Up
Session 2 - 10000 Feet UpLeanna Gingras
 
DrupalCon Austin: UX Bootcamp workshop
DrupalCon Austin: UX Bootcamp workshopDrupalCon Austin: UX Bootcamp workshop
DrupalCon Austin: UX Bootcamp workshopPerfetti Media
 
Responsive Design Workflow
Responsive Design WorkflowResponsive Design Workflow
Responsive Design WorkflowShivanku Kumar
 
UX Research - Overview
UX Research - OverviewUX Research - Overview
UX Research - OverviewMike Gallers
 
UXPA Lean UX Bridging the gap between UX and Developers
UXPA Lean UX Bridging the gap between UX and DevelopersUXPA Lean UX Bridging the gap between UX and Developers
UXPA Lean UX Bridging the gap between UX and DevelopersAndrew Mottaz
 
Session 1: UX Process + Interviewing
Session 1: UX Process + InterviewingSession 1: UX Process + Interviewing
Session 1: UX Process + InterviewingLeanna Gingras
 
Prototyping Information Architecture
Prototyping Information ArchitecturePrototyping Information Architecture
Prototyping Information Architectureleisa reichelt
 
NoVA UX Meetup: Product Testing and Data-informed Design
NoVA UX Meetup: Product Testing and Data-informed DesignNoVA UX Meetup: Product Testing and Data-informed Design
NoVA UX Meetup: Product Testing and Data-informed DesignJim Lane
 
Pbl learn by doing for flinders
Pbl   learn by doing for flindersPbl   learn by doing for flinders
Pbl learn by doing for flindersMark Burgess
 

Tendances (20)

Session 3: Sketching and User-centered Design
Session 3: Sketching and User-centered DesignSession 3: Sketching and User-centered Design
Session 3: Sketching and User-centered Design
 
Session 1 - What is "Doing UX"?
Session 1 - What is "Doing UX"?Session 1 - What is "Doing UX"?
Session 1 - What is "Doing UX"?
 
Agile UX Research – Ben Ralph
Agile UX Research – Ben RalphAgile UX Research – Ben Ralph
Agile UX Research – Ben Ralph
 
Design for Developers: Nashville Software School (Summary)
Design for Developers:  Nashville Software School (Summary)Design for Developers:  Nashville Software School (Summary)
Design for Developers: Nashville Software School (Summary)
 
Session 5 - Measuring UX + Getting Into UX
Session 5  - Measuring UX + Getting Into UXSession 5  - Measuring UX + Getting Into UX
Session 5 - Measuring UX + Getting Into UX
 
UX-led Content Strategy (UXPA webinar)
UX-led Content Strategy (UXPA webinar)UX-led Content Strategy (UXPA webinar)
UX-led Content Strategy (UXPA webinar)
 
The Collaborative UX Designer's Toolbox
The Collaborative UX Designer's ToolboxThe Collaborative UX Designer's Toolbox
The Collaborative UX Designer's Toolbox
 
Rethinking UX Research - Design4Drupal 2014 keynote presentation
Rethinking UX Research - Design4Drupal 2014 keynote presentationRethinking UX Research - Design4Drupal 2014 keynote presentation
Rethinking UX Research - Design4Drupal 2014 keynote presentation
 
User-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design ProcessUser-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design Process
 
Hybrid User Interviews
Hybrid User InterviewsHybrid User Interviews
Hybrid User Interviews
 
Delivering a successful design
Delivering a successful designDelivering a successful design
Delivering a successful design
 
Session 2 - 10000 Feet Up
Session 2 - 10000 Feet UpSession 2 - 10000 Feet Up
Session 2 - 10000 Feet Up
 
DrupalCon Austin: UX Bootcamp workshop
DrupalCon Austin: UX Bootcamp workshopDrupalCon Austin: UX Bootcamp workshop
DrupalCon Austin: UX Bootcamp workshop
 
Responsive Design Workflow
Responsive Design WorkflowResponsive Design Workflow
Responsive Design Workflow
 
UX Research - Overview
UX Research - OverviewUX Research - Overview
UX Research - Overview
 
UXPA Lean UX Bridging the gap between UX and Developers
UXPA Lean UX Bridging the gap between UX and DevelopersUXPA Lean UX Bridging the gap between UX and Developers
UXPA Lean UX Bridging the gap between UX and Developers
 
Session 1: UX Process + Interviewing
Session 1: UX Process + InterviewingSession 1: UX Process + Interviewing
Session 1: UX Process + Interviewing
 
Prototyping Information Architecture
Prototyping Information ArchitecturePrototyping Information Architecture
Prototyping Information Architecture
 
NoVA UX Meetup: Product Testing and Data-informed Design
NoVA UX Meetup: Product Testing and Data-informed DesignNoVA UX Meetup: Product Testing and Data-informed Design
NoVA UX Meetup: Product Testing and Data-informed Design
 
Pbl learn by doing for flinders
Pbl   learn by doing for flindersPbl   learn by doing for flinders
Pbl learn by doing for flinders
 

Similaire à Internet librarian v9

Content Strategy in Higher Education
Content Strategy in Higher EducationContent Strategy in Higher Education
Content Strategy in Higher EducationJ. Todd Bennett
 
Getting Started with Content Strategy | General Assembly
Getting Started with Content Strategy | General AssemblyGetting Started with Content Strategy | General Assembly
Getting Started with Content Strategy | General AssemblyMelanie Seibert
 
Gateway to Agile: Product Discovery - Lean UX and Design Sprints
Gateway to Agile: Product Discovery - Lean UX and Design SprintsGateway to Agile: Product Discovery - Lean UX and Design Sprints
Gateway to Agile: Product Discovery - Lean UX and Design SprintsGervais Johnson, Advisor
 
Managing Documentation Projects in a Collaborative World
Managing Documentation Projects in a Collaborative WorldManaging Documentation Projects in a Collaborative World
Managing Documentation Projects in a Collaborative WorldLarry Kunz
 
T2L3.doc
T2L3.docT2L3.doc
T2L3.docbutest
 
DigitalNZ presentation to JISC
DigitalNZ presentation to JISCDigitalNZ presentation to JISC
DigitalNZ presentation to JISCDigitalNZ
 
Masterclass Content Journeys
Masterclass Content JourneysMasterclass Content Journeys
Masterclass Content JourneysInformaat
 
The Making of 'The Language of Content Strategy' - by Scott Abel, The Content...
The Making of 'The Language of Content Strategy' - by Scott Abel, The Content...The Making of 'The Language of Content Strategy' - by Scott Abel, The Content...
The Making of 'The Language of Content Strategy' - by Scott Abel, The Content...Scott Abel
 
Collaboration on SharePoint: What Does It Actually Mean for Your Organization...
Collaboration on SharePoint: What Does It Actually Mean for Your Organization...Collaboration on SharePoint: What Does It Actually Mean for Your Organization...
Collaboration on SharePoint: What Does It Actually Mean for Your Organization...SPTechCon
 
The Dual-Track Agile UX Process at Dell EMC
The Dual-Track Agile UX Process at Dell EMCThe Dual-Track Agile UX Process at Dell EMC
The Dual-Track Agile UX Process at Dell EMCuxpin
 
MB Design Systems slides.pdf
MB Design Systems slides.pdfMB Design Systems slides.pdf
MB Design Systems slides.pdf1508 A/S
 
Design Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: WireframeDesign Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: WireframeGessica Puri
 
There's a People Problem Lurking Behind Your Digital Strategy
There's a People Problem Lurking Behind Your Digital StrategyThere's a People Problem Lurking Behind Your Digital Strategy
There's a People Problem Lurking Behind Your Digital StrategyErin Scime
 
UX Design with Limited Resources
UX Design with Limited ResourcesUX Design with Limited Resources
UX Design with Limited ResourcesZeke Franco
 
Out of the silos and into the farm (NEPHP 2014)
Out of the silos and into the farm (NEPHP 2014)Out of the silos and into the farm (NEPHP 2014)
Out of the silos and into the farm (NEPHP 2014)Marli Mesibov
 
What can DesignOps do for you? by Carol Smith at TLMUX in Montreal
What can DesignOps do for you? by Carol Smith at TLMUX in MontrealWhat can DesignOps do for you? by Carol Smith at TLMUX in Montreal
What can DesignOps do for you? by Carol Smith at TLMUX in MontrealCarol Smith
 
Change Lab Prototype Deck
Change Lab Prototype DeckChange Lab Prototype Deck
Change Lab Prototype Deckbrianenright
 

Similaire à Internet librarian v9 (20)

Content Strategy in Higher Education
Content Strategy in Higher EducationContent Strategy in Higher Education
Content Strategy in Higher Education
 
Getting Started with Content Strategy | General Assembly
Getting Started with Content Strategy | General AssemblyGetting Started with Content Strategy | General Assembly
Getting Started with Content Strategy | General Assembly
 
Content Strategist
Content StrategistContent Strategist
Content Strategist
 
Gateway to Agile: Product Discovery - Lean UX and Design Sprints
Gateway to Agile: Product Discovery - Lean UX and Design SprintsGateway to Agile: Product Discovery - Lean UX and Design Sprints
Gateway to Agile: Product Discovery - Lean UX and Design Sprints
 
Introducing Website Redux
Introducing Website ReduxIntroducing Website Redux
Introducing Website Redux
 
Managing Documentation Projects in a Collaborative World
Managing Documentation Projects in a Collaborative WorldManaging Documentation Projects in a Collaborative World
Managing Documentation Projects in a Collaborative World
 
T2L3.doc
T2L3.docT2L3.doc
T2L3.doc
 
DigitalNZ presentation to JISC
DigitalNZ presentation to JISCDigitalNZ presentation to JISC
DigitalNZ presentation to JISC
 
Masterclass Content Journeys
Masterclass Content JourneysMasterclass Content Journeys
Masterclass Content Journeys
 
The Making of 'The Language of Content Strategy' - by Scott Abel, The Content...
The Making of 'The Language of Content Strategy' - by Scott Abel, The Content...The Making of 'The Language of Content Strategy' - by Scott Abel, The Content...
The Making of 'The Language of Content Strategy' - by Scott Abel, The Content...
 
Collaboration on SharePoint: What Does It Actually Mean for Your Organization...
Collaboration on SharePoint: What Does It Actually Mean for Your Organization...Collaboration on SharePoint: What Does It Actually Mean for Your Organization...
Collaboration on SharePoint: What Does It Actually Mean for Your Organization...
 
The Dual-Track Agile UX Process at Dell EMC
The Dual-Track Agile UX Process at Dell EMCThe Dual-Track Agile UX Process at Dell EMC
The Dual-Track Agile UX Process at Dell EMC
 
MB Design Systems slides.pdf
MB Design Systems slides.pdfMB Design Systems slides.pdf
MB Design Systems slides.pdf
 
DesignOps 101
DesignOps 101DesignOps 101
DesignOps 101
 
Design Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: WireframeDesign Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: Wireframe
 
There's a People Problem Lurking Behind Your Digital Strategy
There's a People Problem Lurking Behind Your Digital StrategyThere's a People Problem Lurking Behind Your Digital Strategy
There's a People Problem Lurking Behind Your Digital Strategy
 
UX Design with Limited Resources
UX Design with Limited ResourcesUX Design with Limited Resources
UX Design with Limited Resources
 
Out of the silos and into the farm (NEPHP 2014)
Out of the silos and into the farm (NEPHP 2014)Out of the silos and into the farm (NEPHP 2014)
Out of the silos and into the farm (NEPHP 2014)
 
What can DesignOps do for you? by Carol Smith at TLMUX in Montreal
What can DesignOps do for you? by Carol Smith at TLMUX in MontrealWhat can DesignOps do for you? by Carol Smith at TLMUX in Montreal
What can DesignOps do for you? by Carol Smith at TLMUX in Montreal
 
Change Lab Prototype Deck
Change Lab Prototype DeckChange Lab Prototype Deck
Change Lab Prototype Deck
 

Plus de teaguese

Librarian UXUnConference
Librarian UXUnConferenceLibrarian UXUnConference
Librarian UXUnConferenceteaguese
 
TTYL IRL :) : Strategies and Tools for Remote Library Teams
TTYL IRL :) : Strategies and Tools for Remote Library TeamsTTYL IRL :) : Strategies and Tools for Remote Library Teams
TTYL IRL :) : Strategies and Tools for Remote Library Teamsteaguese
 
Live Usability Lab ELUNA 2008: Long Beach California
Live Usability Lab ELUNA 2008: Long Beach CaliforniaLive Usability Lab ELUNA 2008: Long Beach California
Live Usability Lab ELUNA 2008: Long Beach Californiateaguese
 
NCSU Libraries Usability Testing
NCSU Libraries  Usability TestingNCSU Libraries  Usability Testing
NCSU Libraries Usability Testingteaguese
 
NCSU Libraries 2010 Web site Redesign: Process & Progress
NCSU Libraries 2010 Web site Redesign: Process & ProgressNCSU Libraries 2010 Web site Redesign: Process & Progress
NCSU Libraries 2010 Web site Redesign: Process & Progressteaguese
 
NCSU Libraries: Rapid user testing with prototypes
NCSU Libraries: Rapid user testing with prototypesNCSU Libraries: Rapid user testing with prototypes
NCSU Libraries: Rapid user testing with prototypesteaguese
 
Location, location, location: A transaction comparison of catalog searches ...
Location, location, location: A transaction comparison of catalog searches ...Location, location, location: A transaction comparison of catalog searches ...
Location, location, location: A transaction comparison of catalog searches ...teaguese
 
Best practices for building usable & accessible Web content
Best practices for building usable  & accessible Web contentBest practices for building usable  & accessible Web content
Best practices for building usable & accessible Web contentteaguese
 
Web 2.0 In a Nutshell : A Librarian Guide to the World of Web 2.0
Web 2.0 In a Nutshell: A Librarian Guide to the World of Web 2.0Web 2.0 In a Nutshell: A Librarian Guide to the World of Web 2.0
Web 2.0 In a Nutshell : A Librarian Guide to the World of Web 2.0teaguese
 
NCSU Libraries: Rapid user testing with prototypes
NCSU Libraries: Rapid user testing with prototypesNCSU Libraries: Rapid user testing with prototypes
NCSU Libraries: Rapid user testing with prototypesteaguese
 
Best practices for building usable & accessible Web content
Best practices for building usable  & accessible Web contentBest practices for building usable  & accessible Web content
Best practices for building usable & accessible Web contentteaguese
 
Location, location, location: A transaction comparison of catalog searches o...
Location, location, location:A transaction comparison of catalog searches o...Location, location, location:A transaction comparison of catalog searches o...
Location, location, location: A transaction comparison of catalog searches o...teaguese
 

Plus de teaguese (14)

Librarian UXUnConference
Librarian UXUnConferenceLibrarian UXUnConference
Librarian UXUnConference
 
TTYL IRL :) : Strategies and Tools for Remote Library Teams
TTYL IRL :) : Strategies and Tools for Remote Library TeamsTTYL IRL :) : Strategies and Tools for Remote Library Teams
TTYL IRL :) : Strategies and Tools for Remote Library Teams
 
Live Usability Lab ELUNA 2008: Long Beach California
Live Usability Lab ELUNA 2008: Long Beach CaliforniaLive Usability Lab ELUNA 2008: Long Beach California
Live Usability Lab ELUNA 2008: Long Beach California
 
NCSU Libraries Usability Testing
NCSU Libraries  Usability TestingNCSU Libraries  Usability Testing
NCSU Libraries Usability Testing
 
NCSU Libraries 2010 Web site Redesign: Process & Progress
NCSU Libraries 2010 Web site Redesign: Process & ProgressNCSU Libraries 2010 Web site Redesign: Process & Progress
NCSU Libraries 2010 Web site Redesign: Process & Progress
 
NCSU Libraries: Rapid user testing with prototypes
NCSU Libraries: Rapid user testing with prototypesNCSU Libraries: Rapid user testing with prototypes
NCSU Libraries: Rapid user testing with prototypes
 
Location, location, location: A transaction comparison of catalog searches ...
Location, location, location: A transaction comparison of catalog searches ...Location, location, location: A transaction comparison of catalog searches ...
Location, location, location: A transaction comparison of catalog searches ...
 
Best practices for building usable & accessible Web content
Best practices for building usable  & accessible Web contentBest practices for building usable  & accessible Web content
Best practices for building usable & accessible Web content
 
Web 2.0 In a Nutshell : A Librarian Guide to the World of Web 2.0
Web 2.0 In a Nutshell: A Librarian Guide to the World of Web 2.0Web 2.0 In a Nutshell: A Librarian Guide to the World of Web 2.0
Web 2.0 In a Nutshell : A Librarian Guide to the World of Web 2.0
 
NCSU Libraries: Rapid user testing with prototypes
NCSU Libraries: Rapid user testing with prototypesNCSU Libraries: Rapid user testing with prototypes
NCSU Libraries: Rapid user testing with prototypes
 
Best practices for building usable & accessible Web content
Best practices for building usable  & accessible Web contentBest practices for building usable  & accessible Web content
Best practices for building usable & accessible Web content
 
Location, location, location: A transaction comparison of catalog searches o...
Location, location, location:A transaction comparison of catalog searches o...Location, location, location:A transaction comparison of catalog searches o...
Location, location, location: A transaction comparison of catalog searches o...
 
Trln
TrlnTrln
Trln
 
Trln
TrlnTrln
Trln
 

Internet librarian v9

  • 1. Web Redesign Strategies for Success SusanTeague-Rector, NCSU Libraries Angie Ballard, NCSU Libraries
  • 3. The Landscape  ~22 K html pages  Last major redesign: 2005  15+ dis-integrated PHP apps  Multiple navigation systems  27+ sub-sites  65+ content “owners”  No CMS in place  7 months to redesign  2.5 memberWeb team
  • 4. Strategy: Make redesign an organization-wide priority
  • 5. To find the better answers for your design problem, you need to know the context it sits within.You need to know what you’re trying to achieve, what a successful outcome is and what you have to get you there… Donna Spencer. There’s No Right Answer. 52 Weeks of UX. http://52weeksofux.com/post/694599232/theres- no-right-answer Strategy: Clearly Articulate Vision & Goals
  • 6. Create a fresh, modern, and welcoming site, with a clear personality brand for the library; Streamline homepage access to search functionality and core user tasks; Create a Web site that accommodates a dynamic, continually updated online presence, with a clear emphasis on innovative library initiatives and offerings; Design a Web site infrastructure that is flexible and nimble. Organizational Priorities
  • 7. User Experience (UX) Guiding Principles
  • 8. Overall Design Strategy  Convey credibility with design quality and consistency  Focus on core user needs  Use clear and consistent language in labeling to increase user confidence  Promote intangibles through visual design and messaging
  • 9. Strategy: Hire a Project Manager http://www.toothpastefordinner.com/ archives/2009/Jan/
  • 11. Strategy: Charge a core implementation team
  • 12. Strategy: Keep the ProcessTransparent
  • 13. Strategy: Commit to User-CenteredThinking
  • 15. Strategy: Use Agile Methodologies
  • 16. Strategy: Set expectations for an iterative process
  • 17. Architecture & Design Iterations
  • 18. Strategy: Conduct quick testing with prototypes Guerilla from: http://silverbackapp.com/
  • 19. Strategy: Fight the urge to design too early Too often, look and feel, color scheme, layout, and identity are presented as solutions to problems discussed in these conversations long before regard is given to other less-aesthetic issues that may very well be the root of the problem. Moll(2005). Good Designers Redesign, Great Designers Realign. http://www.alistapart.com/articles/redesignrealign/
  • 20. Strategy: Commit to understanding your content As a community, we’re rather quiet on the matter of content…Do you think it’s a coincidence, then, that web content is, for the most part, crap? Halvorson (2008). The Discipline of Content Stategy. http://www.alistapart.com/articles/thedisciplineofc ontentstrategy/
  • 21. In a Nutshell… 1. Make the project an organizational priority 2. Hire a Project Manager 3. Define a core implementation team and give them freedom to do their job 4. Communicate regularly and keep the process transparent 5. Commit to a user-centered process 6. Use Agile Methodologies 7. Set expectations for an iterative, agile process 8. Conduct quick testing with prototypes 9. Fight the urge to design too early 10. Commit to understanding your content
  • 24. Visit Our New Site http://www.lib.ncsu.edu
  • 25. Learn More About Our Process http://news.lib.ncsu.edu/redesign

Notes de l'éditeur

  1. At NCSU, we kicked off a website redesign project in late January of this year and launched our new site in mid-August. We brought our redesign story to Internet Librarian this year NOT so that we could tell you about all the great things about our new site. but so that we could share some of the project management techniques and organizational factors that led us to a successful product, but also to really positive process.
  2. We started our project the way most of us had seen it happen before – with a committee of 15 people. In the first meeting of that group, at least two people told detailed horror stories about redesigns they’d participated in before and warned that the best we could do was establish some ground rules for conflict resolution up-front. Susan and I were determined that this did not have to be a tedious and contentious process and began to strategize about how to keep it positive while still moving quickly.
  3. First, some obligatory background so you get a sense of the scope of the project…. The last major redesign had been done in 2005. The old Information Architecture based on dividing the entire world of libraries into 6 categories of homepage links had been limiting nearly from the beginning, and so…. … over 27 sub-sites had evolved their own internal navigation systems, silo-ed content, and in some cases, distinct visual designs. And because we’re blessed with development resources at NCSU, our users had become dependent on over 15 popular web-based applications that were hanging off the existing site, but not integrated visually or functionally with the site.
  4. Rather than jumping right in to speculation about navigation or talking about design wish lists, we spent some time articulating the goals for the new site the over-arching principles that would drive the process and the scope and nature of the work involved. The key here is that the entire organization made a commitment to prioritize this project. Website redesign was identified as one of the 15 top strategic initiatives for the library for 2010-11 – on par with progress on our new building.
  5. Once everyone is on board about the priority & resources for the project, spend time clearly articulating your vision and goals. Quoting Donna Spencer here… “You need to know what you’re trying to achieve, what a successful outcome is and what you have to get there…
  6. In our case, we identified 4 organizational priorities. We knew that we wanted to: Create a fresher, more modern, and welcoming site, with a clear personality brand for the library; Streamline homepage access to search functionality and core user tasks; Create a Web site that accommodates a dynamic, continually updated online presence, with a clear emphasis on innovative library initiatives Move to a Web site infrastructure that is flexible and nimble – making later iterations or redesign more agile.
  7. In addition to organizational goals, we explicitly recognized Trust, Relevance, and Consistency as guiding principles for optimizing user experience (UX). Across many industries that serve large populations of online users (e.g., large-scale ecommerce enterprises, online banking, web-based news services) UX models have evolved such that users trust they will find the features, tools, information, and support they expect. In a good UX model, users can also trust that features and tools will be arranged, labeled, and grouped in predictable ways. In the most successful online enterprises, users are not distracted by a site’s design. The site's design, messaging, and the ways users can choose to interact with it, all convey the impression that the site is relevant to users' lives. When a user is confident, productive, and feels at home on a site, the UX design is successful.
  8. Then we went a step further and defined an overall design strategy that consisted of: 1.Conveying credibility with design quality and consistency. 2. Focusing on core user needs 3.Using clear and consistent language in labeling to increase user confidence. 4.Promoting intangibles such as the energy and personality of the library through visual design and messaging.
  9. In order to make sure we stayed true to our vision and goals, we decided to hire a project manager. We were fortunate enough to be able to hire someone from outside the organization for 18 months to get us through the visual web redesign project and the transition to a CMS. (You’ll hear from her shortly). We clearly defined a very strong role for the project manager and re-iterated throughout the project that the core project team was accountable to her. At first people were nervous about losing control to a project manager, but quickly came to trust her experience and feel more secure with the process. Note: If you can’t hire a project manager, then spend some resources BEFORE you launch your project developing someone in-house. Most importantly, re-assign them temporarily to this project full-time. For the project duration, website redesign should be at least one person’s full time job.
  10. Use the tools of project management. I’ve worked on many projects where we had good intentions at the outset for project planning & scheduling, but didn’t stay committed to using the tools throughout the project. This is where having a project manager who’s job it is to track and illustrate the progress of the team is critical.
  11. So, as an organization, we grasped just in time that a large-scale redesign can’t be done by committee. The initial 15-person group quickly stepped back into the role of reaction panel and met all together only 4 times during the 7-month project We defined a core implementation team of 4 that met in daily morning meetings and included the project manager, the web services manager, a developer and a technician. We also had an executive team that involved 2 administrators – our deputy director and communications director met weekly with us to help manage scope and staff communications Throughout the project, our administrators understood the need to clear a path and protect the flanks of the implementation team so that we could get the work done.
  12. Of course, trusting the work to a small team only works if the process is very transparent throughout the entire project. We developed & publicized a communications plan for the project very early in the process. - delivered presentations to staff around scheduled milestones - shared everything about user research throughout the project And we started a public blog to capture the progress and artifacts of the Web redesign process and marketed that to staff and users as the go-to place for updates on website redesign.
  13. In addition to communications, defining a team and setting out goals and priorities, we found that the entire organization has to be committed to a user-centered process early on to make the project successful.   Before you start a redesign project invest time in training, virtual seminars, discussions, etc. to cultivate true UX thinking throughout the organization. UX thinking will make it easier to keep the redesign focused on the end user.   We utilized the UIE webinar series (which we had purchased for staff) to educate folks on the redesign team throughout the project.   Additionally, ensure that throughout the project, you share findings from user research with staff and the public.   We did several open sessions to communicate the process we were using as well as findings from user research and testing.
  14. During the discovery phase of the project, we hired consultants to do a series of interviews with undergraduates, graduates, faculty, and staff across NCSU. The interview results were compiled, and personas, or archetypes/composites of various users were created. We decided to develop personas as we felt like the in-depth interviews would give us a better understanding of the motivations, priorities, interests and needs of our end-users. The personas helped keep everyone on the larger team focused on the end user. When the discussions started to devolve into personal preferences about design, we were able to reference the personas and underscore user needs and priorities we had identified in the personas. For example, we often asked in meetings what would Jessica do or how would Ansari navigate to research tools?
  15. From Agile software methodology we adopted daily scrums or stand –up meetings during the development phases of the project.   These helped further communication between the project manager and Web team members.   These meetings were short – 15 – 30 minutes and occurred each day at 9am – even if folks were out on leave, we continued our daily stand-up   The daily stand up provided a place for us to air concerns, issues and progress on the project. It helped the project manager also keep in touch with what was going on in the development phase of the redesign.
  16. From the beginning of the project, we stressed the importance of having an iterative process.   The core implementation team worked with select members from the 15-person reaction panel in both the IA and design phases of the project.  
  17. We discussed proposed IA and design comps in multiple small groups rather than with the full 15-person reaction panel so as not get bogged down in detailed design discussions before IA was fully fleshed out.   We also limited the number of options for discussion to 3 wireframes and two design comps.
  18. During our discovery phase of the project, we did testing of early prototypes of our proposed navigation schemes and search models.   Be creative in how you implement testing.   In 2 rounds of guerilla testing where participants are recruited on the spot in the library and they complete only 2-4 tasks, we were able to test a total of 60 participants over the course of the project. A total of 228 navigation & search tasks were answered by participants, providing us with a large amount of data to use in the design of the site.
  19. As with many redesign projects, folks tend to jump in early with design mockups. Resist the urge to do this. We did not develop any design comps until we had completed a large amount of user research – looking at personas and web site usage analysis and patterns. We also conducted an extensive review of our content.   We set expectations for this approach from the beginning in our project plan.    If you’re working with a larger committee, don’t let discussions devolve into arguments or recommendations about the design itself at the very beginning of the project.   Once a design idea is shared, stakeholders (and sometimes project team members) lose some of their ability to be objective about IA and other UX elements of the site.
  20. Last but not least, commit to understanding your content.   Quite often the content of your site is lost to discussions around link color, background images, and so on–decide early on that you’re going to focus on the content as well as the design.   During the user research phase of the project, we created a content inventory and content analysis of the first 3 levels of the site. The content inventory helped us prioritize content for the redesign as well as set the scope of the project.
  21. The old site
  22. Our new site Because we’re committed to an iterative process, we plan to take this design back to the students for usability testing. We will update the design as needed and iterate on it in the coming months.