Skip to content

Commit

Permalink
Deployed 72a57af with MkDocs version: 1.6.1
Browse files Browse the repository at this point in the history
  • Loading branch information
Karolina91 committed Jan 26, 2025
1 parent 1ee5068 commit bce376c
Show file tree
Hide file tree
Showing 5 changed files with 49 additions and 49 deletions.
2 changes: 1 addition & 1 deletion Apresentacoes/apresentacao7/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2345,7 +2345,7 @@ <h2 id="artefatos-realizados">Artefatos realizados:</h2>
</ol>

<p>Link para o vídeo da apresentação:
<a href="link">Apresentação</a></p>
<a href="https://youtu.be/J3_QEppSrKQ">Apresentação</a></p>
<h2 id="referencias-bibliograficas">Referências Bibliográficas</h2>
<ol>
<li>BARBOSA, S. D. J.; SILVA, B. S. <em>Interação Humano-Computador</em>. Rio de Janeiro: Elsevier, 2011. </li>
Expand Down
2 changes: 1 addition & 1 deletion Desenvolvimento/PlanejamentoAltaFidelidade/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2769,7 +2769,7 @@ <h2 id="questoes-eticas-d">Questões Éticas (D)</h2>
<h2 id="teste-piloto">Teste Piloto</h2>
<p>Antes de realizar as entrevistas principais, conduzimos um teste piloto para validar o roteiro e identificar ajustes necessários. Um participante com perfil semelhante ao público-alvo foi convidado para avaliar a clareza das perguntas, o fluxo da entrevista, o tempo necessário e possíveis dificuldades. Os resultados permitiram otimizar o processo, garantindo maior eficácia nas entrevistas principais.</p>
<h3 id="video-1-gravacao-do-teste">Video 1: Gravação do teste</h3>
<p><a href="link">Assista ao vídeo no YouTube</a></p>
<p><a href="https://youtu.be/YeLWCBwye4A">Assista ao vídeo no YouTube</a></p>
<h2 id="bibliografia">Bibliografia</h2>
<p>[1] BARBOSA, S. et al. Interação Humano-Computador e Experiência do Usuário. [s.l.] Autopublicação - Leanpub, 2021.<br />
[2] Análise da plataforma Simples Nacional - Características da plataforma, disponível em: <a href="https://interacao-humano-computador.github.io/2022.2-SimplesNacional/DesignAvaliacaoDesen/Nivel3/ProtAltaFidelidade/PlanejamentoProtAlta/">https://interacao-humano-computador.github.io/2022.2-SimplesNacional/DesignAvaliacaoDesen/Nivel3/ProtAltaFidelidade/PlanejamentoProtAlta/</a>. Acesso em 10 de janeiro de 2025.</p>
Expand Down
90 changes: 45 additions & 45 deletions Desenvolvimento/PrototipoAlta/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -1827,9 +1827,9 @@
</li>

<li class="md-nav__item">
<a href="#agendamento-excuido" class="md-nav__link">
<a href="#figura-4-agendamento-excuido" class="md-nav__link">
<span class="md-ellipsis">
Agendamento Excuído
Figura 4 - Agendamento Excuído
</span>
</a>

Expand All @@ -1851,72 +1851,72 @@
<ul class="md-nav__list">

<li class="md-nav__item">
<a href="#figura-4-tela-de-estagio-remunerado" class="md-nav__link">
<a href="#figura-5-tela-de-estagio-remunerado" class="md-nav__link">
<span class="md-ellipsis">
Figura 4 -Tela de Estágio Remunerado
Figura 5 -Tela de Estágio Remunerado
</span>
</a>

</li>

<li class="md-nav__item">
<a href="#figura-5-formulario-de-inscricao" class="md-nav__link">
<a href="#figura-6-formulario-de-inscricao" class="md-nav__link">
<span class="md-ellipsis">
Figura 5 -Formulário de inscrição
Figura 6 -Formulário de inscrição
</span>
</a>

</li>

<li class="md-nav__item">
<a href="#figura-6-tela-de-login-para-a-sessao-acompanhar-inscricao" class="md-nav__link">
<a href="#figura-7-tela-de-login-para-a-sessao-acompanhar-inscricao" class="md-nav__link">
<span class="md-ellipsis">
Figura 6 -Tela de login para a sessão Acompanhar inscrição
Figura 7 -Tela de login para a sessão Acompanhar inscrição
</span>
</a>

</li>

