Corrige Ai! - Design para aplicativo de gerenciamento de turma virtual

Capa

Sobre o Projeto

Design da interface de um aplicativo de gerenciamento virtual de turma.

 

Minha Função
Duração
Ferramentas
Projeto Pessoal

Designer de interfaces e experiência do usuário

2 semanas (04/2023)

Figma e Miro

Logo Figma e Miro

Prompt

A ideia do aplicativo é resultado de um projeto sobre as especificações dos requisitos de software, desenvolvido para a disciplina de Engenharia de Software do curso de Ciências da Computação (UFPI). O design da interface e a prototipação do app não possuem vínculo com a disciplina, mas foram desenvolvidos como um estudo de caso e projeto pessoal. As orientações e funcionalidades do aplicativo foram desenvolvidas seguindo o projeto realizado na disciplina. O projeto de especificações dos requisitos de software foi disponibilizado para a realização desse projeto por um dos alunos responsáveis por ele.

O Problema

A partir do projeto fornecido e suas diretrizes, como fazer um design que proporcione uma boa experiência de uso para o público alvo?

Solução
  • O primeiro passo foi uma familiarização sobre a temática e o público-alvo. Após a etapa de pesquisa, ficou claro que o público alvo aponta para uma dificuldade no uso e gerenciamento de plataformas de gerenciamento de turma online;
  • Para solucionar tal questão, o foco foi a criação de um design consistente e intuitivo, que facilite a realização das funções do aplicativo. 

Protótipo de alta fidelidade

  • Sugestão –  clique na logo ou no nome “Figma” para uma melhor visualização e interação com o protótipo.

Habilidades

  • Pesquisa;
  • Brand Identity;
  • Wireframe de alta fidelidade;
  • Teste de usabilidade;
  • Criação da interface do aplicativo; 
  • Protótipo de alta fidelidade (mobile);
  • Responsividade;
Escopo do Produto

O Corrige Ai tem por finalidade ser uma plataforma de gerenciamento virtual de turma para educadores que não possuem acesso a sistemas de turma virtual. Qualquer educador pode usá-la para cadastrar atividades, materiais, avisos e para interagir com os alunos de sua turma cadastrada por meio do chat, além de auxiliar no gerenciamento de tarefas e tempo. A ideia é que tanto o educador como o aluno possam ter acesso a plataforma e funções pertinentes a sua ocupação. O que é apresentado no presente projeto é apenas a versão inicial do aplicativo, que inclui apenas a versão para educadores.

Design Process

Processo de Design - Design Thinking

Pensamento Inicial

Usuários Alvo
  • Educadores e ministrantes de cursos que não possuem acesso a plataformas de gerenciamento virtual de turma;
Questões Iniciais
  • A fim de resolver os problemas e agilizar processos relacionados ao gerenciamento de turmas para educadores que não possuem acesso a plataformas de gerenciamento de turmas, o corrige ai foi desenvolvido. A primeira etapa da construção do aplicativo é a construção de um protótipo das funções voltadas para educadores;

Pesquisa

Objetivo
Método Escolhido

Entender melhor as necessidades do público alvo para desenvolver a interface do aplicativo da melhor forma;

  • Quais são as necessidades do público alvo?
  • Desk research – criar conhecimentos que ajudem na tomada de decisão;
Pesquisa 1 - Pesquisa online de produtos já existentes no mercado
  • Identificação e análise de produtos já existentes no mercado com a mesma premissa ou premissa próxima do aplicativo proposto;
  • Meios de pesquisa – Google, Play Store e Apple Store;

Resultados
  • Os principais aplicativos encontrados relacionados ao gerenciamento de turma virtual nas plataformas pesquisadas oferecem menos funcionalidades do que o Corrige Ai!;

 

  • A maioria dos aplicativos oferece apenas cadastro e gerenciamento da frequência escolar, monitoramento de matérias e horário de aula;

 

  • Opções de sistemas integrados como o SIGAA, adotado por centros universitários nacionais são opções pagas e requerem uma adoção por parte de uma instituição, não apenas de um profissional;
Print página da pesquisa Google Play
Pesquisa 2 - Artigos
  • 3 artigos científicos sobre a temática do uso de softwares de gerenciamento de turma virtual foram analisados;
  • Em resumo, os artigos analisados foram escolhidos por oferecem uma visão geral de dados relacionados a temática principal da pesquisa a partir de pesquisas quantitativas, entrevistas e estudos de caso conduzidos;
Referências

Resultados

Esquema com os resultados

Declaração da Hipótese

  • As pesquisas mostraram a importância do suporte e treinamento adequados para os professores e educadores no que diz respeito ao gerenciamento de turma virtual, tanto para a realização de atividades remotas, como para o uso consciente do aplicativo ou software;

 

  • É necessário um fluxo de uso intuitivo para a realização das funções oferecidas no aplicativo. Para auxiliar no uso intuitivo, o aplicativo deve spresentar uma interface intuitiva e clara.

Diagrama de Contexto

O diagrama de contexto serve para oferecer uma visão geral do contexto da aplicação. O fluxo de uso desenvolvido do projeto de “Levantamento de Requisitos” foi utilizado para a construção do design do aplicativo.

Group 101

Wireframe

Wireframe Média Fidelidade

Decisões de Design

Logo
Logo
Tipografia
Tipografia
Cores
Cores

Componentes

Botões
Botões
Cabeçalho
Cabeçalho-1
Cabeçalho 2
Ícones

lustrações

Ilustrativos

Botões de ação

Botões de ação
Formulários
Formulários
Formulários Finalizados
Formulários Finalizados

O Aplicativo

Explicação App 1
Explicação App 2
Explicação App 3
Explicação App 4

Impacto Esperado

  • Ser um agente facilitador, voltado para educadores, que tem por finalidade auxiliar no gerenciamento de turmas virtuais.

Protótipo de Alta Fidelidade

  • Sugiro que  clique na logo ou no nome “Figma” para uma melhor visualização e interação com o protótipo.