ION: design system for the internal systems development sector of the company Brisanet Telecomunicações

• Edney Lincoln Lourenço Universidade Federal do Ceará https://orcid.org/0000-0002-7420-8256
• Ingrid Teixeira Monteiro Universidade Federal do Ceará https://orcid.org/0000-0001-5468-0724

Resumo

A Design System (DS) consists of a set of interconnected standards for building digital products. DS provides a set of elements and components that are repeated across interfaces, such as buttons, text fields, icons, colors, and typography, helping to build a coherent interface. This article describes the construction of the Ion Design System, a product that aims to help designers and front-end developers of the company Brisanet Telecomunicações in the development of user interfaces, through standardization and component documents, as part of the course conclusion work in Digital Design. The process included research with the target audience, analysis of systems and similar products, definition of content, organization of information, testing of interfaces and development of brand, tokens, components and documentation. The Design System was created in the Figma tool, allowing team members to collaborate in the creation and definition of components. The product evaluation highlighted its importance in helping employees build consistent and standardized interfaces. The article presents the results of this work and highlights the relevance of the Ion Design System to improve the interface development experience.

Palavras-chave: Brisanet, Design System, User interface

Referências

Simone Diniz Junqueira Barbosa, Bruno Santana da Silva, Milene Selbach Silveira, Isabela Gasparini, Ticianne Darin, and Gabriel Diniz Junqueira Barbosa. 2021. Interação Humano-Computador e Experiência do Usuário. Autopublicação. [link]

Brisanet. 2018. Conheça a história da Brisanet. [link]

Design Council. 2019. Framework for Innovation. [link]

Redação Cronapp. 2020. Desenvolvimento de software. [link]

Elliot Dahl. 2016. Intro to the 8-Point Grid System. [link]

Fabiano Favretto. 2021. Entenda o que são os Design Tokens de um Design System. [link]

Frost. 2016. Atomic Design | Atomic Design by Brad Frost. [link]

Jesse James Garrett. 2010. The elements of user experience. Pearson Education.

Alla Kholmatova. 2017. Design Systems. Smashing Media AG.