CPTN Design Research & Testing
Ontario Design System
Items relating to Government for Business in Ontario.
UI Design
Items relating to UI/UX and overall appearance of the site.
- Design Pattern for Elements Guidelines
- Design for Young Adults Report (PDF)
- Design for Teenagers (PDF)
- Whitespace
- Visual Balance
- 5 Reasons to Avoid Accordians (How Not to Misuse Accordions)
- Accordions Useful for Mobile
- Flat UI Elements Lack Click Cues
- Cultural Influence Over Web Design
- Site Point - View Port Units
UI Testing
Items relating to testing implementation for UI/UX principles.
Publication Design
Items related to improving marketing and publications.
- E-Mail Newsletter Design (PDF)
- The Biggest Mistake in Writing for the Web
- Re-Assessing In-Page Links
- How to Present Scientific Findings Online
- Writing for Comprehension
- Writing for Brevity
- How to Train ChatGPT to Write Like You
- Visual Hierarchy
- Headings Map Chrome Extension
- Guide to 10 Font Characters and their Use in Design
- How to Combining Fonts
- How to Choose A Font
- Fonts for Data Visualization
Advertising & Sales Strategies
Items related to advertising and sales strategies.
- Banner Blindness
- Registration Promo Codes
- Affiliate Program (Site Wide Tracking)
- Writing for Findability (Natural Language Search)
- Microsoft Copilot (Natural Language Prompt)
Link Navigation
Items related to various navigation forms and orientations.
- Vertical Navigation
- Guidelines for Visualizing Links
- Best Practices for Horizontal Lists in Mobile
- Information Chunking
Link word usage also matters e.g. Show, See, View, are all sight dependent words. Alternatives such as Browse, Get, List are ideas considered.
Appendix:
Sources of Inspiration:
Applied design strategies from the following websites.
- www.cbc.ca
- www.cbc.ca/news
- radio-canada.ca
- www.macleans.ca
- www.the-scientist.com
- www.apple.com
- www.singingdragon.com
Sources of Avoidances:
Avoided design strategies from the following well recognized brands.
- www.mitpress.mit.edu (Navigation Menu Icon/Logo / Form Fields / Links / Menu Underlines)