PROPOSTA DO PROJETO INTEGRADOR- IV SEMESTRE

Prévia do material em texto

PI – Desenvolvimento de Sistemas orientados 
a Dispositivos Móveis e baseados na Web
Webconferência 1
Professor Jean Carlo Wagner
Período 2024 – 1º trimestre
Visão de Produto e Personas
PI – Desenvolvimento de Sistemas orientados 
a Dispositivos Móveis e baseados na Web
 
• Objetivos e Observações
• O que é uma Jornada do Usuário
• Como elaborar uma Jornada do 
Usuário
• Técnicas para elaboração da
jornada
• Um exemplo
• Visão de Produto e Personas
• Usuários (Personas) do app DoeJá
• Descrição de Personas
• Nossas Personas têm empatia!
• Usabilidade
• Design de UX
• Critérios de avaliação
• Primeira entrega do PI
• Extensionismo
• Tools
• Referências
Agenda
Objetivos e Observações
1
➢ Objetivo 1: viabilizar e simular situações que possibilitem a integração do 
conhecimento acadêmico (teórico) à sua aplicação prática.
➢ Objetivo 2: Identificar usuários de um produto ou serviço por meio da descrição 
de Personas.
• Os Projetos devem contemplar resoluções e sugestões para a situação-problema 
definida.
• Para isso, será necessário analisar o problema e refletir sobre ele a partir dos 
conceitos estudados, além de construir uma visão crítica sobre o ambiente 
estudado, relacionando teoria e prática.
O que é uma Jornada do Usuário
2
➢ Consiste em uma história que traduz a relação entre o usuário com seu produto 
ou serviço.
➢ Para que seja desenvolvida é necessário o detalhamento da visão de produtos e 
os estereótipos das partes interessadas através das personas.
Como elaborar uma Jornada do Usuário
3
➢ Não existe um padrão para o desenvolvimento, mas algumas premissas devem ser 
seguidas:
• objetivos do usuário;
• suas ações;
• seus pensamentos;
• suas emoções.
➢ A jornada deve ser elaborada tendo como premissa a visão da parte interessada. É 
a pessoa que decide pelas condutas na interação com o aplicativo.
Técnicas para elaboração da jornada
4
➢ Storytelling: técnica para contar algo levando em consideração as impressões e 
emoções do usuário, resultando em uma descrição com empatia, trazendo uma 
mensagem relevante na interação entre usuário e aplicativo.
➢ Transformação de dados brutos (geralmente uma descrição totalmente textual) 
em uma informação visual, permitindo uma compreensão objetiva e melhor 
contextualizada.
Um exemplo
5
➢ Cenário: Viviane está com brinquedos em bom estado de conservação e quer 
encontrar uma maneira segura e confiável para realizar sua doação.
➢ Expectativas: encontrar um aplicativo que consiga ajudá-la a encontrar uma 
instituição de caridade que traga confiança e transparência no processo de 
doação.
Um exemplo
6
➢ Fase 1
▪ Viviane acessa a loja de aplicativos e busca pela palavra-chave “doação”.
▪ Ela encontra o DoeJá, fica empolgada com a solução e permite a instalação do 
app.
▪ Intenção: “Quero encontrar um app que me ajude a doar!”
Um exemplo
7
➢ Fase 2
▪ Viviane abre o aplicativo e fornece suas credenciais e palavras-chave para 
encontrar uma instituição de caridade.
▪ Ela observa uma lista de instituições e em cada uma delas observa os relatos das 
experiências.
▪ Impressão: “Estou gostando do aplicativo, vou encontrar o que preciso!”
Um exemplo
8
➢ Fase 3
▪ Viviane encontra uma instituição próxima a um dos hospitais onde trabalha, que 
lhe trouxe confiança.
▪ Com isso conciliou sua ida ao trabalho à entrega dos brinquedos.
▪ Resultado: “Excelente! Já combinei a doação e entregarei quando for ao meu 
próximo plantão!”
Um exemplo
9
➢ Oportunidades:
▪ Fidelização de Viviane com o aplicativo DoeJá.
▪ Estabelecer uma relação de confiança e uma geração de satisfação de modo que 
Viviane indique o app a outras pessoas.
Visão de Produto e Personas
10
➢ Referente a nosso exemplo:
• Para os doadores e instituições de caridade, os quais expressam dificuldades em 
encontrar uns aos outros para receber doações e estabelecer uma relação de 
confiança, o DoeJá é um aplicativo desenvolvido para dispositivos móveis e 
desktops, que facilita a busca entre doadores e instituições de caridade, 
promovendo a transparência na coleta e entrega de doações, diferentemente de 
portais informativos com opções de interação limitadas, o produto (app) 
estabelece uma relação a longo prazo entre as partes interessadas.
Usuários (Personas) do app DoeJá
11
• Quais são suas dores?
• E suas necessidades?
• Como o DoeJá pode contribuir com a vida destas pessoas?
➢ Personas são personagens fictícios criados para representar diferentes tipos de 
usuários para um produto.
➢ É uma maneira de criar empatia entre os desenvolvedores e os consumidores no 
processo de construção.
Descrição de Personas
12
• Um exemplo referente ao app DoeJá:
Nossas Personas têm empatia!
13
➢ É importante entender que nossas personas sempre são protagonistas no 
desenvolvimento da solução, sempre respondendo as seguintes indagações:
• O que eu vejo?
• O que eu penso?
• O que eu ouço?
• O que eu falo?
❖ Essas Personas usam diferentes gadgets!
➢ A descrição de Personas deixa claro para toda a equipe como podemos ajudá-los 
através de funcionalidades úteis no dia-a-dia.
Usabilidade
14
Usabilidade
15
Design de UX
16
Critérios de avaliação
17
➢ Organização do texto: formatação, padronização, qualidade de apresentação;
➢ Conteúdo predominante próprio: considerando as regras de tamanho e formato 
do Projeto Integrador a ser entregue, o texto deverá expressar as ideias e análises 
do aluno, utilizando as referências bibliográficas de forma indireta 
predominantemente;
➢ Rigor, formalidade e domínio na solução técnica apresentada: o conhecimento 
desenvolvido e estudado ao longo do semestre deve ser incluído no texto, assim 
como a integridade textual do conteúdo solicitado neste documento;
➢ Detalhamento e profundidade do desenvolvimento do assunto;
Critérios de avaliação
18
➢ Uso adequado da língua portuguesa e das terminologias: ao final do PI, deve-se 
realizar uma revisão da estruturação do texto, dos erros de ortografia e das 
terminologias utilizadas;
➢ Evolução do projeto e contribuição dos participantes justificadas no repositório: 
na avaliação do desenvolvimento da solução proposta, serão observadas as 
contribuições de cada aluno de acordo com papéis e reponsabilidades definidos 
no planejamento apresentado.
➢ Demonstração da solução: será observado no vídeo de demonstração se o mesmo 
atende a uma ou mais histórias de usuário descritas no planejamento da solução.
Primeira entrega do PI
19
➢ Consiste em apresentar a proposta da aplicação desejada, entendendo que a 
mesma deve atender uma necessidade real ou refletir uma proposta de negócio 
sugerida pelo grupo. A mesma deve contemplar:
1. Apresentar a visão de produto, levando em consideração o público-alvo, a 
dificuldade apresentada, a missão do aplicativo, os benefícios gerados e o 
diferencial entre propostas concorrentes.
2. Para cada público-alvo elencado, elaborar a descrição de persona conforme 
orientado na webconferência do projeto integrador e material disponível na 
midiateca.
3. A partir do levantamento de personas e visão de produto, elaborar uma proposta 
de protótipo que atenda ao levantamento apresentado. O mesmo deve ser um 
protótipo funcional elaborado em ferramentas como Figma, Fluid.UI ou similar.
Extensionismo
20
➢ Propõe uma correlação entre a proposta da aplicação desejada e um contexto ou 
situação dentro da comunidade ou realidade de cada um. Neste sentido, o grupo 
deve considerar um contexto que envolva ao menos um dos conjuntos ilustrados a 
seguir: 
Saúde coletiva (pública) Saúde hospitalar
Saúde preventiva
Saúde individual
Saúde de gênero (do homem, da mulher, ...)
Tools
21
• Ionic
• Xamarin
• React Native
• Flutter
• Sencha
• Visual Studio
• Xcode
➢ Saiba mais:
https://blog.back4app.com/pt/ferramentas-para-desenvolvimento-mobile/
Referências
22
• DAMS, C. et al. A arte e a ciência da CSS. Crie web designs inspiradores baseados 
em padrões. Porto Alegre: Bookman,2009. 
• FLEXBOX. O guia completo do Flexbox. Disponível em: https://css-
tricks.com/snippets/css/a-guide-to-flexbox/. Acesso em: 21 dez. 2020.
• HAROLD, E.R. Refatorando HTML: como melhorar projeto de aplicações web 
existentes. Porto Alegre: Bookman, 2010. 
• NIEDERAUER, J. Desenvolvendo websites com PHP: aprenda a criar websites 
dinâmicos e interativos com PHP e bancos de dados. São Paulo: Novatec, 2010. 
• PRESSMAN, R. S. Engenharia de software. Rio de Janeiro: McGraw-Hill, 2006.
• SOMMERVILLE, I. Engenharia de software. São Paulo: Pearson, 2011. 
• TANEMBAUM, A..; Van STEEN, M. Sistemas distribuídos. Princípios e paradigmas. 
São Paulo: Prentice Hall, 2008. 
Referências
23
• VARGAS, R. Gerenciamento de projetos: estabelecendo diferenciais competitivos. 
São Paulo: Brasport, 2018.
• Lean Inception: Como Alinhar Pessoas e Construir o Produto Certo, Paulo Caroli.
• Lean UX: Designing Great Products with Agile Teams, Jeff Gothelf.
Obrigado!
Professor Jean Carlo Wagner
	Slide 1
	Slide 2
	Slide 3
	Slide 4: Objetivos e Observações
	Slide 5: O que é uma Jornada do Usuário
	Slide 6: Como elaborar uma Jornada do Usuário
	Slide 7: Técnicas para elaboração da jornada
	Slide 8: Um exemplo
	Slide 9: Um exemplo
	Slide 10: Um exemplo
	Slide 11: Um exemplo
	Slide 12: Um exemplo
	Slide 13: Visão de Produto e Personas
	Slide 14: Usuários (Personas) do app DoeJá
	Slide 15: Descrição de Personas
	Slide 16: Nossas Personas têm empatia!
	Slide 17: Usabilidade
	Slide 18: Usabilidade
	Slide 19: Design de UX
	Slide 20: Critérios de avaliação
	Slide 21: Critérios de avaliação
	Slide 22: Primeira entrega do PI
	Slide 23: Extensionismo
	Slide 24: Tools
	Slide 25: Referências
	Slide 26: Referências
	Slide 27