Download as PDF, PPTX
Uploaded byKatie Santo
CMS Design and Layout Best Practices (v4)
The document outlines best practices for CMS design and layout with a focus on user experience and usability. It emphasizes the importance of mobile-friendly content, proper use of imagery, and maintaining a clear content hierarchy through header formats. Additional resources and activities are provided to enhance understanding and implementation of these practices.
More Related Content
Similar to CMS Design and Layout Best Practices (v4)
CMS Design and Layout Best Practices (v4)
- 1. CMS DESIGN &LAYOUT BEST PRACTICES KATIE SANTO WEB TRAINING & CONTENT SUPPORT SPECIALIST DIGITAL COMMUNICATIONS GROUP LOGAN JOHNSON WEB DESIGNER DIGITAL COMMUNICATIONS GROUP
- 2. AGENDA • User Experience& Usability • Thoughtful Design • Best Practices • Activity • Question & Answer
- 3. USER EXPERIENCE &USABILITY
- 4. User experience encompassesall aspects of the end-user's interaction with the company, its services, and its products. Don Norman Co-founder and Principal, Nielsen Norman Group
- 5. Usability is aquality attribute that assesses how easy user interfaces are to use. Jakob Nielsen Co-founder and Principal, Nielsen Norman Group
- 6. You are notyour target audience.
- 8.
- 14. It’s dancing beforeyou can walk. It’s doing all kinds of tricks just for the sake of doing tricks, not the sake of solving the problem. Paul Rand Art Director and Graphic Designer
- 15.
- 16. BEST PRACTICES • Reviewyour content to make sure it’s mobile-friendly; column control goes a long way to help make your page dynamic
- 17. BEST PRACTICES • Reviewyour content to make sure it’s mobile-friendly; column control goes a long way to help make your page dynamic • Take advantage of the different promo style options available
- 18. BEST PRACTICES • Reviewyour content to make sure it’s mobile-friendly; column control goes a long way to help make your page dynamic • Take advantage of the different promo style options available • Remember that images accent and enhance your content; avoid embedding text like dates, email addresses, or phone numbers
- 19. BEST PRACTICES • Reviewyour content to make sure it’s mobile-friendly; column control goes a long way to help make your page dynamic • Take advantage of the different promo style options available • Remember that images accent and enhance your content; avoid embedding text like dates, email addresses, or phone numbers • Use the header format to add a hierarchy to your content but be careful not to skip any header levels in the process
- 20. BEST PRACTICES • Reviewyour content to make sure it’s mobile-friendly; column control goes a long way to help make your page dynamic • Take advantage of the different promo style options available • Remember that images accent and enhance your content; avoid embedding text like dates, email addresses, or phone numbers • Use the header format to add a hierarchy to your content but be careful not to skip any header levels in the process • Remove any duplicated or outdated logos from your pages
- 21. BEST PRACTICES • Reviewyour content to make sure it’s mobile-friendly; column control goes a long way to help make your page dynamic • Take advantage of the different promo style options available • Remember that images accent and enhance your content; avoid embedding text like dates, email addresses, or phone numbers • Use the header format to add a hierarchy to your content but be careful not to skip any header levels in the process • Remove any duplicated or outdated logos from your pages
- 22.
- 23. CMS COMPONENTS • BasicPromo • Button Promo • Column Control • Contact Us • Divider • Events Calendar • Event Cal Promo • Expandable • Follow Us • Image • Media Player • Photo Gallery • Reference • Rich Text • Shortcuts • Social Feed • Summary List • Table
- 24.
- 25. RESOURCES • What isUser Experience? (Video) • User Experience Community of Practice • Creative Brief • Blank Templates • Design Tools (Spreadsheet)
- 26.
- 27.
- 28.