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
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
77
Hola Flexbox
glauberamos
0
64
Fun retro board
glauberamos
0
120
Guia de estilo
glauberamos
0
75
Lowsumerism
glauberamos
0
110
JS Basics
glauberamos
0
130
Continuous Design
glauberamos
0
45
Arquitetura e boas práticas de CSS
glauberamos
1
680
Other Decks in Design
See All in Design
Figma MCPを活用するためのデザインハンドブック
vivion
7
19k
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
290
AIスライドデザインを生成する仕組みを社内共有する
kenichiota0711
7
5.7k
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
450
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
270
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
740
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
2k
Design dependencies
teba_eleven
0
130
AI時代に求められるUXデザインのアプローチ
xtone
1
6.1k
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
hiro93n
1
310
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
kumanoayumi
6
1.2k
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
1
220
Featured
See All Featured
Optimizing for Happiness
mojombo
378
71k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.5k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
400
A Modern Web Designer's Workflow
chriscoyier
698
190k
Crafting Experiences
bethany
1
190
Utilizing Notion as your number one productivity tool
mfonobong
4
330
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
440
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
170
Visualization
eitanlees
152
17k
GitHub's CSS Performance
jonrohan
1033
470k
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!