01/24

interfaces & social inclusion
school clipping

2011 / 2012
Objectivos
A-Estudo da
problemática
do UI design para
inclusão social
B-Desenvolvimento
de aplicação
SOS Phone
para iPhone...
A-UI design para
inclusão social

>paradigmas
>princípios & normas
>síntese & conclusão

03/24
2011/2012

interface & social inclusion
A-UI Design para a inclusão social

04/24

Paradigmas de interação

Video Display ...
2011/2012

interface & social inclusion
A-UI Design para a inclusão social

05/24

“The most profound
technologies are tho...
2011/2012

interface & social inclusion
A-UI Design para a inclusão social

06/24

Príncipios & normativos
8 regras de Ben...
2011/2012

interface & social inclusion
A-UI Design para a inclusão social

07/24

Príncipios & normativos
8 regras de Ben...
2011/2012

interface & social inclusion
A-UI Design para a inclusão social

08/24

Príncipios & normativos
10 heurísticas ...
2011/2012

interface & social inclusion
A-UI Design para a inclusão social

09/24

Príncipios & normativos
7 princípios de...
2011/2012

interface & social inclusion
A-UI Design para a inclusão social

10/24

Príncipios & normativos
“The Principles...
interfaces & social inclusion
projecto de engenharia

Usabilidade depende
do conhecimento

11/24
interfaces & social inclusion
projecto de engenharia

UI design e
a bola Jubulani

12/24
A-UI design para inclusão
social em dispositivos móveis
síntese & conclusão

multi-model
universal versus contextual
será ...
B-Desenvolvimento
de app SOS Phone
para iPhone

>graphic user interface
>implementação

14/24
UTAD 2011/2012

interface & social inclusion
A-Desenvolvimento de app SOS phone para Iphone

15/24

graphic user interface...
UTAD 2011/2012

interface & social inclusion
A-Desenvolvimento de app SOS phone para Iphone
AT&T

16/20
12:34 PM

GUI
old ...
17/24

UTAD 2011/2012

interface & social inclusion
A-Desenvolvimento de app SOS phone para Iphone

GUI
old vs new

AT&T
A...
18/24

UTAD 2011/2012

interface & social inclusion
A-Desenvolvimento de app SOS phone para Iphone

GUI
old vs new

AT&T

...
UTAD 2011/2012

interface & social inclusion
A-Desenvolvimento de app SOS phone para Iphone

GUI
old vs new

AT&T

19/24
1...
UTAD 2011/2012

interface & social inclusion
A-Desenvolvimento de app SOS phone para Iphone

20/24

implementação Xcode

2...
UTAD 2011/2012

interface & social inclusion
A-Desenvolvimento de app SOS phone para Iphone

21/24

implementação Xcode

2...
UTAD 2011/2012

interface & social inclusion
A-Desenvolvimento de app SOS phone para Iphone

22/24

implementação Xcode

2...
UTAD 2011/2012

interface & social inclusion
A-Desenvolvimento de app SOS phone para Iphone

23/24

implementação Xcode

2...
UTAD 2011/2012

interface & social inclusion
A-Desenvolvimento de app SOS phone para Iphone

24/24

implementação versão a...
...
"O problema da realidade é ser
demasiada e estar sempre a mudar,
sempre a modificar-se quando a
tentamos agarrar".
!
De...
Próximos SlideShares
Carregando em…5
×

UI Research & iOS DEV - School Partial Clipping

230 visualizações

Publicada em

UI Research & iOS DEV - School Partial Clipping

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
230
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
0
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

