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.
October 4, 2019
An eCommerce storefront designed for manufacturers. Imagine that instead of spending 18-24 months creating an RFP, building UX and design, and front-end development, you launched an eCommerce site in three months. BEPSY can help you get online, sooner.
September 26, 2019
Web accessibility is the practice of removing barriers for people with disabilities that might prevent their interaction with, or access to, websites or mobile applications. Businesses who don’t comply, are at risk of being sued for being in violation of ADA, Title III.