moving from a static site to a cms or from one cms to another without losing your mind
DESCRIPTION
TRANSCRIPT
![Page 1: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/1.jpg)
Best Practices in Moving from a Static Website to a CMS (or from one CMS to another): How Not to Lose Your Mind in the Process
Julia Kulla-Maderhttp://www.juliakm.com@JuliaKM
![Page 2: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/2.jpg)
Julia Kulla-MaderIT Manager at the AASHEDrupal user/developer for 4+ years
2
![Page 3: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/3.jpg)
Why am I qualified to give this talk?
• Website redesign alumna
• Just relaunched AASHE.ORG
• Long-time Drupal user/developer
• New mom
3
![Page 4: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/4.jpg)
Some Assumptions
• You are interested in redesigning/reorganizing your organization’s website while you move it to a content management system (CMS)
• You are familiar with the concept of a CMS
• You work for a nonprofit organization with a board of directors
• You work in nonprofit technology
4
![Page 5: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/5.jpg)
Four Things I Want You to Remember
• Rely on objectives, not hunches
• Build the new site for the person who will be maintaining it two years from now
• Design and implement a user-driven redesign process
• The fourth trimester: plan for support after the launch
5
![Page 6: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/6.jpg)
Four Things I Want You to Remember
• Rely on objectives, not hunches
• Build the new site for the person who will be maintaining it two years from now
• Design and implement a user-driven redesign process
• The fourth trimester: plan for support after the launch
6Section: Rely on objectives, not hunches.
![Page 7: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/7.jpg)
Start By Identifying Stakeholders
7Section: Rely on objectives, not hunches.
Sandra Bob
![Page 8: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/8.jpg)
How do we meet Sandra and Bob’s needs?
8Section: Rely on objectives, not hunches.
• Doesn’t see a need for change
• No familiarity with HTML, comfortable to send edits to IT
• Wants to be able to quickly point members to website information
• Prefers to spend as little money as possible Sandra
![Page 9: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/9.jpg)
How do we meet Sandra and Bob’s needs?
9Section: Rely on objectives, not hunches.
• Thinks the current site is “cluttered”
• Heard about a great new CMS from his nephew last week
• Wants the site to look professional
• Loves lots of pictures and movies Bob
![Page 10: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/10.jpg)
Before You Begin: Gather Background Information
• What is the problem we want to solve? Why are we doing this?
• Has this been attempted before? Why did it fail or succeed?
• Is anything at my organization in flux that might change this project?
10Section: Rely on objectives, not hunches.
![Page 11: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/11.jpg)
Develop Objectives with Sandra and Bob
• How will we measure whether the project is successful?
• Each person on the team needs to agree to the project objectives
11Section: Rely on objectives, not hunches.
![Page 12: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/12.jpg)
Example - from AASHE
12Section: Rely on objectives, not hunches.
![Page 13: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/13.jpg)
Plan to engage stakeholders throughout the process
• What phases of the decision process would benefit from involvement by various stakeholder groups? {What phase would not?}
• Should Bob participate in every decision? What about Sandra?
13Section: Rely on objectives, not hunches.
Core Team Extended Team
![Page 14: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/14.jpg)
Example - Engaging Stakeholders
Core Team
Extended Team
Sandra - Program representativeYou* - IT Manager/Web developerMatt - Web developerPaul - Exec. Dir* Project Manager
Board memberMember representativeRepresentative from Team ARepresentative from Team BRepresentative from Team CCore Team
![Page 15: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/15.jpg)
Objectives: Rinse and Repeat
• Throughout the process, when questions or suggestions arise, measure against your objectives
15Section: Rely on objectives, not hunches.
![Page 16: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/16.jpg)
Four Things I Want You to Remember
• Rely on objectives, not hunches
• Build the new site for the person who will be maintaining it two years from now
• Design and implement a user-driven redesign process
• The fourth trimester: plan for support after the launch
16Section: Build the site for the person who will be maintaining it two years from now
![Page 17: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/17.jpg)
Two Years is a Long Time
17Section: Build the site for the person who will be maintaining it two years from now
Ian“Intern”
![Page 18: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/18.jpg)
How do we meet Ian’s needs?
18Section: Build the site for the person who will be maintaining it two years from now
Ian
• Doesn’t care about what a CMS is
• Wants to quickly edit the website
• Wants to integrate the latest social network, Care12.com
• No familiarity with HTML
![Page 19: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/19.jpg)
Choose a CMS that Works for Ian and You
• Maintainability
• Marketplace
• Building Blocks
• WYSIWYGs
19Section: Build the site for the person who will be maintaining it two years from now
![Page 20: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/20.jpg)
CMS Maintainability
• Can you easily upgrade?
• Can you add security fixes?
20Section: Build the site for the person who will be maintaining it two years from now
![Page 21: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/21.jpg)
CMS Marketplace
• How hard is it to find people who are familiar with your CMS?
21Section: Build the site for the person who will be maintaining it two years from now
![Page 22: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/22.jpg)
CMS Building Blocks
• Can your CMS potentially handle all of the fantastic features you want to add in the future?
22Section: Build the site for the person who will be maintaining it two years from now
![Page 23: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/23.jpg)
WYSWIYGs
23Section: Build the site for the person who will be maintaining it two years from now
What’s HTML?
Ian
![Page 24: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/24.jpg)
WYSIWYG: Advantages
• Anyone who has used Word can add or remove content
• Anyone can “make it bolder”
24Section: Build the site for the person who will be maintaining it two years from now
![Page 25: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/25.jpg)
WYSIWYG: Disadvantages
• Extraneous tags
• Time wasted cleaning up bad HTML
• Pasting from Word can be a headache
25Section: Build the site for the person who will be maintaining it two years from now
![Page 26: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/26.jpg)
WYSIWYGs: An Alternative
• Markdown
26Section: Build the site for the person who will be maintaining it two years from now
![Page 27: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/27.jpg)
Markdown/Textile: Advantages
• Your site will look the way your designer intended it to
• Easily edit text and perform simple formatting
27Section: Build the site for the person who will be maintaining it two years from now
![Page 28: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/28.jpg)
Markdown/Textile: Disadvantages
• Users have to learn the basics of a new markup language
• Users cannot “make it pink” easily
28Section: Build the site for the person who will be maintaining it two years from now
![Page 29: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/29.jpg)
WYSIWYG: So what should I do?
29Section: Build the site for the person who will be maintaining it two years from now
• What’s best Ian and you?
• Who will be updating your site on a daily basis?
![Page 30: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/30.jpg)
Bottom Line
• Choose a CMS that works for you (Maintainability, Marketplace, Building Blocks)
• Choose a WYSIWYG that works for you and future you
30Section: Build the site for the person who will be maintaining it two years from now
![Page 31: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/31.jpg)
Four Things I Want You to Remember
• Rely on objectives, not hunches
• Build the new site for the person who will be maintaining it two years from now
• Design and implement a user-driven redesign process
• The fourth trimester: plan for support after the launch
31Section: Design and implement a user-driven redesign process
![Page 32: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/32.jpg)
What does a user-driven process look like?
32Section: Design and implement a user-driven redesign process
Develop clear, universally accepted
objectives
Use card sorting to develop your
navigation
Wireframe Again and Again While Testing Against Objectives
Before you launch test with
stakeholders and non-stakeholders
Throughout the Process:Create, follow, and revise your migration plan
![Page 33: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/33.jpg)
Start with Navigation
• Navigation visually defines your organizations priorities
• Navigation helps people from veering off track
• Navigation keeps people on your website
33Section: Design and implement a user-driven redesign process
![Page 34: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/34.jpg)
Navigation: Card Sorting Is Your Best Friend
34Section: Design and implement a user-driven redesign process
![Page 35: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/35.jpg)
Wireframe Everything Major
• You can go through iterative wireframes and data migration at the same time
• All pages where people are likely to have strong opinions should be wireframed
35Section: Design and implement a user-driven redesign process
![Page 36: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/36.jpg)
Wireframing Tools
• Balsamiq, Omnigraffle, Visio, Photoshop
36Section: Design and implement a user-driven redesign process
![Page 37: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/37.jpg)
Test Wireframes
• Test wireframes with your stakeholders through questions against your objectives
37Section: Design and implement a user-driven redesign process
![Page 38: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/38.jpg)
Wireframe and Test Again Until You Feel Good
• Making changes to a wireframe is easier than making changes to a live site design
38Section: Design and implement a user-driven redesign process
![Page 39: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/39.jpg)
Create a Migration Plan Early
• Migration always sucks! Plan to fail 3 times.
• Create a migration plan BEFORE you start implementing anything else.
39Section: Design and implement a user-driven redesign process
![Page 40: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/40.jpg)
Migration Step One: Clean up that HTML
• Use Dreamweaver Clean Up HTML
• Use HTML Tidy Interface (http://infohound.net/tidy/)
• htmLawed (http://www.bioinformatics.org/phplabware/internal_utilities/htmLawed/)
Section: Design and implement a user-driven redesign process 40
No programming knowledge needed
Programming knowledge required
![Page 41: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/41.jpg)
Migration Step Two: Plan for Import
• Cut and paste
• Use a module/plugin that comes with your CMS
• Import directly into the database using SQL queries
Section: Design and implement a user-driven redesign process 41
![Page 42: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/42.jpg)
Migration Step Three: Content Inventory
• Go through each page on your website and assess whether you want it to be imported
Section: Design and implement a user-driven redesign process 42
![Page 43: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/43.jpg)
Migration Step Four: Test in Bunches
• Migrating everything at one time is a recipe for disaster
Section: Design and implement a user-driven redesign process 43
![Page 44: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/44.jpg)
Reflect Before Moving On
• Does something not seem right? It’s easier to change things before you launch.
• Feedback Army is a good resource for quick tests
44Section: Design and implement a user-driven redesign process
![Page 45: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/45.jpg)
Test and Test Again
• Develop personas to test your site
45Section: Design and implement a user-driven redesign process
Shironda - StudentClaire - Grant Officer
![Page 46: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/46.jpg)
Engage Stakeholders Again at the End
• Let your stakeholders evaluate whether you have met your objectives
46Section: Design and implement a user-driven redesign process
![Page 47: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/47.jpg)
Launch!
47
![Page 48: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/48.jpg)
Four Things I Want You to Remember
• Rely on objectives, not hunches
• Build the new site for the person who will be maintaining it two years from now
• Design and implement a user-driven redesign process
• The fourth trimester: plan for support after the launch
48
![Page 49: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/49.jpg)
The Fourth Trimester: Support after the launch
• Monitor feedback to your revised site
• Have a plan in place for responding to questions and concerns
49Section: Plan for support after the launch
![Page 50: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/50.jpg)
Think Carefully About Permissions
• As you give staff access to the website, think about who should have what editing privileges carefully
Section: Plan for support after the launch
![Page 51: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/51.jpg)
Educate and Support Your Content Editors
• Provide a knowledge base for answering frequently asked questions
• Have one line of communication for questions (ticketing system, email address, etc.)
Section: Plan for support after the launch
![Page 52: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/52.jpg)
Don’t Forget to Update Your Site’s Code
• Update code when needed
• Have a plan in place for how you will find out about and implement code updates
Section: Plan for support after the launch
![Page 53: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/53.jpg)
Summary: Four Things I Want You to Remember
• Rely on objectives, not hunches
• Build the new site for the person who will be maintaining it two years from now
• Design and implement a user-driven redesign process
• The fourth trimester: plan for support after the launch
53
![Page 54: Moving from a Static Site to a CMS or from one CMS to Another Without Losing Your Mind](https://reader033.vdocuments.net/reader033/viewer/2022042623/548159c7b4af9faa158b5fa2/html5/thumbnails/54.jpg)
Thanks for listening!