O documento descreve o processo de desenvolvimento de um website focado no usuário, incluindo: 1) análise dos requisitos e conteúdo, 2) projeto da arquitetura, navegação e interface, e 3) implementação iterativa e avaliação com o cliente. O objetivo era criar um site acessível e de qualidade usando padrões da Web.

1. PROCESSO DE DESENVOLVIMENTO DE
WEBSITE COM FOCO NO USUÁRIO
UM ESTUDO DE CASO
Acadêmico: Rogério Matsui Guenta
Orientador: Prof. Msc Roberto Vedoato
Banca de Avaliação: Profª. Drª. Marília Abrahão Amaral
Prof. Msc Glauco Carlos Silva
PORTAL FALM
www.falm.edu.br

2. Roteiro da Apresentação

3. 1 - Introdução

4. 2 - Justificativa

5. 3 – Objetivos

6. 4 - Usabilidade
Nielsen descreve 5 atributos de usabilidade
“a capacidade de um produto ser usado por usuários específicos para atingir
objetivos específicos com eficácia, eficiência e satisfação em um contexto
especifico de uso” ( ISO 9241, 1998)

7. 5 - Design Universal
... “é o processo de criar produtos comercialmente viáveis, que
possam facilitar a vida de todos, que possam ser usados por
pessoas nas mais variadas habilidades, operando nas mais
amplas situações, ambientes, condições e circunstâncias
possíveis.’’ (DIAS, 2003).
O Centro para o Design Universal, da
Universidade Estadual da Carolina do Norte
(1995), nos Estados Unidos, definiu sete
princípios de design.

8. 6 – Acessibilidade na Web

9. 7 – CMS

10. 8 – Processo WebE
Modelo de Processo WebE por Pressman (2002)
... “o imediatismo geralmente exigido em um projeto Web, dita o
uso do processo evolutivo e incremental, similar ao modelo de
ciclo de vida espiral da Engenharia de Software tradicional.”
(Pressman, 2002).

11. Estudo de Caso
Formulação
Estabelecimento de um conjunto de metas e objetivos, que formam o
escopo para a construção do website.
Caso de uso níveis de acesso Caso de uso global do website

12. Estudo de Caso
Planejamento
Fase em que se estimam os custos do projeto, avalia os
riscos associados ao desenvolvimento.
Análise
Fase para definir dos requisitos técnicos e identificar os
itens de conteúdo que serão inseridos no website.
• Análise de Conteúdo
• Análise de Interação
• Análise Funcional
• Análise de Configuração

13. Estudo de Caso
Fase de Engenharia
Dividida em dois grupos de tarefas que são realizadas
em paralelo.
Projeto do
Conteúdo
Produção
Projeto de
Arquitetura
Projeto de
Navegação
Projeto de
Interface
Engenharia

14. Estudo de Caso
Estrutura global do website
Projeto de Arquitetura

15. Estudo de Caso
Estrutura navegacional da Página Inicial
Projeto de Navegação
Estrutura navegacional do Regimento

16. Estudo de Caso
Projeto de Interface - Wireframe
Busca
Atalhos em Destaque
Menu
Principal
Banners em
Destaque
Conteúdo em
Destaque
Ultimas Notícias
Onde você está!
Logo
Rodapé
Busca
Atalhos em Destaque
Menu
Área de
Conteúdo
Onde você está!
Logo
Rodapé
Página do Conteúdo
Atalhos
Página Inicial

17. Estudo de Caso
Geração de Páginas
Como ferramenta de auxilio a produção e geração de páginas foi utilizado um
Sistema de Gerenciamento de Conteúdo, visando agilizar o processo de
publicação e manutenção de conteúdo de forma fácil e colaborativa.
Comparação de popularidade dos CMS

18. Estudo de Caso
Front-end Back-end

19. Estudo de Caso

20. Estudo de Caso
O website deve sempre fornecer informações para que o usuário
saiba onde está.

21. Estudo de Caso
Sistema dos Professores
Formulários
Simples

22. Estudo de Caso
Front-end Back-end

23. Estudo de Caso
Testes em diversos tipos de navegadores foram efetuados
para verificar a existência de diferença de comportamento
e apresentação da informação.
Celulares com suporte à XHTML Básico 1.0 ou superior
Testes

24. Estudo de Caso
Avaliação
Fase em que todos os incrementos produzidos são
revistos com o cliente, sendo esta fase a recomendada
para solicitar a modificações para o próximo incremento.
Diversas funcionalidades isoladas foram desenvolvidas
iterativamente e aprovadas pelo cliente, atualmente o
website está em uso sendo avaliado como um todo de
maneira integral.

25. Considerações
Através deste estudo aplicado pôde-se notar a relevância de abordagens
disciplinadas de engenharia visando alcançar visando alcançar um website
confiável e de qualidade.
Assim como consideração de conceitos voltados ao ambiente Web, que
determinam a separação entre a estrutura e a apresentação visual, utilizando
as técnicas de desenvolvimento XHTML e CSS, também foi notável a
importância de seguir as recomendações dos consórcios que buscam
padronização no desenvolvimento web (W3C).

26. Considerações

28. Agradecimento
Rogério Matsui Guenta
www.atualizado.com.br
Email: matsuiguenta@gmail.com