UI Research & iOS DEV - School Partial Clipping

  1. 1. 01/24 interfaces & social inclusion school clipping 2011 / 2012
  2. 2. Objectivos A-Estudo da problemática do UI design para inclusão social B-Desenvolvimento de aplicação SOS Phone para iPhone 2 02/24
  3. 3. A-UI design para inclusão social >paradigmas >princípios & normas >síntese & conclusão 03/24
  4. 4. 2011/2012 interface & social inclusion A-UI Design para a inclusão social 04/24 Paradigmas de interação Video Display Units (1962) Interfaces WIMP (xerox 1981) Manipulação Directa Computação Ubíqua 4
  5. 5. 2011/2012 interface & social inclusion A-UI Design para a inclusão social 05/24 “The most profound technologies are those that disappear.” Mark Weiser, 1991 Xerox computer scientist, in Scientific American 5
  6. 6. 2011/2012 interface & social inclusion A-UI Design para a inclusão social 06/24 Príncipios & normativos 8 regras de Ben Schneiderman (1987) 10 heurísticas de Jakob Nielsen (1994) 7 princípios de Donald Norman (1988) “The Principles of Universal Design” The Universal Design File - Molly Story - 1998 - North Carolina State University ! ISO 9241 (1992) 6
  7. 7. 2011/2012 interface & social inclusion A-UI Design para a inclusão social 07/24 Príncipios & normativos 8 regras de Ben Schneiderman Manter a consistência. ! Permitir atalhos aos utilizadores frequentes Apresentar feedback informativo Desenhar comunicações com princípio, meio e fim! Promover a prevenção e recuperação de erros Permitir retroceder facilmente as operações Criar e fomentar a sensação de controlo Diminuir a informação necessária na memória de curta- duração 7
  8. 8. 2011/2012 interface & social inclusion A-UI Design para a inclusão social 08/24 Príncipios & normativos 10 heurísticas de Jakob Nielsen Apresentar o estado do sistema visível Utilizar a linguagem do utilizador O utilizador é quem controla e deverá exercer livre arbítrio Promover a consistência e adesão a normas ! Evitar erros Influenciar o conhecimento em vez de relembrança Flexibilidade e eficiência Desenhar ecrãs equilibrados e minimalistas Ajuda ao utilizador para reconhecimento, diagnostico e recuperação de erros Fornecer ajuda e documentação 8
  9. 9. 2011/2012 interface & social inclusion A-UI Design para a inclusão social 09/24 Príncipios & normativos 7 princípios de Donald Norman Utilizar ao mesmo tempo o conhecimento do mundo e interno do utilizador (teclas de atalho para maior rapidez). ! Simplificar estruturalmente as tarefas (automatizando parte da tarefa). ! Tornar os processos visíveis: encurtar o desnível entre Execução e Avaliação (entre o que pode ser feito e o resultado das acções).! Manter as metáforas consistentes! Ter em conta o poder das limitações, tanto naturais como artificiais (desenhar assistentes). ! Conceber para o erro ! Se não existirem alternativas viáveis, seguir o standard 9
  10. 10. 2011/2012 interface & social inclusion A-UI Design para a inclusão social 10/24 Príncipios & normativos “The Principles of Universal Design” PRINCÍPIO UM: Uso equitativo PRINCÍPIO DOIS: Uso flexível PRINCÍPIO TRÊS: Uso simples e intuitivo PRINCÍPIO QUATRO: Informação perceptível PRINCÍPIO CINCO: Tolerância ao erro PRINCÍPIO SEIS: Esforço físico mínimo PRINCÍPIO SETE: Dimensão e espaço para acesso e utilização 10
  11. 11. interfaces & social inclusion projecto de engenharia Usabilidade depende do conhecimento 11/24
  12. 12. interfaces & social inclusion projecto de engenharia UI design e a bola Jubulani 12/24
  13. 13. A-UI design para inclusão social em dispositivos móveis síntese & conclusão multi-model universal versus contextual será necessário pensar global e local 13/24
  14. 14. B-Desenvolvimento de app SOS Phone para iPhone >graphic user interface >implementação 14/24
  15. 15. UTAD 2011/2012 interface & social inclusion A-Desenvolvimento de app SOS phone para Iphone 15/24 graphic user interface test AT&T 12:34 PM AT&T 12:34 PM AT&T 12:34 PM Select emergency Emergency Others Accident Factures Heart Panic Select Others Fire Stroke Gun 12:34 PM Drawing Pregnant AT&T Emergency accident Help request Send 15
  16. 16. UTAD 2011/2012 interface & social inclusion A-Desenvolvimento de app SOS phone para Iphone AT&T 16/20 12:34 PM GUI old vs new Panic Emergency Others 16
  17. 17. 17/24 UTAD 2011/2012 interface & social inclusion A-Desenvolvimento de app SOS phone para Iphone GUI old vs new AT&T AT&T 12:34 PM 12:34 PM Emergency Select emergency Accident Accident Heart Heart AT&T 12:34 PM Pregnant Pregnant Panic Emergency Others Stroke Stroke 17
  18. 18. 18/24 UTAD 2011/2012 interface & social inclusion A-Desenvolvimento de app SOS phone para Iphone GUI old vs new AT&T 12:34 PM Others Others Select Factures Drawing AT&T 12:34 PM Fire Panic Emergency Others Gun 18
  19. 19. UTAD 2011/2012 interface & social inclusion A-Desenvolvimento de app SOS phone para Iphone GUI old vs new AT&T 19/24 12:34 PM Emergency accident Help request AT&T 12:34 PM Select emergency Accident Heart Pregnant Stroke Send 19
  20. 20. UTAD 2011/2012 interface & social inclusion A-Desenvolvimento de app SOS phone para Iphone 20/24 implementação Xcode 20
  21. 21. UTAD 2011/2012 interface & social inclusion A-Desenvolvimento de app SOS phone para Iphone 21/24 implementação Xcode 21
  22. 22. UTAD 2011/2012 interface & social inclusion A-Desenvolvimento de app SOS phone para Iphone 22/24 implementação Xcode 22
  23. 23. UTAD 2011/2012 interface & social inclusion A-Desenvolvimento de app SOS phone para Iphone 23/24 implementação Xcode 23
  24. 24. UTAD 2011/2012 interface & social inclusion A-Desenvolvimento de app SOS phone para Iphone 24/24 implementação versão alpha para teste do código 24
  25. 25. ... "O problema da realidade é ser demasiada e estar sempre a mudar, sempre a modificar-se quando a tentamos agarrar". ! Derrick de Kerckove, 1998 The Skin of Culture 25

×