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