Depois de muitas reuniões com os stakeholders, após pensar em várias alternativas, receber feedbacks e refinar a proposta, chegamos no resultado atual.

O site foi desenvolvido para ser responsivo (se adapta a qualquer tamanho de tela). Além disso, contém alguns recursos de acessibilidade, como alto contraste e personalização do tamanho da fonte.

O site também divulga notícias e os eventos realizados pela incubadora. E permite que um usuário inscreva-se para participar.

Toda a equipe, empresas incubadas e parceiros são apresentados à comunidade através do site.

Arqueologia do Sistema

Inicialmente, começamos a navegar pelo sistema, tentando conhecer suas principais funcionalidade. O sistema antigo era desorganizado, com muitas informações poluindo a tela, além do site não ser responsivo.

Investigação

Antes de desenhar de fato, entrevistamos os usuários e aplicamos questionários para ouvir sugestões de melhorias e descobrimos que eles estavam muito insatisfeitos:

Inspeção

A partir de então, fizemos uma avaliação por inspeção, baseada nas Heurísticas de Usabilidade de Nielsen.

O resultado foi um relatório listando as violações de usabilidade encontradas, classificando-as em graus de severidade e apontando possíveis soluções.

Dessa forma, chegamos a conclusão que, apesar dos problemas catastróficos, a maioria dos problemas eram pequenos e estavam relacionados a falhas de consistência e padronização.

Observação

Para confirmar nossas suspeitas, realizamos uma avaliação por observação em alguns módulos do sistema. Pedimos que os usuários tentassem realizar uma tarefa enquanto gravamos a tela do computador e a voz dos participantes.

Depois, classificamos as reações dos usuários em categorias comuns (tagging), de acordo com o Método da Avaliação de Comunicabilidade, para encontrar possíveis rupturas de comunicação.

Finalmente, chegamos nas prováveis causas de rupturas na comunicação usuário-sistema:

• Muitas funcionalidades inúteis ou subutilizadas
• Um único caminho possível
• Desorganização dos elementos na interface
• Componentes de interface difíceis de usar

Protótipação de baixa fidelidade

Em seguida, começamos a elaborar protótipos de baixa fidelidade, juntamente com um documento de requisitos simplificado descrevendo as funcionalidades.

Protótipação de alta fidelidade

Após validação dos wireframes com os usuários, iniciamos a elaboração de protótipos de alta fidelidade.

Dado que o sistema é muito grande, a sua reconstrução ainda está em andamento. Mas os primeiros passos já foram dados na direção de uma interface mais simples, organizada e útil, além de responsiva.

Guia de Estilo

O front-end foi construído a partir do Bootstrap 4. Personalizamos o framework com a identidade da Inova. Para documentar e testar os componentes personalizados, também construímos um guia de estilo próprio, contendo exemplos de uso e snippets de código para ajudar os programadores.