- Informações para o projeto
- Produção do protótipo
1.1. Design da interface de navegação
1.2. Design das interfaces de informação
1.3. Painel Semântico - Cronograma
- Mapas
1. Informações para o projeto
O ReliefWeb publicou um relatório sobre o uso do seu site. Mostra que muitos entram nele para procurar vagas e ler os relatórios das situações dos acontecimentos.
O InSTEDD poderá nos fornecer uma base interessante para o aplicativo que estamos desenvolvendo. É partindo deles que estamos agredando o Facebook e o Twitter ao cerne do nosso aplicativo. Com isso, além de ajuda humanitária, o N810 WiMAX e o ReliefWeb, Redes Sociais e colaboratividade estão entrando para o nosso serviço como sendo um dos itens de prioridade 1.
Estamos reunindo links relevantes ao projeto no Delicious, aqui.
1. Produção do protótipo
Essa semana focaremos sobre o desenvolvimento do protótipo da interface. O que precisarem ter ao final são: arquitetura do sistema, wireframes, protótipos da interface gráfica, painel semântico. A configuração da tela onde trabalharemos:
- Resolução: 800 x 480 px
- Profundidade de cor: 16 bit
Prazo: 27.04
1.1 – Design da interface de navegação _ Renato
Wireframes e interface gráfica das estruturas de navegação. Menus, estruturas de janelas e elementos de navegação (breadcrumbs, botões de voltar, fechar, cancelar, ajuda e atalhos diversos). O objetivo é garantir que o usuário saiba onde está, para onde pode ir e como pedir ajuda se se perder. Fazendo uma analogia, pense nos velejadores e suas ferramentas para navegação. Eles sempre têm diversas ferramentas à mão para direcionamento e referência.
Referências:
- CellUI. Procure em Projects>Cell. O próprio site já mostra um design de navegação interessante.
- Navigation Menus: Trends and Examples
1.2 – Design das interfaces de informação _ Tati
Wireframes e interfáce gráfica dos layouts e representações de informação. Gráficos, listagens, notícias sequenciadas, lista de contatos, twitter, mapas. Já estudamos bastante, agora é desenhar 
Referências:
- CellUI. Procure em Projects>Cell
- Livros que temos conosco
1.3 – Painel Semântico
PDF contendo imagens agrupadas por categoria: contexto, interfaces comund no cotidiano, referências de softwares e equipamentos utilizados no cotidiano.
2. Cronograma Atualizado
http://www.tatianegodoy.com/ac/index.php?c=files&a=file_details&id=4&active_project=3
3. Mapas
ReliefWeb: http://www.tatianegodoy.com/ac/index.php?c=files&a=file_details&id=12&active_project=3
RedTouch: http://www.tatianegodoy.com/ac/index.php?c=files&a=file_details&id=11&active_project=3
