Design system components get manually translated into code.The designer ships a Figma component. The engineer interprets it. Something is always slightly off wrong spacing value, missing variant, token name that doesn’t match. Then there’s a review, a fix, another review.
This workflow removes that friction at the source. The component goes from Figma to reviewed, committed code without a single … Read the rest
Category: Dashboard Design
Dashboard Design UX Patterns
Whether it’s for analytical, operational or strategic purposes, being able to interpret the right information at a glance is pivotal for teams and departments of all sizes. When designing a data dashboard for your own enterprise product, your team needs to be very intentional about what data points get showcased. Make no mistake, data dashboard UX is tricky, but hopefully … Read the rest
Adopting a UX Approach
Adopting a Consistent, Clear, and Comprehensive Approach to UX that Aligns to Software Development
UX DESIGNERS HAVE A PROBLEM
Unlike with software development, where engineering approaches are generally well-defined and understood after 30+ years of the Internet at scale, UX design is still looked upon as a mysterious black box, or (worse) a brief step involving “prettying” up UI code … Read the rest
Design Process and Guidelines
Guidelines
High-level Guidelines
Guidelines are numberd for convenience but are not ordered by any particular priority.
- Don’t overwhelm viewers
- Avoid visual clutter
- Avoid poor visual design
- Carefully chose KPIs
- Align with existing workflows
- Don’t add too much data
- Provide for consistency
- Provide for interaction affordances
- Manage complexity
- Organize charts symmetrically
- Group charts by attribute
- Order charts by time
- Balance data