Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Design Evolutivo focado na Experiência do Usuário
Search
Glauber
June 26, 2013
Design
5
1.9k
Design Evolutivo focado na Experiência do Usuário
Glauber
June 26, 2013
Tweet
Share
More Decks by Glauber
See All by Glauber
Arquitetura e boas práticas de CSS 2.0
glauberamos
0
68
Hola Flexbox
glauberamos
0
53
Fun retro board
glauberamos
0
110
Guia de estilo
glauberamos
0
59
Lowsumerism
glauberamos
0
99
JS Basics
glauberamos
0
110
Continuous Design
glauberamos
0
31
Arquitetura e boas práticas de CSS
glauberamos
1
650
Other Decks in Design
See All in Design
発表資料テンプレート / My slide template
thatblue
0
130
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.5k
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
230
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
14
6.9k
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
420
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
540
Rayout Pattern 01
one0
0
380
超・ファシリテーション 無理ゲー課題を軽やかに超える MIMIGURI流チームデザイン|TOKYO CREATIVE COLLECTION
madue
1
1.3k
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
210
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
420
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
560
Yahoo Newsletter Clicker Template
xuechunwu
0
300
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
789
250k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
How to Ace a Technical Interview
jacobian
276
23k
Optimising Largest Contentful Paint
csswizardry
33
3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
450
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.5k
A designer walks into a library…
pauljervisheath
205
24k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
910
Statistics for Hackers
jakevdp
796
220k
Transcript
Design Evolutivo em Ambientes Ágeis com foco na
Experiência do Usuário"
None
HAITI! Contexto País mais pobre das Américas.
CLIENTE PIH! Contexto Saúde de qualidade pra quem mais precisa.
MIREBALAIS! Contexto Tecnologia e infraestrutura de alto padrão.
NOSSO TIME! Contexto 2 BAs 1IM 3TW DEVs 4PIH DEVs
2UX
OPEN MRS! Contexto Electronic Medical Record (EMR)
NO INÍCIO TUDO ERA TREVAS!
UX & AGILE! Necessidades de UX Como encaixar num projeto
em andamento? = ?
PRIMEIRA FASE"
DEFININDO PERSONAS! Conhecer as pessoas e entender suas rotinas.
JORNADA DO USUÁRIO! Os passos de cada tipo de usuário
a fim de finalizar uma tarefa, dentro e fora do sistema.
FLUXO DE TELAS E NAVEGAÇÃO! Parte de software da
jornada do usuário mais detalhada.
TRABALHANDO COM SUPOSIÇÕES!
" "PRIMEIRA FASE" " " "1 mês de duração Personas
Jornada do Usuário Fluxo de tela e navegação
SEGUNDA FASE"
SKETCHES! Testando conceitos em tempo record.
MOCKUPS! Salvando vidas, uma estória por vez.
PROTÓTIPOS! Prototipagem & validação rápida
PROTÓTIPOS • MELHOR AMIGO !
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
Exemplo video TESTES COM USUÁRIOS!
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
GUIA DE ESTILO! Cores, tipografia, botões e elementos gráficos pré-definidos.
GUIA DE ESTILO!
FRAMEWORK SASS ! Estilo modular Funções Variáveis Mixins
FRAMEWORK SASS ! Arquivo único Compila todos estilos
" "SEGUNDA FASE" " Iterações de 2 semanas Mockups /
Sketches Protótipos Rapidos Teste com usuários Guia de estilo Framework SASS
RESULTADO"
FUTURO DO OPENMRS?!
GUIA DE ESTILO APLICADO!
!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.
!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.
@glauberamos! @nataliarsand!