Na Visie, nós costumamos dizer que não basta desenvolver um site bonito. Antes de tudo, ele deve ser funcional! O mesmo vale para a construção de softwares! Isso significa que o design não é importante? Pelo contrário: a atuação do designer de software, em conjunto com os programadores, é fundamental para que o aplicativo seja fácil de usar e acessível, além de esteticamente convidativo! 

Neste vídeo a seguir falamos como funciona o trabalho de pesquisa, planejamento e desenho de telas de um designer de software para alcançar a excelência em UX e UI em projetos de softwares.

Problemas de não contar com um designer de software

Enquanto há muita atenção voltada para o design de sites, em muitas empresas falta preocupação com o visual dos softwares. Por parecer “menos necessário”, ainda é comum ver projetos em que os programadores têm que definir o desenho das telas sozinhos.

O problema é que existe todo um fluxo de navegação que precisa ser projetado do começo ao fim, pensado especificamente para a experiência do usuário. Se esta fase do processo de desenvolvimento for deixada de lado, não serão consideradas todas as possibilidades de acesso e de resposta do sistema, gerando possíveis falhas durante a navegação.

Por isso deve-se levar em conta as funções de cada seção, o tipo de acesso do internauta, os recursos de acessibilidade aplicados, as permissões ou restrições de acesso, o caminho que a informação percorrerá entre o banco de dados e o usuário em cada situação, as nuances de cada tipo de tela na experiência do usuário etc.  

Programadores e designers trabalhando juntos

A função do designer de software e do programador se complementam, então não podem ser realizadas separadamente. Embora cada profissional tenha suas respectivas funções, suas entregas precisam funcionar como peças de quebra-cabeça no conjunto do software. 

Por este motivo, não dá para o designer de software simplesmente desenhar cada tela e esperar que o programador simplesmente desenvolva o que está desenhado. Certamente, surgirá a necessidade de incluir ou eliminar recursos que vão interferir no layout e no comportamento projetado. 

Da mesma forma, não funciona criar um design pensando apenas na programação, pois a falta de cuidado com a interface tornará o software pouco intuitivo, dificultando o entendimento do usuário e comprometendo sua experiência de navegação.

Portanto, um método que gostamos muito de usar na Visie é o design system, que define todo o padrão visual e comportamento do software.

Design system para grandes projetos

Sabemos que cada designer de software tem sua forma de trabalhar e entendemos que optar por um método não significa que o outro esteja errado. No entanto, acreditamos que quanto maior o software, maior o nível de complexidade desses processos e, portanto, é inviável desenhar tela por tela. Afinal, existem também as variáveis da própria programação. 

Trabalhar com o design system permite que os programadores tenham liberdade para desenvolver todos os recursos que julgarem necessários seguindo os padrões definidos pelo designer de software. Este é um material que vai acompanhar a equipe de desenvolvimento durante toda a existência do sistema, incluindo os casos de manutenção e melhorias, necessárias no futuro, ao longo dos anos.

Assim, o profissional de design fica com a responsabilidade de criar a base do visual do software, a forma como o aplicativo responderá às solicitações dos usuários, os modelos que mostrarão aos programadores como deverá funcionar a navegação e disponibilizar  todos os componentes visuais da aplicação em uma biblioteca compartilhada.

Embora não deixe de ser uma tarefa desafiadora, com esse o design system o software poderá passar por mudanças estruturais sem perder a essência do seu layout e, principalmente, sem “danos colaterais” quanto às experiências de navegação e resolução de problemas. Afinal, quando designers de software e programadores trabalham juntos, com métodos alinhados às necessidades gerais, a construção do sistema caminha para a excelência! Além disso, as ações de melhorias garantem a continuidade de uma navegação consistente e a manutenção de um visual condizente com a proposta da marca.

Por Joana Kerr