May 9, 2019
Product leaders focused on ROI understand design is a fundamental part of the total cost of ownership (TCO) of any product. Everyone is looking for ways to deliver more, faster. In an effort to provide greater value, many leaders choose to implement design systems. The natural next step is to componentize design further into something called tokens —bits of platform agnostic code that makes it easier to deliver continuous product value.
While the topic of tokens span well more than design, I primarily have the pleasure of working with clients to put token repositories in place to help them scale their brand’s design language. Here’s a quick primer.
It is a named value pair that stores design information with context.
Typically a designer and UI developer collaborate on tokens, adhering of course to agreed token naming governance.
Yes, it important to agree on a taxonomy for token names. This makes it much easier for a shared group of people using the repo to find specific tokens once there are thousands or more in the set.
UI developers use design tokens in lieu of hard-coding values store in the token. This streamlines development and maintenance, speeding delivery and lowering costs along the way.
The benefits for using design tokens are probably best illustrated through a simple example. Let’s say a brand has a public website, a commerce platform and two native apps — one iOS and the other Android. And let’s say that brand wants to update the color of a design system element. To make that happen, a UI developer needs to update the color uniquely for each platform.
With a token repo, UI developers pull the token from the repo and implement it across a technology ecosystem of different platforms seamlessly. The designer updates the design. The developer updates the code. Everyone respects each other’s primary product contributions.
Of course token repos (like design systems) are living, breathing systems, too. Product teams must continuously update token repos, add new tokens, edit existing token and retire some as needed.
Kelly Rader, CUA and VP of Digital Experience
Digital pioneer with 20+ years of experience bringing innovative digital products and services to market successfully for many industries and within a variety of challenging environments ranging from start-up to Fortune 100 companies. Effective in gaining organizational alignment on strategy and delivering creative solutions that solve real business problems.
May 23, 2019
Poor communication, specifically between silos and teams, is the largest cause of failure for large digital programs. Lack of effective communication is caused in part by poor process and in part from the inability for teams to come together to solve problems.
May 9, 2019
Everyone is looking for ways to deliver more, faster. In an effort to provide greater value, many leaders choose to implement design systems. Kelly Rader shares a quick primer on component design and the use of tokens.