5 things to look for in a cms interface
DESCRIPTION
The fonts and notes have not come out well at all, I'll publish a PDF version soon and link from here.TRANSCRIPT
![Page 1: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/1.jpg)
5 things to look for in CMS interfacesAlastair Campbell (@alastc)Bathcamp 06/06/2012
![Page 2: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/2.jpg)
User Interface concepts in CMSs
Me & CMSs
• Co-founder of Nomensa, HCI background
• Our first CMS project was in 2002 (Obtree)
• Accessibility drove us to creating a CMS in 2004 (Defacto 1)
• Looked around for something new in 2008
• Created Defacto 2.0, using Django (but not the admin)
• I work on the Authoring Tool Accessibility Guidelines at W3C (sporadically)
![Page 3: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/3.jpg)
User Interface concepts in CMSsCMS Interface Concepts
Won’t somebody think of the authors?
• Interface model
• Administration model
• What to look for & understand
![Page 4: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/4.jpg)
Page model (Focused)
![Page 5: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/5.jpg)
Wordpress
![Page 6: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/6.jpg)
Immediacy
![Page 7: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/7.jpg)
As Drew McLellan said...
beware the pimped out blog sitedon’t launch a new site with a weblog
cms already stretched to its limits
beware the pimped out blog sitedon’t launch a new site with a weblog
cms already stretched to its limits
![Page 8: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/8.jpg)
Functional model
![Page 9: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/9.jpg)
Technology focused UI
![Page 10: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/10.jpg)
Where to add a page?
![Page 11: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/11.jpg)
Traditional / Enterprise
![Page 12: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/12.jpg)
Everything’s an object
![Page 13: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/13.jpg)
Frameworks
![Page 14: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/14.jpg)
Django (Admin)
![Page 15: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/15.jpg)
The law of CMS interface quality
![Page 16: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/16.jpg)
Is there a technical user?
Defacto
Functional /Traditional
Non
![Page 17: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/17.jpg)
Defacto 2 - Things we wanted
• Target the interface at authors, the development environment at developers
• Task driven interface
• Two steps to publish (create, review, and hit publish)
• Minimise the conceptual distance from CMS interface to website
![Page 18: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/18.jpg)
![Page 19: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/19.jpg)
![Page 20: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/20.jpg)
![Page 21: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/21.jpg)
5 things to look for
• Who is responsible for what?
• Is the CMS’s model appropriate for your site?
• How easy is it for authors to accomplish basic tasks?
• How does it bridge between the UI and the website?
• Check the training documentation - flaws stand out
![Page 22: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/22.jpg)
Thank you!
http://www.nomensa.com@alastc http://alastairc.achttps://plus.google.com/101029316087123794349/about
![Page 23: 5 things to look for in a CMS interface](https://reader035.vdocuments.net/reader035/viewer/2022070304/54c3825e4a79595e5c8b456f/html5/thumbnails/23.jpg)
Picture Credits
• Cottage, by John Pickenhttp://www.flickr.com/photos/picken/2531404152/
• Pre-fab house, by seier+seier+seierhttp://www.flickr.com/photos/seier/3678135417/
• Mansion 2, by Paraflyerhttp://www.flickr.com/photos/paraflyer/1494921862/
• Lego bricks, by 713 Avenuehttp://www.flickr.com/photos/seven13avenue/2080281038/