Console Kit Azion: Construindo uma nova interface

Descubra como a Azion enfrentou desafios no desenvolvimento de aplicativos reconstruindo a interface com o Azion Console Kit.

Morgana Johann - Product Design Manager
Console Kit Azion: Construindo uma nova interface

No mundo da edge computing, a Azion está à frente, inovando e enfrentando desafios com determinação. Entendemos que, para manter essa liderança, é essencial evoluir continuamente, especialmente em relação à interface de usuário (UI) dos nossos produtos. Eles são inovadores por natureza, mas reconhecemos a oportunidade de aprimorar nossa interface, tornando-a mais unificada, fácil de desenvolver e utilizar, o que reflete nosso compromisso com a excelência e a usabilidade.

Por meio da inovação, encaramos nossos desafios como uma oportunidade de otimizar nosso processo de desenvolvimento. Desafios como ciclos de software prolongados e inconsistências de interface alimentaram nosso compromisso de aumentar a eficiência e garantir experiências de usuário perfeitas.

Por isso, nós decidimos reimaginar nosso produto em relação tanto aos desenvolvedores quanto aos usuários finais. Para isso, delineamos objetivos específicos para este projeto:

  1. Estabelecer definições de uso claras para elementos da interface.
  2. Alcançar uma interface de usuário e experiência uniformes em toda a plataforma.
  3. Minimizar a curva de aprendizado para entender nossos produtos.
  4. Acelerar os cronogramas de entrega da interface.
  5. Racionalizar os esforços de validação para entregas.
  6. Facilitar processos de teste diretos e replicáveis.

O Processo de Tomada de Decisão

A primeira decisão envolveu abandonar o design system existente, reconhecendo suas limitações em apoiar uma interface já estabelecida.

Então, optamos por uma biblioteca de componentes populares do mercado. Buscávamos uma biblioteca que tivesse código aberto e fácil de usar, com documentação clara e suporte à comunidade. Ela tinha que se encaixar bem com nossa marca e ser algo que tanto os desenvolvedores de software quanto os parceiros de negócios apreciariam.

Para acelerar o projeto, organizamos um hackathon que durou o tempo de uma sprint padrão. Chamamos isso de “hackasprint”. Durante este evento, olhamos para diferentes plataformas, frameworks e bibliotecas que poderíamos usar. Escolhemos aquelas que eram boas para nossas necessidades de design e engenharia na Azion.

Explorando Tecnologias

Durante nossa fase de exploração, testamos tecnologias como React, e até consideramos o uso de IA e Flutter para acelerar nosso processo de desenvolvimento. Ao lado de usar bibliotecas de código aberto como PrimeVue, Flowbite, Primer e Carbon Design System, avaliamos como a IA poderia se encaixar em nosso fluxo de trabalho.

Embora IA parecia uma ferramenta promissora de início, encontramos desafios com a adaptação do código gerado e sua conexão com outros sistemas. Isso nos levou a mudar nosso foco de volta para uma abordagem de codificação mais tradicional.

À medida que retomamos o projeto, estabelecemos alguns princípios básicos. Queríamos que o código da nossa nova plataforma fosse aberto, fácil de configurar em máquinas locais, capaz de escalar com a demanda, facilmente personalizável e, mais importante, compatível com nossa Plataforma de Edge Computing. Priorizamos ter um código limpo e bem organizado desde o início, junto com uma documentação completa. Adesão aos padrões de design da Azion era crucial, e visamos que a prototipagem fosse simples e intuitiva.

Construindo Blocos de UI

À medida que progredimos, delineamos cuidadosamente como nossos produtos seriam usados, com designers e desenvolvedores de software trabalhando de perto para combinar a interface com o que nossos stakeholders imaginavam. Por meio de reuniões semanais, percebemos que ter um conjunto de blocos de construção básicos seria realmente útil para nossos times daqui para frente, pois promoveria uniformidade em toda a nossa plataforma.

Para abordar isso, criamos nossa própria coleção de Blocos de UI chamada Azion Blocks. Esses blocos foram projetados especificamente para os cenários que identificamos. Embora tenhamos nos inspirado na biblioteca Prime Blocks da PrimeVue, decidimos contra ela porque não atendia às nossas necessidades. Isso se deve ao fato de que alguns de nossos produtos são altamente específicos e adaptáveis e requerem uma biblioteca maior de blocos.

Escolher desenvolver os Blocos Azion usando PrimeVue nos permitiu oferecer uma solução sob medida que se alinha perfeitamente com nossa visão e o que nossos usuários precisam, garantindo uma experiência de usuário contínua e eficiente.

A adoção dos Blocos Azion já mostrou vários resultados positivos:

  • Eficácia na prototipagem.
  • Redução da curva de aprendizado no desenvolvimento da plataforma.
  • Promoção de uma experiência visual consistente.
  • Endereçamento dos pontos de dor da interface.
  • Interface com layout simplificado.

Console Kit: Um Projeto Aberto

O Console Kit Azion é um kit de desenvolvimento de software front-end que desenvolvemos para tornar o uso da Plataforma de Edge Computing da Azion mais fácil e melhor para nossos usuários.

No coração do Azion Console está a API pública da Azion, ou Application Programming Interface (Interface de Programação de Aplicativos). Este kit segue práticas modernas de software e uma arquitetura sem cabeça. Tudo é sobre ser de código aberto e trabalhar perfeitamente com a REST API da Azion, que tem sua própria especificação de API, e também pode se conectar com outras APIs remotas. Estamos compartilhando o código-fonte do novo Azion Console como parte do nosso esforço para ajudar nossos parceiros de negócios a fortalecer sua conexão com a Azion.

O Azion Console já está no ar, com as mesmas features disponíveis na nossa plataforma anterior, o Real-Time Manager (RTM). Nosso objetivo é o de migrar toda nossa base de usuários atual para o Console ainda em 2024. No entanto, como parte do lançamento do Console Kit Azion, estamos comprometidos em manter e fornecer suporte ao RTM e atualizar o conjunto atual de APIs durante o período de transição. À medida que avançamos para uma estrutura mais moderna, colocamos nosso esforço em garantir que tudo funcione conforme o pretendido, enquanto lançamos atualizações e mantemos a base de código.

Conclusão

A Azion embarcou em uma jornada para reformular sua interface, tomando decisões estratégicas e adotando uma abordagem nova para nossa tecnologia. Ao criar nossos próprios blocos de UI e compartilhar o Console Kit da Azion com a comunidade, não estamos apenas enfrentando os desafios atuais do desenvolvimento de software, mas também estabelecendo as bases para um futuro mais colaborativo e eficiente na Computação de Borda.

Em essência, a reformulação da interface da Azion não foi apenas um projeto; foi uma jogada ousada para redefinir o futuro do nosso desenvolvimento de produto e experiência do usuário.


Crie sua conta na Azion para explorar o Azion Console. Confira o Console Kit no GitHub e inicie seu projeto. Você também pode se conectar com a Azion através de nossas plataformas e alcançar os desenvolvedores diretamente através do nosso servidor no Discord.

Inscreva-se na nossa Newsletter