<li class="md-nav__item">
<a href="#figura-7-tela-de-acompanhar-inscricao" class="md-nav__link">
<a href="#figura-8-tela-de-acompanhar-inscricao" class="md-nav__link">
<span class="md-ellipsis">
Figura 7 -Tela de acompanhar inscrição
Figura 8 -Tela de acompanhar inscrição
</span>
</a>

</li>

<li class="md-nav__item">
<a href="#figura-8-tela-para-agendar-entrevista" class="md-nav__link">
<a href="#figura-9-tela-para-agendar-entrevista" class="md-nav__link">
<span class="md-ellipsis">
Figura 8 -Tela para agendar entrevista
Figura 9 -Tela para agendar entrevista
</span>
</a>

</li>

<li class="md-nav__item">
<a href="#figura-9-tela-para-excluir-inscricao" class="md-nav__link">
<a href="#figura-10-tela-para-excluir-inscricao" class="md-nav__link">
<span class="md-ellipsis">
Figura 9 -Tela para excluir inscrição
Figura 10 -Tela para excluir inscrição
</span>
</a>

</li>

<li class="md-nav__item">
<a href="#figura-10-mensagens-de-erro" class="md-nav__link">
<a href="#figura-11-mensagens-de-erro" class="md-nav__link">
<span class="md-ellipsis">
Figura 10 -Mensagens de erro
Figura 11 -Mensagens de erro
</span>
</a>

</li>

<li class="md-nav__item">
<a href="#figura-10-mensagens-de-exito" class="md-nav__link">
<a href="#figura-12-mensagens-de-exito" class="md-nav__link">
<span class="md-ellipsis">
Figura 10 -Mensagens de êxito
Figura 12 -Mensagens de êxito
</span>
</a>

Expand Down Expand Up @@ -2525,9 +2525,9 @@
</li>

<li class="md-nav__item">
<a href="#agendamento-excuido" class="md-nav__link">
<a href="#figura-4-agendamento-excuido" class="md-nav__link">
<span class="md-ellipsis">
Agendamento Excuído
Figura 4 - Agendamento Excuído
</span>
</a>

Expand All @@ -2549,72 +2549,72 @@
<ul class="md-nav__list">

<li class="md-nav__item">
<a href="#figura-4-tela-de-estagio-remunerado" class="md-nav__link">
<a href="#figura-5-tela-de-estagio-remunerado" class="md-nav__link">
<span class="md-ellipsis">
Figura 4 -Tela de Estágio Remunerado
Figura 5 -Tela de Estágio Remunerado
</span>
</a>

</li>

<li class="md-nav__item">
<a href="#figura-5-formulario-de-inscricao" class="md-nav__link">
<a href="#figura-6-formulario-de-inscricao" class="md-nav__link">
<span class="md-ellipsis">
Figura 5 -Formulário de inscrição
Figura 6 -Formulário de inscrição
</span>
</a>

</li>

<li class="md-nav__item">
<a href="#figura-6-tela-de-login-para-a-sessao-acompanhar-inscricao" class="md-nav__link">
<a href="#figura-7-tela-de-login-para-a-sessao-acompanhar-inscricao" class="md-nav__link">
<span class="md-ellipsis">
Figura 6 -Tela de login para a sessão Acompanhar inscrição
Figura 7 -Tela de login para a sessão Acompanhar inscrição
</span>
</a>

</li>

<li class="md-nav__item">
<a href="#figura-7-tela-de-acompanhar-inscricao" class="md-nav__link">
<a href="#figura-8-tela-de-acompanhar-inscricao" class="md-nav__link">
<span class="md-ellipsis">
Figura 7 -Tela de acompanhar inscrição
Figura 8 -Tela de acompanhar inscrição
</span>
</a>

</li>

<li class="md-nav__item">
<a href="#figura-8-tela-para-agendar-entrevista" class="md-nav__link">
<a href="#figura-9-tela-para-agendar-entrevista" class="md-nav__link">
<span class="md-ellipsis">
Figura 8 -Tela para agendar entrevista
Figura 9 -Tela para agendar entrevista
</span>
</a>

</li>

<li class="md-nav__item">
<a href="#figura-9-tela-para-excluir-inscricao" class="md-nav__link">
<a href="#figura-10-tela-para-excluir-inscricao" class="md-nav__link">
<span class="md-ellipsis">
Figura 9 -Tela para excluir inscrição
Figura 10 -Tela para excluir inscrição
</span>
</a>

</li>

<li class="md-nav__item">
<a href="#figura-10-mensagens-de-erro" class="md-nav__link">
<a href="#figura-11-mensagens-de-erro" class="md-nav__link">
<span class="md-ellipsis">
Figura 10 -Mensagens de erro
Figura 11 -Mensagens de erro
</span>
</a>

