Storyboards

Introdução

O storyboard é um exemplo de protótipo de baixa fidelidade, muito útil devido sua simplicidade, baixo custo e rápida produção. Isso significa que podem ser rapidamente alterados. São geralmente utilizados em conjunto com cenários. Nos modelos abaixo ele será representando por GUI, sendo do tipo linear. É ncessário atender os seguintes critérios ( podendo posu=suir a explicação por texto).

• As pessoas envolvidas;
• Ambiente/contexto;
• Tarefas;
• Passos envolvidos;
• A motivação para usar a sistema;
• O que as pessoas precisam fazer para completar a tarefa;
• A satisfação da pessoa ao completar a tarefa, no final do storyboard.

Tarefa 1: Transferência de veículos

Na figura 1, apresenta-se um storyboard no qual duas pessoas estão realizando uma trasnferência de veículo após uma negociação.

Figura 1 - Transefência de veículos

Autor: Márcio Henrique

Seção	Detalhes
Personagens Envolvidos	Guilherme: Comprador do veículo, 28 anos, analista de sistemas, busca um processo simples e digital.
	Carlos: Vendedor, 35 anos, vendedor de peças automotivas, quer um processo rápido e eficiente.
Ambiente	Guilherme: Em casa, usando um computador.
	Carlos: No trabalho, usando um smartphone.
	Plataforma: Sistema online de transferência de veículos do Detran, acessado via navegador e aplicativo.
Motivação de Usar a Aplicação	Guilherme: Evitar filas e burocracia, buscando um método rápido, intuitivo e seguro.
	Carlos: Finalizar a venda rapidamente e transferir a responsabilidade do veículo.
Tarefas	1. Acessar o sistema do Detran. 2. Confirmar os dados cadastrais e do veículo. 3. Autenticação digital. 4. Pagar as taxas. 5. Confirmar a conclusão e obter o CRV.
Passos Envolvidos	1. Acesso ao Sistema: - Guilherme: Login no site do Detran (CPF e senha). - Carlos: Login no app com autenticação facial.
	2. Início da Transferência: - Guilherme: Seleciona “Transferência de Veículo”, insere placa e Renavam.
	3. Confirmação dos Dados: - Sistema exibe detalhes do veículo. - Carlos confirma via notificação.
	4. Autenticação Digital: - Assinatura digital pelo Gov.br.
	5. Pagamento das Taxas: - Guilherme paga via boleto ou PIX.
	6. Finalização: - Guilherme recebe o novo CRV digital. - Carlos recebe confirmação da transferência.
O Que é Necessário Fazer	Guilherme: Acesso ao sistema, login, autenticação digital e pagamento das taxas. Carlos: Acessar o app, confirmar dados e autorizar transferência. Ambos: Assinar digitalmente a transferência.
Motivação	- Facilidade e Conveniência: Evitar deslocamentos e burocracias. - Segurança: Transferência correta e comprovada digitalmente. - Rapidez: Processo concluído em minutos.
Resultado e Satisfação	Guilherme: Satisfeito com a compra rápida e segura. Carlos: Aliviado por transferir a responsabilidade do veículo de forma eficiente.

Tarefa 2: Agendamento de Serviço

Na figura 2, apresenta-se um stroyboard no qual uma pessoa precisa fazer um agendamento de um serviço no Portal DETRAN-DF.

Figura 2 - Agendamento de serviço

Autor: Luiza Maluf

Seção	Detalhes
Personagens Envolvidos	Mariana: Jovem adulta, 20 anos, comprou seu primeiro carro.
	Vendedor: Vendedor da concessionária que entrega o carro à Mariana.
Ambiente	Mariana: Na concessionária pegando seu veículo e em sua casa acessando a plataforma.
	Vendedor: Na concessionária entregando o carro de Mariana.
Motivação a usar o Portal	Mariana: Conseguir a agendar a vistoria de seu carro usado.
	Vendedor: ajudar a Mariana.
Tarefas	1. Acessar o Portal DETRAN-DF 2. Inserir dados pessoais 3. Selecionar Local, Data e Hora do agendamento 4. Confirmar Agendamento.
Passos Envolvidos	1. Juntar documentos informações pessoais necessárias
	2. Acessar o Portal DETRAN-DF
	3. Inserir os dados necessários
	4. Conferir se os dados estão corretos
	5. Selecionar local de escolha
	6. Escolher uma data e horário disponível
	7. Confirmar agendamento
Motivação:	- Rapidez para realizar o agendamento; - Praticidade no momento de visualizar a disponibiliade de horários; - Conveniência: evita espera em ligações, deslocamentos para centrais de atendimento e etc.
Resultado e Satisfação	Mariana: Conseguiu agendar com facilidade a vistoria de seu primeiro carro.
	Vendedor: Teve uma venda com sucesso e uma cliente feliz.

Bibliografia

KLEMMER, Scott. Storyboards, Paper Prototypes and Mockups. André Barros de Sales,2020. Disponível em:https://www.youtube.com/watch?v=h2H3oIQtddU. Acesso em: 08 dez. 2024.

OCR. Guide to Storyboards. [S.l.]: OCR, 2020. Disponível em: https://www.ocr.org.uk/Images/579489-guide-to-storyboards.pdf. Acesso em: 26 jun. 2024.

---

Histórico de Versões

Versão	Data	Descrição	Autor(es)	Revisor(es)
1.0	09/11/2024	Criação do página e Inserção do storyboard da tarefa 1	Márcio Henrique	Luiza Maluf
1.1	09/11/2024	Inserção do storyboard da tarefa 2	Luiza Maluf	Márcio Henrique