UX AOP 2

Prévia do material em texto

EXPERIÊNCIA E INTERFACE COM 
USUÁRIO 
ATIVIDADE ONLINE AVALIATIVA 2 
 
 
 
ANDRÉ LUIS CADOSO PIEROTT 
CAROLINE COUTINHO HORÁCIO ALVES 
LUIZ PAULO VAGO DE FREITAS 
MAYCON DE SOUZA RODRIGUES 
TATIANY DOS SANTOS LIMA 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1. Usabilidade dos Wireframes 
 
1.1. Login 
 
 
 
A tela de login foi pensada para ter a melhor usabilidade e facilidade possível, os botões 
principais são grandes e fáceis de ter acesso, qualquer usuário consegue inserir as suas 
informações com facilidade e clareza. O botão de entrar está em um tom de cor diferente 
exatamente para chamar atenção, ao apertar esse botão, ele será direcionado direto para a tela 
onde ficam os animais disponíveis para adotar. Caso o usuário não tiver registro, ele deverá 
apertar no botão registrar, sendo direcionado a outra tela. 
 
 
 
 
 
 
 
 
 
 
1.2. Cadastro 
 
 
 
 
A tela de cadastro também é bem intuitiva, assim como a tela de login. A de cadastro 
possui campos de inserção de texto bem grandes para garantir facilidade na hora de introduzir 
as informações. Essas serão de extrema importância na última etapa, a da adoção, as quais serão 
analisadas por Maria na hora de considerar qual candidato a adoção será mais qualificado. 
 
 
 
 
 
 
 
 
 
1.3. Animais disponíveis 
 
 
 
A tela acima foi desenhada para mostrar ao possível candidato/usuário as opções de 
animais disponíveis, exibindo no canto superior esquerdo a opção de voltar e logo após 
centralizado o título da página (Pets Disponíveis). Logo abaixo foram criados 6 quadros 
dispostos e divididos conforme a tela de um smartphone em um visual mais clean (limpo). 
Possui a miniatura do animal e seu respectivo nome, possibilitando ao usuário a escolha de um 
pet, no qual ao ser selecionado, será direcionado à próxima página onde contém as informações 
detalhadas do pet escolhido. 
 
 
 
 
 
 
 
 
 
 
1.4. Perfil do animal 
 
 
 
 
Ao criarmos o Perfil do Animal, pensamos na melhor usabilidade do usuário em 
verificar as principais características dos nossos animais que estão disponíveis para adoção. 
Com um breve histórico de como chegou até o nosso abrigo, idade, raça, se é castrado e se a 
vacinação está em dia. Caso o usuário se identifique com o perfil do animal e gostaria de adotá-
lo, bastar selecionar o botão adotar para prosseguir com seu processo de adoção. 
 
 
 
 
 
 
 
 
 
1.5. Feedback de adoção 
 
 
 
A tela de feedback foi elaborada e inserida com a finalidade de garantir que o usuário 
seja orientado sobre informações importantes e acontecimentos em relação ao processo de 
adoção online. Desta forma, o usuário compreende nesse contexto que a ação foi concluída, 
permitindo um diálogo para que fique evidente que a tarefa foi realizada com sucesso. Neste 
caso, que a solicitação de adoção foi realizada com sucesso, que haverá uma análise dos dados 
dos usuários para selecionar o melhor candidato para adoção e que a equipe de adoção entrará 
em contato, a partir dos dados disponibilizados, para enviar uma resposta. 
 
 
 
 
 
 
 
 
 
1.6. Conclusão 
Para garantir uma maior usabilidade na qual o usuário irá utilizar com facilidade a 
interface foram utilizados mecanismos para atingir esse objetivo. Sendo assim, foi aplicado 
botões principais grandes e com coloração diferenciada para melhorar a visibilidade, além de 
ser intuitivo para sua utilização. Ainda, os campos de inserção texto são grandes para facilitar 
a introdução das informações pelo usuário. Foi inserido um botão de voltar para a página 
anterior, dessa forma o utilizador tem a liberdade de trafegar pela interface. 
Ademais, para facilitar na escolha do animal a ser adotado, foi disponibilizado as opções 
com imagens dos cachorros de forma selecionável. Ao escolher, o usuário é direcionado para 
uma página contendo o perfil dos animais disponíveis. Esses mecanismos proporcionam ao 
usuário uma forma descomplicada para a escolha do pet. Além disso, o feedback ao final do 
processo comunica ao utilizador que o procedimento foi concluído, orientando-o sobre os 
próximos passos da adoção, como a análise de dados e que Maria entrará em contato. 
 
 
 
2. Link Wireframes 
https://www.figma.com/design/8tIz7yE9QZt9ZQb1GTEflZ/PROJETO-UX?node-id=3-
12&t=1kvOOEi8XElTNq1G-0 
 
 
 
 
 
 
 
 
https://www.figma.com/design/8tIz7yE9QZt9ZQb1GTEflZ/PROJETO-UX?node-id=3-12&t=1kvOOEi8XElTNq1G-0
https://www.figma.com/design/8tIz7yE9QZt9ZQb1GTEflZ/PROJETO-UX?node-id=3-12&t=1kvOOEi8XElTNq1G-0