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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Glauber
June 26, 2013
Design
2k
5
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Design Evolutivo focado na Experiência do Usuário
Glauber
June 26, 2013
More Decks by Glauber
See All by Glauber
Arquitetura e boas práticas de CSS 2.0
glauberamos
0
82
Hola Flexbox
glauberamos
0
66
Fun retro board
glauberamos
0
120
Guia de estilo
glauberamos
0
76
Lowsumerism
glauberamos
0
120
JS Basics
glauberamos
0
130
Continuous Design
glauberamos
0
46
Arquitetura e boas práticas de CSS
glauberamos
1
690
Other Decks in Design
See All in Design
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
390
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
1
220
PLATEAUで白い街を作る
aikautau
0
150
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
ottatto
3
1.8k
Edmonton River Slidedeck
edmontonriver
0
180
「親切なオンボーディング」 が招く罠 ー AI時代のUXデザイン
godlingkogami
1
150
体験負債を資産に変える組織的アプローチ
hikarutakase
0
1.6k
root COMPANY DECK / We are hiring!
root_recruit
3
30k
Jun Wei Portfolio 2026
wjw100788
PRO
1
170
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
dmattsun
2
320
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ~継承と挑戦を両立するデザイン手法~
cygames
PRO
2
4.8k
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
300
Featured
See All Featured
Accessibility Awareness
sabderemane
1
180
ラッコキーワード サービス紹介資料
rakko
1
4.4M
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
From π to Pie charts
rasagy
0
290
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Build your cross-platform service in a week with App Engine
jlugia
234
19k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
470
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.3k
Building an army of robots
kneath
306
46k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
580
Music & Morning Musume
bryan
47
7.3k
A Soul's Torment
seathinner
6
3.4k
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!