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
70
Hola Flexbox
glauberamos
0
56
Fun retro board
glauberamos
0
110
Guia de estilo
glauberamos
0
62
Lowsumerism
glauberamos
0
100
JS Basics
glauberamos
0
120
Continuous Design
glauberamos
0
39
Arquitetura e boas práticas de CSS
glauberamos
1
660
Other Decks in Design
See All in Design
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
290
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
100
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.1k
Bulletproof Design System with TypeScript
takanorip
6
3.5k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
200
harutaka Vision Deck
zenkigenforrecruit
0
130
Echoes Boomerang
artcloudyu
PRO
0
240
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
410
Storyboard Honey
rocioparronrubio
0
270
株式会社バクタム 会社説明資料
bactum
0
240
マンガで分かるサービスデザインガイドライン
senryakuka
1
890
sachi_y_portfolio
sachi337
0
250
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Become a Pro
speakerdeck
PRO
28
5.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
The World Runs on Bad Software
bkeepers
PRO
69
11k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Practical Orchestrator
shlominoach
188
11k
A designer walks into a library…
pauljervisheath
207
24k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
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!