Booklet
2 Steps to keep your UI projects consistant
2 Steps to keep your UI projects consistant
- Build an Interface Inventory
An Interface Inventory ensures that Ul's are developed consistently within a framework.
Just like a style guide — it should be a living document that is growing as your product grows.
An interface inventory is similar to a content inventory, only instead of sifting through and categorizing content you're taking stock and categorizing the components making up your website [or product]. An interface inventory is a comprehensive collection of the bits and pieces that make up your interface.
Interface Inventory, Brad Frost
The first stage is to systematically take screenshots of your designs, considering:
- Typography
- Text layouts
- Lists and menus
- Logos
- Iconography
- Forms
- Images & Media
- Radio/Checkbox
Second stage is : Categorizing everything
You can now start to identify common design patterns and build around these.
- Build Pattern Library
A pattern library identifies and classifies design patterns that are recurring solutions to typical design problems
This breaks an interface down into smaller elements that can then be used as reusable building blocks.
These steps will build:
- Consistency in your design
- A visual vocabulary that you can share across team members
- Efficiency over time as your designs develop
Thank you for reading