ISI Institute

Design de Interface ISI App

Role e conheça
CLIENTE
ISI Institute
SEGMENTO
Agronegócio

Introdução

O ISI Institute é uma empresa de SaaS (software as a service), que oferece ao mercado de avicultura uma plataforma completa para gestão de produção de aves. No app, chamado ISI App, é possível controlar a nutrição de cada grupo de aves, vacinas, acompanhar doenças, ter uma visão clara das condições da produção e ter insights que permitem um manejo mais assertivo e eficiente das aves. A versão antiga do app apresentava uma interface pouco intuitiva e não muito profissional - dificultando o trabalho dos produtores no dia a dia e associando à marca da empresa uma imagem diferente da desejada.

Fomos contratados para realizar um estudo completo de experiência e, junto a isso, elaborar uma nova interface para o aplicativo. Veja abaixo um exemplo de antes e depois de uma das telas do app.
Clique nas imagens para expandir.

Versão antiga:

Versão nova:

Estudo de Experiência

Iniciamos o trabalho realizando o extenso estudo da navegabilidade e experiência do usuário. Quais são as principais telas do aplicativo? Quais botões e informações são mais úteis em cada tela? Nos colocando no lugar dos usuários, quais recursos e facilidades gostaríamos de ter ao utilizar o aplicativo? O resultado do estudo foi uma apresentação 98 páginas indicando possíveis melhorias de interface e de fluxos de navegação para aprimorar a experiência no aplicativo. O estudo foi enviado ao cliente - que aprovou sem alterações o projeto proposto.

Curiosidade:

Já conhecia a imagem abaixo, à esquerda? É um mapa de calor indicando a dificuldade de alcançar certas partes da tela de dispositivos móveis - e um dos conceitos que guiaram o projeto. Reformulamos a interface considerando a facilidade de navegação. Como exemplo, mostramos na imagem o reposicionamento do menu principal, que tornou seu alcance mais fácil e a navegação mais confortável.
Clique na imagem para expandir.

No total, foram desenvolvidas
mais de 70 telas diferentes

Cada uma cuidadosamente desenvolvida seguindo as
últimas tendências de design de experiência e design de interfaces.

Protótipo interativo

Para a aprovação da nova interface, nós criamos um protótipo interativo com o qual o cliente pôde interagir diretamente pelo navegador de seu computador, a fim de entender a sequência e a dinâmica de páginas da novas interface do app.

O vídeo abaixo parece um app em pleno funcionamento, não é? Mas na realidade é o protótipo de navegação criado para proporcionar uma experiência excepcional de aprovação.