</li>

<li class="md-nav__item">
<a href="#figura-10-mensagens-de-exito" class="md-nav__link">
<a href="#figura-12-mensagens-de-exito" class="md-nav__link">
<span class="md-ellipsis">
Figura 10 -Mensagens de êxito
Figura 12 -Mensagens de êxito
</span>
</a>

Expand Down Expand Up @@ -2697,31 +2697,31 @@ <h3 id="figura-2-tela-principal-do-agendamento-com-advogado">Figura 2-Tela Princ

<h3 id="figura-3-definir-agendamento">Figura 3 -Definir agendamento</h3>
<p><img alt="Figura 1 - Tela Inicial" src="../../assets/images/DefinirAgendamento.png" /><figcaption>Autor: Karolina Vieira (2025)</figcaption></p>
<h3 id="agendamento-excuido">Agendamento Excuído</h3>
<h3 id="figura-4-agendamento-excuido">Figura 4 - Agendamento Excuído</h3>
<p><img alt="Figura 1 - Tela Inicial" src="../../assets/images/image.png" /><figcaption>Autor: Karolina Vieira (2025)</figcaption></p>
<h2 id="prototipo-de-alta-fidelidade-2-increve-se-no-programa-de-estagio-dpdf">Protótipo de Alta Fidelidade 2 - Increve-se no Programa de Estágio DPDF</h2>
<p>As figuras apresentadas a seguir ilustram o protótipo desenvolvido para a tarefa de se inscrever no estágio da DPDF (funcionalidade criada para o projeto) com foco em um sistema que visa facilitar o processo de inscrição e acompanhamento. Cada imagem representa telas específicas projetadas para atender diferentes funcionalidades do sistema.</p>
<h3 id="figura-4-tela-de-estagio-remunerado">Figura 4 -Tela de Estágio Remunerado</h3>
<h3 id="figura-5-tela-de-estagio-remunerado">Figura 5 -Tela de Estágio Remunerado</h3>
<p><img alt="Figura 1 - Tela de Estágio Remunerado" src="../../assets/images/telaestagioprototipo.png" /><figcaption>Autor: Paola Nascimento (2025)</figcaption></p>
<p>Essa tela (Figura 4) é a página inicial desse processo, onde usuários interessados em estágios remunerados podem visualizar informações relevantes, se inscrever e acompanhar a inscrição.</p>
<h3 id="figura-5-formulario-de-inscricao">Figura 5 -Formulário de inscrição</h3>
<h3 id="figura-6-formulario-de-inscricao">Figura 6 -Formulário de inscrição</h3>
<p><img alt="Figura 1 - Tela para se inscrever no estágio" src="../../assets/images/formularioinscricaoestagio.svg" /><figcaption>Autor: Paola Nascimento (2025)</figcaption></p>
<p>O formulário de inscrição (Figura 5) possibilita ao usuário cadastrar-se em um estágio de maneira prática e objetiva. Nele, os campos são organizados de forma clara, garantindo que as informações necessárias sejam preenchidas com precisão e eficiência.</p>
<h3 id="figura-6-tela-de-login-para-a-sessao-acompanhar-inscricao">Figura 6 -Tela de login para a sessão Acompanhar inscrição</h3>
<h3 id="figura-7-tela-de-login-para-a-sessao-acompanhar-inscricao">Figura 7 -Tela de login para a sessão Acompanhar inscrição</h3>
<p><img alt="Figura 1 - Tela de login para a sessão Acompanhar inscrição" src="../../assets/images/acompanharinscricaoprototitpo.png" /><figcaption>Autor: Paola Nascimento (2025)</figcaption></p>
<p>A tela de login (Figura 6) foi projetada para garantir a segurança e personalização do acesso ao sistema. Aqui, o usuário pode autenticar-se para acompanhar o progresso de sua inscrição. Aqui, o login é realizado com nome e CPF.</p>
<h3 id="figura-7-tela-de-acompanhar-inscricao">Figura 7 -Tela de acompanhar inscrição</h3>
<h3 id="figura-8-tela-de-acompanhar-inscricao">Figura 8 -Tela de acompanhar inscrição</h3>
<p><img alt="Figura 1 - Tela de login para a sessão Acompanhar inscrição" src="../../assets/images/acompanharinscricaoprototipo.png" /><figcaption>Autor: Paola Nascimento (2025)</figcaption></p>
<p>A Figura 7 exibe a interface que permite aos usuários verificarem o status de suas inscrições, o histórico de notificações e agendarem entrevistas quando disponíveis. A visualização detalhada oferece maior transparência e promove a interação entre o candidato e o sistema.</p>
<h3 id="figura-8-tela-para-agendar-entrevista">Figura 8 -Tela para agendar entrevista</h3>
<h3 id="figura-9-tela-para-agendar-entrevista">Figura 9 -Tela para agendar entrevista</h3>
<p><img alt="Figura 1 - Tela de login para a sessão Acompanhar inscrição" src="../../assets/images/agendarestrevistaestagio.png" /><figcaption>Autor: Paola Nascimento (2025)</figcaption></p>
<p>A tela para agendamento de entrevistas (Figura 8) facilita a escolha de datas, local e localidade da entrevista, proporcionando um processo eficiente e prático.</p>
<h3 id="figura-9-tela-para-excluir-inscricao">Figura 9 -Tela para excluir inscrição</h3>
<h3 id="figura-10-tela-para-excluir-inscricao">Figura 10 -Tela para excluir inscrição</h3>
<p><img alt="Figura 1 - Tela de login para a sessão Acompanhar inscrição" src="../../assets/images/excluirinscricaoprototipo.png" /><figcaption>Autor: Paola Nascimento (2025)</figcaption></p>
<p>A Figura 9 ilustra a tela destinada à exclusão de inscrições. Essa funcionalidade possibilita que o canditato gerencie suas informações.</p>
<h3 id="figura-10-mensagens-de-erro">Figura 10 -Mensagens de erro</h3>
<h3 id="figura-11-mensagens-de-erro">Figura 11 -Mensagens de erro</h3>
<p><img alt="Figura 1 - Telas de mensagens de erro e êxito" src="../../assets/images/mensagensdeerroprototipo.svg" /><figcaption>Autor: Paola Nascimento (2025)</figcaption></p>
<h3 id="figura-10-mensagens-de-exito">Figura 10 -Mensagens de êxito</h3>
<h3 id="figura-12-mensagens-de-exito">Figura 12 -Mensagens de êxito</h3>
<p><img alt="Figura 1 - Telas de mensagens de erro e êxito" src="../../assets/images/mensagensdexitoprototipo.svg" /><figcaption>Autor: Paola Nascimento (2025)</figcaption></p>
<p>Por fim, as Figuras 10 e 11 reúnem exemplos de mensagens de feedback exibidas pelo sistema, de erro e de sucesso, que contribuem para uma interação transparente e direta entre o usuário e o sistema. Essas representações visuais exemplificam o compromisso com a usabilidade e acessibilidade. </p>
<h2 id="referencias-bibliograficas">Referências Bibliográficas</h2>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2854,7 +2854,7 @@ <h3 id="problemas-e-dificuldades-encontradas">Problemas e Dificuldades Encontrad
<h3 id="sugestoes-de-melhoria">Sugestões de Melhoria</h3>
<p>Nenhuma sugestão de melhoria foi apresentada, pois o protótipo atendeu plenamente às expectativas e necessidades dos usuários avaliados.</p>
<h3 id="feedback-dos-usuarios">Feedback dos Usuários</h3>
<p>OO usuário relatou uma experiência positiva ao interagir com o protótipo. Ele considerou a interface intuitiva, funcional e consistente, o que facilitou a realização das tarefas de forma eficiente. O design foi elogiado por ser limpo e focado nos elementos essenciais, contribuindo para uma navegação simples e direta </p>
<p>O usuário relatou uma experiência positiva ao interagir com o protótipo. Ele considerou a interface intuitiva, funcional e consistente, o que facilitou a realização das tarefas de forma eficiente. O design foi elogiado por ser limpo e focado nos elementos essenciais, contribuindo para uma navegação simples e direta </p>
<h2 id="entrevista-inscrever-se-no-programa-de-estagio-dpdf">Entrevista - Inscrever-se no Programa de Estágio DPDF</h2>
<h3 id="objetivos_1">Objetivos</h3>
<p>A avaliação teve como objetivo analisar o <a href="../ProtiposdePapel/">Protótipo de Alta Fidelidade 2 - Inscrever-se no Programa de Estágio DPDF </a>, com o intuito de identificar pontos de melhoria na interação e na interface ao realizar a tarefa descrita.</p>
Expand Down
2 changes: 1 addition & 1 deletion search/search_index.json

Large diffs are not rendered by default.

0 comments on commit bce376c

Please sign in to comment.