ADesign da interface de navegação _renato

1. Search: Box de busca
2. Main Menu: Zoom in e out do mosaico. Pelo visto, teremos, no máximo 5 módulos em tela, o que acha da naveação ser apenas na horizontal?
3. Mapa: mostrar/ocultar, “atachar” a tela.

Design de interface dos módulos _tati

1. Leitor de notícias e relatório
2. Listagem de vagas
3. Informações do país + informações de viagens
4. Navegação sobre o mapa e menu com opções de camadas: localizações com emergências, localizações de mensagens, localização de pessoas.
5. Recursos financeiros: veja aqui quais dados são

Design de interface de outros elementos do sistema _ricardo

1. Navegação por emergências: em um mapa mundi, mostrando por país ou continente quais as emergências estão lá e disponibilizar possibilidad de download
2. Help
3. Informações do sistema
4. Tela de login
5. Abertura/fechamento do sistema
6. Widget para o dashboard do N810
7. Configurações e preferências do usuário
8. Edição do perfil
9. Resultados das buscas
10. Sincronização
    

Acho que daqui já teremos fechados boa parte do sistema. Tendo ao menos os frameworks será excelente.

1. Informações para o projeto

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

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

Navegação ( otimização)

- Atalhos

- Envio de mensagens

- Respostas de sistemas em relação à interação

Navegação em mapas

- Localização de informações

- Janelas

Elementos de interface

- Canceladores de ações

- Instrumentos de localização

Estrutura de pesquisa

– Redes de Comunicação (pesquisa de conceitos gerais)

- Satélites

- GSM, Celular, Telefonia.

- WiMax

- Internet

– Redes de Comunicação (foco no Peru)

- Satélites

- GSM, Celular, Telefonia

- Internet

– Situação das Redes

- Normal

- Situações de emergência (antes, durante e depois).

- Implicações na Interface

- Conclusão

Ainda hoje espero fazer um novo post com novidades.

O Google lançou uma página que busca mostrar à organizações sem fins lucrativos como usar seus serviços a seu benefício e ter menos preocupações com tecnologia e infra-estrutura.

http://www.google.com/nonprofits/

Design de informação é necessária a dados críticos. Excesso de informação vira ruído.

• http://en.wikipedia.org/wiki/Information_design
• http://www.informationdesign.org/
• Livro – Information Design:  http://mitpress.mit.edu/catalog/item/default.asp?tid=4211&ttype=2
  http://www.amazon.com/Information-Design-Robert-Jacobson/dp/026210069X
• http://www.sbdi.org.br/congresso2007/ingles/scientific.htm
• http://www.iiid.net/
• http://saulcarliner.home.att.net/id/
• Information Design for Web : http://www.digital-web.com/articles/the_information_design_approach_to_web_development/
• http://dd.dynamicdiagrams.com/
• http://www.alistapart.com/articles/curse/
• Livro – Visualizing Information for Advocacy: http://www.backspace.com/notes/2008/02/15/x.html
• Simple social design components
• Symposium for information design
• http://www.alistapart.com/articles/topless/
• http://idl.ee.washington.edu/

• Nas regiões de guerra os médicos sem fronteiras atuam em regiões sobre o controle do governo.
• Possuem tecnologia e estrutura não só para atender os feridos nos combates, mas para atenderem também as regiões mais pobres onde os habitantes passam fome, e principalmente as crianças sofrem desnutrição. 
• A atuação no país de situação drástica é aprovada pelo governo, no entanto os médicos não defendem nenhum dos lados da guerra (governo x rebeldes). Estabelecem uma “central” de atendimento aos habitantes, e tendas nas regiões mais críticas. Se a região em que estiverem se tornar crítica devido ao conflito, são obrigados a evacuar, para regiões que recebem o controle e proteção do governo.
• A comunicação dos fatos e das regiões criticas que necessitam o atendimento dos MSF, é feita entre o governo e o movimento, através de celulares.
  (Fonte: 1º Entrevista com Roberto Santos – Ex-Soldado de Angola, Professor e Mestrando Fisíca Nuclear – USP)

Exemplos de informações críticas usadas

• http://www.reliefweb.int/rw/rwc.nsf/db201ShortName/MDM?OpenDocument
• http://www.reliefweb.int/rw/dbc.nsf/doc108?OpenForm&emid=FL-2008-000018-
• http://www.reliefweb.int/rw/dbc.nsf/doc108?OpenForm&emid=FL-2008-000018-ECU&rc=2
• http://ochaonline.un.org/AboutOCHA/tabid/1076/Default.aspx

 

Filmes

• Amor sem fronteiras
• O Jardineiro Fiel
• Hotel Ruanda

Livros

• Bortolotti, D (2004). “Hope in Hell: Inside the World of Doctors Without Borders”. Firefly Books.
• Greenberg KS (2002). “Humanitarianism in the Post-Colonial Era: The History of Médecins Sans Frontières“. The Concord Review. (links to PDF file)
• McCall M, Salama P (1999). “Selection, training, and support of relief workers: an occupational health issue“. British Medical Journal 318: 113–116.
• Zwi AB (2004). “How should the health community respond to violent political conflict?“. PLoS Medicine (online) 1 (1).
• Katz IT, Wright AA (2004). “Collateral Damage — Médecins sans Frontières Leaves Afghanistan and Iraq“. The New England Journal of Medicine 351 (25): 2571–2573.