Slide 1
Slide 1 text
Design Evolutivo
em
Ambientes Ágeis
com foco na Experiência do Usuário"
Slide 2
Slide 2 text
No content
Slide 3
Slide 3 text
HAITI!
Contexto
País mais pobre das Américas.
Slide 4
Slide 4 text
CLIENTE PIH!
Contexto
Saúde de qualidade pra quem mais precisa.
Slide 5
Slide 5 text
MIREBALAIS!
Contexto
Tecnologia e infraestrutura de alto padrão.
Slide 6
Slide 6 text
NOSSO TIME!
Contexto
2 BAs 1IM 3TW DEVs 4PIH DEVs 2UX
Slide 7
Slide 7 text
OPEN MRS!
Contexto
Electronic Medical Record (EMR)
Slide 8
Slide 8 text
NO INÍCIO TUDO ERA TREVAS!
Slide 9
Slide 9 text
UX & AGILE!
Necessidades de UX
Como encaixar num projeto em andamento?
= ?
Slide 10
Slide 10 text
PRIMEIRA FASE"
Slide 11
Slide 11 text
DEFININDO
PERSONAS!
Conhecer as
pessoas e entender
suas rotinas.
Slide 12
Slide 12 text
JORNADA
DO USUÁRIO!
Os passos de cada
tipo de usuário a fim
de finalizar uma
tarefa, dentro e fora
do sistema.
Slide 13
Slide 13 text
FLUXO DE
TELAS E
NAVEGAÇÃO!
Parte de software da
jornada do usuário
mais detalhada.
Slide 14
Slide 14 text
TRABALHANDO
COM SUPOSIÇÕES!
Slide 15
Slide 15 text
" "PRIMEIRA FASE"
"
" "1 mês de duração
Personas
Jornada do Usuário
Fluxo de tela e navegação
Slide 16
Slide 16 text
SEGUNDA FASE"
Slide 17
Slide 17 text
SKETCHES!
Testando conceitos
em tempo record.
Slide 18
Slide 18 text
MOCKUPS!
Salvando vidas, uma
estória por vez.
Slide 19
Slide 19 text
PROTÓTIPOS!
Prototipagem &
validação rápida
Slide 20
Slide 20 text
PROTÓTIPOS • MELHOR AMIGO !
Slide 21
Slide 21 text
TESTES COM
USUÁRIOS!
Gravação de voz,
video e mouse
Arquivistas do hospital Lacolline
Clínicos do Haiti/US
Técnico de radiologia
Gerente do hospital
Slide 22
Slide 22 text
Exemplo video
TESTES COM
USUÁRIOS!
Slide 23
Slide 23 text
Navegação - mensagens de sucesso, breadcrumbs
e atalhos
Conteúdo - melhor tradução e mais instruções
Formato password e navegação por teclado
TESTES COM USUÁRIOS!
Conclusões
Slide 24
Slide 24 text
GUIA DE
ESTILO!
Cores, tipografia, botões
e elementos gráficos
pré-definidos.
Slide 25
Slide 25 text
GUIA DE
ESTILO!
Slide 26
Slide 26 text
FRAMEWORK SASS !
Estilo modular
Funções
Variáveis
Mixins
Slide 27
Slide 27 text
FRAMEWORK SASS !
Arquivo único
Compila todos
estilos
Slide 28
Slide 28 text
" "SEGUNDA FASE"
"
Iterações de 2 semanas
Mockups / Sketches
Protótipos Rapidos
Teste com usuários
Guia de estilo
Framework SASS
Slide 29
Slide 29 text
RESULTADO"
Slide 30
Slide 30 text
FUTURO DO OPENMRS?!
Slide 31
Slide 31 text
GUIA DE ESTILO APLICADO!
Slide 32
Slide 32 text
!FEEDBACK USUÁRIOS!
Navegação por teclado foi de fácil aprendizado.
Icones intuitivos.
Médicos acharam fácil de acessar informações
pelo dashboard do paciente.
Alertas e feedback das ações são bastante im-
portantes.
Slide 33
Slide 33 text
!FEEDBACK CLIENTE!
Não houve reclamações dos usuários quanto ao
sistema. Isso significa que foi um sucesso.
A interface é tão simples e de fácil utilização
que não foi preciso
mostrar aos usuários como fazer as tarefas
apenas mostrar o que estava disponivel para se
fazer.
Slide 34
Slide 34 text
@glauberamos!
@nataliarsand!