Upload
duongdung
View
218
Download
0
Embed Size (px)
Citation preview
Bruno FigueiredoBruno Figueiredo
O que são Rich Internet Applications?O que são Rich Internet Applications?
• São aplicações baseadas em modelos de interacção “ricos”, ou seja, semelhantes aosç jdas aplicações desktop
• Utilizam uma tecnologia que busca e exibedinamicamente dados sem exigir que a páginavolte a carregar totalmentevolte a carregar totalmente
Um Exemplo: Kayak comUm Exemplo: Kayak.com
REGRA 1REGRA 1
Garantir a Visibilidade do Estado do Sistema
O que está a acontecer?
Lista de Resultados: Kayak comLista de Resultados: Kayak.com
Yellow Fade: Tadalist comYellow Fade: Tadalist.com
A Gravar: BasecampHQ comA Gravar: BasecampHQ.com
Recomendações:Recomendações:
• Sempre que demorar mais de 10 segundos, apresentar um aviso ou barra de progressop p g
S á i l di i• Se a página se alterou dinamicamente, destacar a área alterada
I f tili d d tá• Informar sempre o utilizador do que se está a passar “por trás do pano”
REGRA 2REGRA 2
Dar Controlo e Liberdade ao Utilizador
Ooops... Enganei‐me...
Reordenar: BasecampHQ comReordenar: BasecampHQ.com
Undo: Gmail comUndo: Gmail.com
Arrastar e Largar: Photos Yahoo comArrastar e Largar: Photos.Yahoo.com
Recomendações:Recomendações:
• Permitir sempre desfazer a última operação
• Não limitar a liberdade do utilizador
• Deixar sempre o utilizador manipular os seusDeixar sempre o utilizador manipular os seusdados
REGRA 3REGRA 3
Permitir Flexibilidade e Eficiência de UsoCopiar, Colar... Ctrl+C, Ctrl+V
Formatar Texto: Gmail comFormatar Texto: Gmail.com
Duas Formas: Photos Yahoo comDuas Formas: Photos.Yahoo.com
Sugestões: Gmail comSugestões: Gmail.com
Recomendações:Recomendações:
• Permitir o uso de teclas de atalho
• Quando a operação não é imediatamentei i l ( l ã ) d ivisivel (requer exploração), dar um meioalternativo (mais visível) de executar a tarefa
P id i i ili d i t d ã• Providenciar meios auxiliares de introduçãode dados recorrentes
REGRA 4
Privilegiar oPrivilegiar o Reconhecimento não aReconhecimento, não a
lembrançalembrançaQual era mesmo o código para negrito?g p g
Formatação:Writeboard comFormatação: Writeboard.com
Lingo: Twitter comLingo: Twitter.com
Wikis:Wikipedia comWikis: Wikipedia.com
Recomendações:Recomendações:
• Exibir sempre os controlos possíveis
• Não obrigar o utilizador a lembrar‐se de ódi ífi d li ãcódigos específicos da aplicação
• Não exibir códigos para edição (por exemplo: f lt d l d d f tfalta um = do lado esquerdo para formatar o correctamente o cabeçalho)
REGRA 5REGRA 5
Ajuda ao Diagnóstico e Detecção de Erros
Erro? Onde?
Acento: Gmail comAcento: Gmail.com
Acento:Mail Yahoo comAcento: Mail.Yahoo.com
Recomendações:Recomendações:
• Prever as causas possíveis de erro
• Exibir os erros de forma clara e sem códigos( l E 5471)(por exemplo, Erro 5471)
• Dar ao utilizador indicações claras para a suaãcorrecção
REGRA 6
Prever ErrosPrever Erros
Alto! Os seus dados estão em Perigo!
Aviso à Saída:Mail Yahoo comAviso à Saída: Mail.Yahoo.com
Sair a Meio: GoPlan orgSair a Meio: GoPlan.org
Recomendações:Recomendações:
• Antecipar as acções dos utilizadores
• Desenhar as aplicações de forma defensiva( ili d fi d d ã )(se o utilizador fizer x, desencadear acção y)
• Dar indicações claras sobre os meios de ã itá i ( d t d i idoperação aceitáveis (a data deve ser inserida
assim...)
REGRA 7REGRA 7
Assegurar a Consistência e os Standards
Isto não funcionava de outra forma?
Arrastar: Panic comArrastar: Panic.com
Diversas Interacções: Netvibes comDiversas Interacções: Netvibes.com
Áreas Válidas:Mail Yahoo comÁreas Válidas: Mail.Yahoo.com
Recomendações:Recomendações:
• Seguir as convenções estabelecidas
• Não reinventar a roda só para ser diferente( i é d l dif(ninguém quer estudar um manual diferentepara cada site)
E li õ d f íli• Em aplicações da mesma família, empregarfuncionalidades semelhantes
Regras para RIAs:Regras para RIAs:
1. Garantir a visibilidade do estado do sistema
2 Dar controlo e liberdade ao utilizador2. Dar controlo e liberdade ao utilizador
3. Permitir flexibibilidade e eficiência de uso
4. Privilegiar o reconhecimento, não a lembrança
d d ó d d5. Ajuda ao diagnóstico e detecção de erros
6. Prever erros
7. Assegurar a consistência e os standards