Web Redesign (cil 2017)

B103: Website Redesign: Techniques & Tools

Tuesday, March 28, 2017
1:15 p.m. - 2:00 p.m.

Presenters: Dana Haugh Roy Degler Emily R. Mitchell
Join three web experts to learn about tips, tools, and techniques for taking the pain out of website redesigns. Haugh provides advice on the visual design of your next site and shows some examples of library web redesigns. Degler takes a look at why many libraries are using popular, free, CSS-based frameworks such as Bootstrap; explains how the grid layout works; and shows how the built-in responsive design layouts can deliver a site that works on desktop, smartphones, and tablets. Often the biggest challenge in redesign isn’t the visual design, content management system or coding. It’s the people and politics. Everyone thinks they know what the library website should look like, but no two people—let alone groups—can ever agree. How do you move ahead with a library redesign when you’re facing conflicting demands from the administration, co-workers, users, and stakeholders? Mitchell tackles this challenge head on and points out the weapons that we have at hand—from data to documentation; and discusses how to wield those weapons effectively to win (almost) any fight in order to build a great website. Grab lots of insights and ideas from this experienced panel.

Transcript

1. Roy Degler - CIL 2017 http://atyourlibrary.com Web Redesign Theory & Technology
3. Nearest Foosball Table www.okiefoos.com
4. Design Theory Agile Mobile First Responsive C.O.P.E. Technology CMS Other Tools Frameworks
5. Agile Mobile First Responsive COPE Theory
6. Small incremental changes Agile Design
7. Agile Design Users know your current website.
8. Agile Design Keep what you have. Users know it.
9. Agile Mobile First Responsive COPE Theory
10. Content over Navigation Mobile First
11. Prioritize! Clarity and Focus Mobile First
12. Agile Mobile First Responsive COPE Theory
13. Responsive Adapt, respond, and overcome
14. Agile Mobile First Responsive COPE Theory
15. Repurpose Content C.O.P.E. Create Once Publish Everywhere.
16. Abstraction & Normalization C.O.P.E. Create Once Publish Everywhere.
17. CMS Other Tools Frameworks Technology
18. CMS Selection CMS
19. Drupal and Wordpress are not the only choices! CMS
20. Support Community CMS
21. Find your path! CMS *Modx is my path
22. CMS Other Tools Frameworks Technology
23. Other Tools
24. LibGuides Other Tools* *Product Placement
25. Machform *Product Placement Other Tools*
26. compass.app (SASS) *This one is free! Other Tools*
27. CMS Other Tools Frameworks Technology
28. Save Time! Tested & Reliable Frameworks
29. Bootstrap Frameworks
30. Foundation Frameworks
31. Material Design Frameworks
32. Accessibility Adaptability Frameworks
33. Bootstrap Frameworks* *Caution Opinion!
34. Putting it all together
35. Design Theory Agile Mobile First Responsive C.O.P.E. Technology CMS Other Tools Frameworks
36. atyourlibrary.com Roy Degler roy.degler@okstate.edu
37. We’ve come to the end of our journey.
38. What’s Next?