Skip to content

Standards

Joe Taylor edited this page Nov 15, 2024 · 3 revisions

Defining "user-ready"

A screen is user-ready when:

  • The user experience matches or exceeds that of tier 1 peers, ensuring speed, usability, and functionality.

  • User objectives are understood and met in a design aligned with their needs.

  • The UI matches the XD team’s designs for consistency and accuracy.

  • Accessibility standards and internationalization standards are met for inclusivity.

  • The screen displays well across devices and browsers.

  • Performance is optimized for fast loading and efficient resource use.

  • Resilient error handling guides users during issues.

  • Interactive elements respond properly and provide user feedback.

  • The code is modular, maintainable, and secure.

  • User telemetry supports data collection for improvements and A/B testing.

  • The screen is tested and validated before release.

  • This comprehensive standard sets a clear benchmark for app screens, ensuring they deliver value, reliability, and a superior user experience.

Theming

Harness Open Source and Harness Platform share the same themes. We use theming to handle standard light and dark modes, but also to cater for specific accessibility requirements relating to forms of color blindness.

Supported themes

Implemented

  • Dark mode

Not yet implemented

  • Light mode
  • Light + high contrast mode
  • Light + protanopia mode
  • Dark + high contrast mode
  • Dark + protanopia

References

Internationalization

Harness Open Source and Harness Platform share the same approach to internationalization (i18n). We should handle multiple languages to cater for Harness' geographic distribution of customers. Localization (l10n) is acknowleged but not yet explicitly supported).

Supported languages

Implemented

  • English – US

Not yet implemented

  • To follow