CENTRO DE CIÊNCIAS EXATAS E TECNOLÓGICASTECNOLOGIA EM ANÁLISE E DESENVOLVIMENTO DE SISTEMASANDERSON DA VISITAÇÃO MORAIS, E...
SUMÁRIO1             INTRODUÇÃO .............................................................................................
11 INTRODUÇÃO               Neste portfólio foi realizado a prototipação do projeto iniciado nosemestre anterior. Utilizam...
22 REQUISITOS ELABORADOS           a) O que fazer?               -   Site para o Vestibular UNOPAR 2010           b) Para ...
33 PROTÓTIPO DE BAIXO NÍVEL                Esta fase do Projeto de Interface tem como objetivo dar inicio aprototipação. P...
4Figura 2 – protótipo baixa fidelidade – página cursos ofertados   Figura 3 – protótipo baixa fidelidade – página inscrição
5Figura 4 – protótipo baixa fidelidade – página de ensino presencial    Figura 5 – protótipo baixa fidelidade – página fal...
64 PROTÓTIPO DE MÉDIO NÍVEL               Nessa segunda faze do projeto utilizamos o software Axure seguindosugestão da pr...
7Figura 7 – protótipo baixa fidelidade – página cursos ofertados
8Figura 8 – protótipo baixa fidelidade – página inscrição
9Figura 9 – protótipo baixa fidelidade – página de ensino presencial   Figura 10 – protótipo baixa fidelidade – página fal...
105 PROTÓTIPO DE ALTO NÍVEL                  Para o desenvolvimento da versão final de nosso site para ovestibular, nos ut...
11Figura 12 – Protótipo de alta fidelidade – Cursos Ofertados
12Figura 13 – Protótipo de alta fidelidade – Página de Inscrição
13Figura 14 – Protótipo de alta fidelidade – Página de Ensino Presencial
14Figura 15 – Protótipo de alta fidelidade – Página Fale Conosco
15                                  CONCLUSÃO               Com este trabalho de prototipação em etapas desde o baixo, méd...
Upcoming SlideShare
Loading in …5
×

IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOPAR 2010

4,121 views

Published on

IHC - Trabalho de Prototipação

- Protótipo de baixo nível (todas as versões)
- Protótipo de médio nível (todas as versões)
- Protótipo de alto nível (versão final)

Published in: Education
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
4,121
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOPAR 2010

  1. 1. CENTRO DE CIÊNCIAS EXATAS E TECNOLÓGICASTECNOLOGIA EM ANÁLISE E DESENVOLVIMENTO DE SISTEMASANDERSON DA VISITAÇÃO MORAIS, EDIRSON DIAS, EDUARDO BERTOLUCCI E RENNAN MARTINI IHC – PROTOTIPAÇÃO Londrina 2010
  2. 2. SUMÁRIO1 INTRODUÇÃO .......................................................................................... 12 REQUISITOS ELABORADOS ................................................................... 23 PROTÓTIPO DE BAIXO NÍVEL ................................................................ 34 PROTÓTIPO DE MÉDIO NÍVEL ............................................................... 65 PROTÓTIPO DE ALTO NÍVEL ................................................................ 10CONCLUSÃO .......................................................................................................... 15
  3. 3. 11 INTRODUÇÃO Neste portfólio foi realizado a prototipação do projeto iniciado nosemestre anterior. Utilizamos os requisitos levantados anteriormente, assim comoaprofundamos aqueles que ainda estiveram vagos para o desenvolvimento. Foramfeitos: - Protótipo de baixo nível (todas as versões) - Protótipo de médio nível (todas as versões) - Protótipo de alto nível (versão final)
  4. 4. 22 REQUISITOS ELABORADOS a) O que fazer? - Site para o Vestibular UNOPAR 2010 b) Para quem? - Pessoas que já concluíram ou vão concluir o Ensino Médio. c) Caracterizar? Perfil do usuário - Perfil médio. Necessita de conexão a internet. d) Objetivos? Por quê? Como? - Agilizar o processo de inscrição para o vestibular, disponibilizando informações sobre os cursos, Busca, Inscrição Online, impressão de boleto, reimpressão de boleto e resultado do vestibular.
  5. 5. 33 PROTÓTIPO DE BAIXO NÍVEL Esta fase do Projeto de Interface tem como objetivo dar inicio aprototipação. Para começar o protótipo, primeiro foi pesquisado na internet sites devestibulares de faculdades e universidades da região de Londrina. Utilizamos a prototipação em papel para buscar novas idéias e paraenriquecer as interfaces. Abaixo segue uma lista com os protótipos feitos a caneta.São protótipos de baixa fidelidade que ajudou na colaboração e aproveitamento deidéias reduzindo o risco de retrabalho. Figura 1 – protótipo baixa fidelidade – página inicial
  6. 6. 4Figura 2 – protótipo baixa fidelidade – página cursos ofertados Figura 3 – protótipo baixa fidelidade – página inscrição
  7. 7. 5Figura 4 – protótipo baixa fidelidade – página de ensino presencial Figura 5 – protótipo baixa fidelidade – página fale conosco
  8. 8. 64 PROTÓTIPO DE MÉDIO NÍVEL Nessa segunda faze do projeto utilizamos o software Axure seguindosugestão da professora Daniela. Seguindo como referencia alguns sites devestibular, utilizamos como base os mesmos para padronizar a estrutura denavegação e de design. A partir do conceito de que o ser humano, independente de suaorigem, percebe as imagens visualmente da esquerda para a direita, de cima parabaixo, e também após ter constatado em pesquisas onde vários sites utilizam dessemodelo. Optamos em utilizar a logo marca da empresa, situada na parte esquerdasuperior, ou seja, em todas paginas a logo marca estará situada neste local. Omesmo acontece para o titulo da página. Figura 6 – protótipo baixa fidelidade – página inicial
  9. 9. 7Figura 7 – protótipo baixa fidelidade – página cursos ofertados
  10. 10. 8Figura 8 – protótipo baixa fidelidade – página inscrição
  11. 11. 9Figura 9 – protótipo baixa fidelidade – página de ensino presencial Figura 10 – protótipo baixa fidelidade – página fale conosco
  12. 12. 105 PROTÓTIPO DE ALTO NÍVEL Para o desenvolvimento da versão final de nosso site para ovestibular, nos utilizamos do refinamento dos protótipos desde sua versão de baixonível até a versão de médio nível. De um nível para outro, as melhorias foramsignificativas. A versão final (protótipo de alto nível) foi feita nos softwares AdobePhotoshop e Adobe Illustrator, padronizando a resolução convencional de umwebsite (1024x768 pixels). Esses softwares fornecem ferramentas de edição quepossibilita trabalhar com elementos visuais, como texturas e degradê. Figura 11 – Protótipo de alta fidelidade - Página Inicial
  13. 13. 11Figura 12 – Protótipo de alta fidelidade – Cursos Ofertados
  14. 14. 12Figura 13 – Protótipo de alta fidelidade – Página de Inscrição
  15. 15. 13Figura 14 – Protótipo de alta fidelidade – Página de Ensino Presencial
  16. 16. 14Figura 15 – Protótipo de alta fidelidade – Página Fale Conosco
  17. 17. 15 CONCLUSÃO Com este trabalho de prototipação em etapas desde o baixo, médioe alto nível percebemos que novos itens são adicionados a cada etapa. Sendoassim o refinamento ocorre desde á analise de requisitos até a fase deimplementação do projeto. Esse método valida muitas informações que ainda comorequisitos parecem ser úteis e quando prototipadas parecem ser sem utilidade.

×