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
1.9k
5
Share
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
74
Hola Flexbox
glauberamos
0
61
Fun retro board
glauberamos
0
110
Guia de estilo
glauberamos
0
67
Lowsumerism
glauberamos
0
110
JS Basics
glauberamos
0
120
Continuous Design
glauberamos
0
43
Arquitetura e boas práticas de CSS
glauberamos
1
670
Other Decks in Design
See All in Design
ドルちゃん
design_dolphins
0
600
【サイバーエージェント】Creative Switch 会社説明資料
cyberagent_creators
0
5.5k
Storyboard Exercise: Chase Sequence
lynteo
1
280
次世代のクリエイティブ体験!Photoshopの最新機能で新しい未来を切り開こう
connecre
0
130
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
200
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
250
CREATIVE CLASS受講課題|無印良品を題材としたブランド再構築について
happy_ferret153
0
820
チームをデザイン対象にする / Design for your team
kaminashi
1
1.1k
公開スライド)熊本市様-電子申請中級編
garyuten
0
1.1k
体験負債を資産に変える組織的アプローチ
hikarutakase
0
1k
TUNAG BOOK 2024
stmn
PRO
0
1.5k
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
deadlinepoet
0
200
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
698
190k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
Done Done
chrislema
186
16k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
2.7k
Building AI with AI
inesmontani
PRO
1
860
Visualization
eitanlees
150
17k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
330
Information Architects: The Missing Link in Design Systems
soysaucechin
0
870
WCS-LA-2024
lcolladotor
0
520
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.6k
New Earth Scene 8
popppiees
2
2k
The Cult of Friendly URLs
andyhume
79
6.8k
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!