FiveUI: Open-source UX tests for the common good
summary
FiveUI is an open source system that lets projects encode UI guidelines as small JavaScript rules and run them locally or in CI the deliverables are a browser extension and headless batch runner that analyze pages in Chrome or Firefox the rules are short enough to be one or two functions so rules are short JavaScript functions and can use jQuery or call out to tools like Selenium for headless runs it flags real issues like missing labels low contrast and misplaced buttons the project is at version 0.3 with no known external adopters yet
AI-written summary · about
chapters (19)
- 0:00FiveUI project intro
- 1:16UI consistency motivation
- 3:02Open-source UI testing
- 4:28Inconsistent UI problems
- 6:54Why consistency matters
- 8:20UI consistency aspects
- 9:27Enforcing UI guidelines challenges
- 11:16Existing UI testing tools limits
- 12:20Selenium power and limits
- 15:12Wave accessibility tool
- 16:35Introducing FiveUI
- 18:44FiveUI demo
- 24:14Testing accessibility with FiveUI
- 25:59Color contrast checks
- 28:12Language simplicity rules
- 30:26Open-source collaboration
- 31:30Custom rule for Trello
- 45:50Debugging custom rules
- 48:50Summary and feedback
related talks
32mUX !=UI: Testing UI and UX
28mEleftheria Batsou-UX vs UI: It’s easy to create a good looking product, but what about a useful one?
09m"QA & UX"
47mThe future of UI is "open"
11mThe invisible craft of great UX
12mReact Accessibility: Beyond the Basics
27mAccelerating Development using UI frameworks
17mEasy UI and Elev8