01
02
03
Data visualization
Cards
Buttons
Progress
Alerts
Loaders
Calendars
Accordions
More
I’ve always wanted to build a minimal user interface system that includes every conceivable component and accommodates any type of user experience — straightforward yet comprehensive.
I wanted to construct a system you can endlessly customize yet doesn’t compromise base-level usability.
I seek to build and publish a better UI system so others can benefit from my experience building complex SaaS flows. I’ve designed everything from highly complex enterprise software to minimal consumer app experiences.
I’ve been a designer at companies ranging from small startups to some of the world’s largest tech companies.
I want to leverage everything I’ve learned in my career to design and code a component library that’s beautiful, easy to understand and implement and includes UX best practices.
From here, I plan to continue designing, coding, and writing about components to make it easy for designers and software engineers to implement.
Build UI for: - Templates coming soon
AI and LLMs
Business intelligence
Developer tools
Finance and crypto
Project management
Communication and social
Cyber Security
Design editors
CRMs
Bookkeeping and accounting
More
Design patterns aren't necessarily successful because they're inherently good or correct but because users grow accustomed to them. Other apps adopt established design patterns, further cementing them in our digital dialectic.
A design pattern usually takes shape based on related patterns humans understand. Deviating from established patterns can create user experience issues, even if the new pattern is objectively better. However, merely repurposing existing UI components fails to evolve our digital world. Many design patterns actively cause harm cognitively and spiritually but are difficult to uproot because they're so woven into the fabric of our digital landscape. Software engineers and designers unknowingly perpetuate this harm by unthinkingly copying existing interaction and presentation patterns for speed or consistency.
The wheel has a universal shape and function that overtakes style or subjective psychology. Physics underpins its form. Designing UI isn't as objective because human interaction is based on a user's prior understanding of form to achieve an end. A design pattern, component, or flow can take any shape. Its visual construction relies on human consciousness rather than the physics of the natural world.
Design influences interaction, and interaction influences design. The designer makes decisions that steer human comprehension and action, and their understanding of users influences their designs. This push and pull molds outcomes in an evolving process.
Designers have the power to drive how people behave in subtle and subconscious ways. There's a message and feeling embedded in each interaction. Digital experiences make up more and more of human existence—from media to work. The enterprises that survive the next decade will not only harness fast arrays of data but, more importantly, will reinvent user experience. Slowing down and thinking through the design patterns and components changing our world is essential.
Forms and Tables is an evolving enterprise-first human-centric interface library that conforms to predominant user mental models in a minimal yet comprehensive presentation—incorporating best practices, beautiful aesthetics, and assertive design philosophy. It aims to help designers and engineers build better user interfaces that evolve our digital world and reshape the future of work.
01
Basic design system Figma file - Done
I published the Forms & Tables basic design system to the Figma community for you to download and use in your work. It includes many components, including buttons, badges, navigation, forms, tables, lists, charts, cards, etc.
02
Figma templates - In progress
I plan to build templates with the Forms & Tables design language and publish them to the Figma community. The templates will include application verticals like business intelligence, LLMs, developer tools, finance, CRMs, etc.
03
Design system front-end code - Coming soon
04
Documentation - In progress
After designing and coding the Forms & Tables design language, I will create documentation to explain each component's usage and best practices and provide code examples for you to easily copy and paste into your projects.
05
Advanced design language - Coming soon
Articles
Forms and Tables 2024
Created by Andrew Coyle