OKO: Projetando para Usuários Invisíveis
“O melhor design de acessibilidade é invisível — ele simplesmente funciona.” — Filosofia da equipe AYES
OKO é um assistente de travessia de faixa de pedestres para usuários cegos e com baixa visão que ganhou o Apple Design Award de Impacto Social em 2023. O app usa a câmera do iPhone e machine learning on-device para detectar estados de sinais de pedestres (atravessar, não atravessar, contagem regressiva) e comunica o resultado através de feedback háptico e áudio espacial. Os usuários apontam o telefone em direção ao sinal de pedestres, e o OKO informa quando é seguro atravessar sem exigir que vejam a tela.
Isto é design em sua forma mais essencial. O OKO quase não possui interface visual no sentido tradicional. Não há grids, cards, paletas de cores nem hierarquias tipográficas. Em vez disso, o desafio de design é inteiramente sobre comunicação não-visual: como transmitir informações críticas de segurança através de padrões de vibração e som em um ambiente urbano ruidoso e imprevisível. O OKO obriga os designers a reconsiderar o que “interface” significa quando a tela não é o meio.
Por Que o OKO Importa
Conquistas principais: - Ganhou o Apple Design Award de Impacto Social (2023), o maior reconhecimento para design impactante nas plataformas Apple - Provou que o trabalho de design mais impactante pode ter zero componente visual - Criou uma linguagem háptica que comunica estado binário (seguro/não seguro) com nuance (nível de confiança, percepção de contagem regressiva) - Demonstrou que ML on-device pode servir à acessibilidade em tempo real sem dependência de rede - Abordou uma lacuna real de acessibilidade cívica: a maioria das interseções no mundo não possui sinais de pedestres acessíveis (APS)
Principais Conclusões
- A melhor interface pode ser nenhuma interface - A interação primária do OKO é háptica e auditiva; a tela existe para configuração e acompanhantes videntes, não para o usuário principal
- Feedback háptico é uma linguagem de design - Diferentes padrões de vibração comunicam não apenas estados binários, mas níveis de confiança, transições e urgência
- UX audio-first requer pensamento espacial - O som deve transmitir direção e distância, não apenas presença, porque usuários cegos navegam em um ambiente 3D
- Infraestrutura cívica tem lacunas de design - A maioria das interseções não possui sinais acessíveis; o OKO revela quanto do design público pressupõe a visão
- Projetar para extremos melhora tudo - As restrições de projetar para usuários cegos produzem padrões de interação (confirmação háptica, feedback sonoro) que melhoram apps para todos
Princípios Fundamentais de Design
1. Design de Interação Não-Visual
A interação central do OKO não tem componente visual. O usuário segura o telefone apontado para um sinal de pedestres, e o OKO se comunica através de vibração e som.
O modelo de interação:
AÇÃO DO USUÁRIO: RESPOSTA DO SISTEMA:
Segurar o telefone Pulso constante: "Estou vendo um sinal"
em direção ao sinal ┌──────────────────────────┐
de pedestres │ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ │ Toque suave repetitivo
└──────────────────────────┘
Sinal detectado: Sinal ATRAVESSAR:
ATRAVESSAR ┌──────────────────────────┐
│ ━━━━━━━━━━━━━━━━━━━━━━ │ Vibração contínua
│ + tom ascendente │ forte + tom ascendente
└──────────────────────────┘
Sinal detectado: Sinal NÃO ATRAVESSAR:
NÃO ATRAVESSAR ┌──────────────────────────┐
│ ∙ ∙ ∙ ∙ ∙ ∙ │ Toques lentos e espaçados
│ + tom grave │ + tom descendente
└──────────────────────────┘
Sinal detectado: CONTAGEM REGRESSIVA (tempo acabando):
CONTAGEM REGRESSIVA ┌──────────────────────────┐
│ ∙∙ ∙∙ ∙∙ ∙∙ ∙∙ ∙∙ ∙∙ │ Toques duplos acelerando
│ + tom de urgência │ tempo aumentando
└──────────────────────────┘
Decisões de design que importam: - Atravessar = vibração contínua forte. O estado positivo deve ser o mais inconfundível. A segurança de um usuário cego depende de interpretar corretamente “é seguro atravessar.” Não há espaço para ambiguidade. - Não Atravessar = toques suaves espaçados. O estado negativo é calmo, não alarmante. Vibrações alarmantes causam estresse; o usuário simplesmente precisa saber “ainda não.” - Contagem regressiva = tempo acelerando. Emprestado do bipe audível dos sinais de pedestres acessíveis, a velocidade crescente comunica “o tempo está acabando” sem exigir contagem. - Nenhum sinal detectado = silêncio. Se o OKO não consegue identificar o estado do sinal com confiança, ele não comunica nada em vez de adivinhar. Em design crítico de segurança, silêncio (nenhuma informação) é mais seguro do que informação errada.
2. Feedback Háptico como Linguagem de Design
Os padrões hápticos do OKO não são vibrações aleatórias. Eles formam uma linguagem coerente com gramática e vocabulário.
// Vocabulário de padrões hápticos (conceitual)
// ATRAVESSAR: Forte, contínuo, confiante
// Usa CHHapticEvent com intensidade sustentada
let walkPattern: [CHHapticEvent] = [
CHHapticEvent(
eventType: .hapticContinuous,
parameters: [
CHHapticEventParameter(
parameterID: .hapticIntensity,
value: 0.9 // Alta intensidade = confiança
),
CHHapticEventParameter(
parameterID: .hapticSharpness,
value: 0.5 // Nitidez média = firme mas não brusco
)
],
relativeTime: 0,
duration: 2.0
)
]
// NÃO ATRAVESSAR: Suave, espaçado, paciente
let dontWalkPattern: [CHHapticEvent] = stride(
from: 0, to: 3.0, by: 0.5
).map { time in
CHHapticEvent(
eventType: .hapticTransient,
parameters: [
CHHapticEventParameter(
parameterID: .hapticIntensity,
value: 0.3 // Baixa intensidade = não urgente
),
CHHapticEventParameter(
parameterID: .hapticSharpness,
value: 0.2 // Nitidez suave = delicado
)
],
relativeTime: time
)
}
// CONTAGEM REGRESSIVA: Tempo acelerando
func countdownPattern(secondsRemaining: Int) -> [CHHapticEvent] {
// Intervalo diminui conforme o tempo acaba
// 10 segundos: toque a cada 500ms
// 5 segundos: toque a cada 250ms
// 2 segundos: toque a cada 125ms
let interval = max(0.125, Double(secondsRemaining) / 20.0)
// ... gerar padrão com intervalos decrescentes
}
Os princípios de design háptico: - Intensidade = confiança. Uma vibração forte significa que o OKO tem certeza. Uma vibração mais fraca significa menor confiança. Isso mapeia à intuição do mundo real: um aperto de mão firme transmite certeza. - Tempo = urgência. Padrões mais rápidos significam “aja agora.” Padrões mais lentos significam “espere.” Isso é universal entre culturas e não requer aprendizado. - Silêncio = incerteza. Quando o OKO não consegue determinar o estado do sinal, ele não vibra. Esta é a decisão de design mais importante: em contextos críticos de segurança, nenhum feedback é mais seguro do que feedback errado. - Nitidez = demanda de atenção. Toques nítidos demandam atenção. Vibrações suaves fornecem percepção ambiental. O sinal de atravessar usa nitidez média — firme o suficiente para perceber, suave o suficiente para sustentar sem fadiga.
3. UX Audio-First com Percepção Espacial
As dicas sonoras do OKO são projetadas para um usuário que está navegando em um ambiente urbano tridimensional usando fones de ouvido (ou o alto-falante do telefone) em meio ao ruído do tráfego.
Requisitos de design de áudio: - Deve ser audível acima do ruído do tráfego sem ser tão alto que mascare sons ambientais que o usuário precisa ouvir (veículos se aproximando, outros pedestres) - Deve transmitir mudança de estado imediatamente — um atraso de meio segundo entre a mudança do sinal e a dica sonora pode ser perigoso - Deve funcionar tanto com alto-falante quanto com fones de ouvido (muitos usuários cegos mantêm um fone em um ouvido para apps de navegação) - Não deve ser confundido com outros sons comuns de apps (notificações, prompts do VoiceOver)
O vocabulário sonoro:
ATRAVESSAR:
┌─ Tom duplo ascendente ────────────────┐
│ ♪ grave → agudo (intervalo maior) │
│ Duração: 400ms │
│ Caráter: Brilhante, claro, afirmativo │
└───────────────────────────────────────┘
NÃO ATRAVESSAR:
┌─ Tom grave único ─────────────────────┐
│ ♪ grave sustentado (tom menor) │
│ Duração: 300ms │
│ Caráter: Calmo, não alarmante │
└───────────────────────────────────────┘
CONTAGEM REGRESSIVA:
┌─ Cliques rítmicos ───────────────────┐
│ ♪ tique...tique..tique.tique.tiquetiquetique │
│ Duração: Corresponde ao tempo restante│
│ Caráter: Acelerando, urgente │
└───────────────────────────────────────┘
SINAL PERDIDO:
┌─ Tom descendente ─────────────────────┐
│ ♪ agudo → grave (fade suave) │
│ Duração: 500ms │
│ Caráter: "Perdi o sinal, reaponte" │
└───────────────────────────────────────┘
Escolha crítica de design: O sinal de atravessar é um intervalo ascendente (otimista, afirmativo) enquanto o sinal de não atravessar é um tom grave sustentado (calmo, de espera). Estes não são arbitrários. Intervalos ascendentes são transculturalmente associados a resultados positivos. Tons graves sustentados são associados a espera. O OKO aproveita essas associações universais para que um usuário de primeira vez entenda intuitivamente o significado sem treinamento.
Padrões de Design Que Vale a Pena Roubar
Projetando para Interação Zero-Visual
A abordagem do OKO para design não-visual produz padrões aplicáveis muito além da acessibilidade:
Confirmação através de hápticos:
// Qualquer app pode usar confirmação háptica
// Em vez de apenas mostrar um checkmark verde:
// Sucesso: toque único forte
let successFeedback = UIImpactFeedbackGenerator(style: .heavy)
successFeedback.impactOccurred()
// Erro: três toques rápidos e leves
let errorFeedback = UIImpactFeedbackGenerator(style: .light)
for delay in [0, 0.1, 0.2] {
DispatchQueue.main.asyncAfter(deadline: .now() + delay) {
errorFeedback.impactOccurred()
}
}
// Aviso: dois toques médios
let warningFeedback = UIImpactFeedbackGenerator(style: .medium)
for delay in [0, 0.15] {
DispatchQueue.main.asyncAfter(deadline: .now() + delay) {
warningFeedback.impactOccurred()
}
}
A lição mais ampla: A maioria dos apps trata o feedback háptico como algo secundário — uma única vibração para qualquer notificação. O OKO demonstra que hápticos podem carregar significado semântico: padrões diferentes para estados diferentes. Isso torna os apps mais usáveis para todos, não apenas para usuários com deficiência visual. Um toque forte para “pagamento confirmado” é diferente de um toque suave para “mensagem recebida,” e os usuários aprendem esses padrões inconscientemente.
Princípios de Design Crítico de Segurança
O OKO opera em um ambiente onde erros de design podem causar danos físicos. Seus princípios se aplicam a qualquer interface adjacente à segurança (médica, automotiva, industrial):
-
Falhe em silêncio, não falhe ruidosamente. Quando incerto, o OKO não fornece feedback em vez de fornecer feedback incorreto. Em contextos de segurança, falsa confiança é mais perigosa do que incerteza reconhecida.
-
Binário antes da nuance. A comunicação primária é binária: seguro ou não seguro. Nuance (contagem regressiva, confiança) é adicionada por cima. A primeira pergunta do usuário (“Posso atravessar?”) recebe um sim/não claro antes de qualquer detalhe adicional.
-
Canais redundantes. O OKO comunica através de háptico e áudio simultaneamente. Se o usuário perder um canal (ambiente ruidoso abafa o áudio, telefone em luvas grossas amortece os hápticos), o outro canal ainda carrega a mensagem.
-
Nenhum aprendizado necessário. Os padrões hápticos e sonoros aproveitam associações universais (ascendente = positivo, rápido = urgente) para que usuários de primeira vez entendam sem tutoriais. Interfaces críticas de segurança não podem pressupor treinamento.
HIERARQUIA DE DESIGN CRÍTICO DE SEGURANÇA:
1. É seguro? → Resposta binária (sim/não)
2. Quão confiante? → Intensidade do feedback
3. Quanto tempo? → Tempo do feedback
4. O que devo fazer? → Direção (atravessar/esperar)
5. O que mudou? → Sinais de transição
Cada camada se baseia na anterior.
Nunca pule para a camada 3 sem estabelecer a camada 1.
O Veredito
O OKO é o estudo de caso de design mais importante que a maioria dos designers jamais pensará em examinar, porque desafia a suposição fundamental da disciplina: que design é visual. Os usuários principais do OKO nunca verão seu ícone de app, nunca admirarão sua paleta de cores, nunca lerão sua tipografia. Todo o desafio de design é háptico, auditivo e temporal. E ainda assim, o rigor de design exigido é pelo menos tão demandante quanto qualquer interface visual, porque o que está em jogo é a segurança física de uma pessoa em uma travessia de rua.
A lição que o OKO ensina é que projetar para os usuários mais restritos produz os insights mais universais. Padrões de confirmação háptica, comunicação de estado por áudio, hierarquia de informação binária-antes-da-nuance, canais de feedback redundantes e tratamento de erro fail-silent são princípios que melhoram todos os apps, não apenas apps de acessibilidade. Quando você projeta para alguém que não pode ver sua tela, você descobre o que sua interface realmente comunica versus o que ela meramente exibe.
Melhor para aprender: Como projetar interações não-visuais com o mesmo rigor das visuais, e como restrições críticas de segurança produzem princípios de design (fail-silent, canais redundantes, binário-primeiro) que elevam todo software.
Perguntas Frequentes
Como o OKO detecta sinais de pedestres sem conexão com a internet?
O OKO usa machine learning on-device através do framework Core ML da Apple para analisar o feed da câmera do iPhone em tempo real. O modelo é treinado para reconhecer estados padrão de sinais de pedestres (mão de pare, figura caminhando, timer de contagem regressiva) e roda inteiramente no Neural Engine do dispositivo. Nenhuma conexão de rede é necessária, o que é crítico para uma ferramenta de segurança que deve funcionar em áreas com cobertura celular precária.
Por que o OKO usa silêncio quando não consegue detectar um sinal?
Em design crítico de segurança, falsa confiança é mais perigosa do que incerteza reconhecida. Se o OKO vibrasse “atravessar” quando na verdade estava incerto, um usuário poderia entrar no trânsito. Ao escolher silêncio para estados incertos, o OKO comunica “eu não sei” claramente, incentivando o usuário a reposicionar o telefone ou usar outras pistas (perguntar a um pedestre próximo, ouvir os padrões de tráfego) em vez de confiar em informação incorreta.
Como os padrões hápticos do OKO funcionam para usuários com sensibilidade tátil reduzida?
O OKO combina feedback háptico com dicas sonoras de forma redundante, então se um usuário não consegue sentir a vibração (devido a neuropatia, luvas grossas ou uma capinha de celular), o canal de áudio ainda carrega a mensagem completa. O app também permite que os usuários ajustem a intensidade háptica e o volume do áudio independentemente. A abordagem de canal duplo garante que perder um método de feedback não comprometa a segurança.
O que apps não relacionados a acessibilidade podem aprender com o design do OKO?
O OKO demonstra que feedback háptico pode carregar significado semântico além de “algo aconteceu.” Diferentes padrões de vibração para diferentes estados (sucesso, erro, aviso, progresso) criam um vocabulário inconsciente que torna qualquer app mais usável. Além disso, o princípio fail-silent do OKO (nenhum feedback é melhor que feedback errado), a hierarquia de informação binária-primeiro e os canais de feedback redundantes são aplicáveis a qualquer interface onde a confiança do usuário importa.
Por que o OKO ganhou o Apple Design Award de Inclusividade?
O OKO abordou uma lacuna real de infraestrutura cívica: a maioria das interseções no mundo não possui sinais de pedestres acessíveis. Em vez de defender mudanças de infraestrutura (um processo de décadas), o OKO usou a câmera e o hardware háptico existentes do iPhone para criar uma solução imediata. O prêmio reconheceu tanto a conquista técnica quanto a filosofia de design de construir tecnologia que serve usuários que são tipicamente invisíveis para a indústria de design.
Recursos
- App Store: OKO - Crosswalk
- Desenvolvedor: AYES (estúdio de desenvolvimento focado em acessibilidade)
- Apple Design Awards 2024: Vencedor na categoria Inclusividade
- Core ML: Framework de machine learning on-device da Apple que possibilita a detecção de sinais em tempo real