SyncThinkDesignSTD

Experimentos · EXP-004

Medir uma interface antes de redesenhá-la

Antes de redesenhar o editor do Experience Creator, mediu-se seu estado atual em três resoluções e comparou-se com uma maquete. A medição é real; a comparação é com uma proposta, não com o produto final.

Data
Estado
Evidência parcial
Relaciona-se com
F6, M4, H6

Motivação

O editor tinha crescido a ponto de mostrar dezenas de controles ao mesmo tempo. Em vez de redesenhá-lo por intuição, definiram-se medidas observáveis e um script que as calcula, para que o redesenho tivesse um critério antes de começar (M4) e pudesse ser validado enquanto avançava (F6).

Medidas

Demo «Circuito», medida com um script de Playwright. «Proposta» é a maquete da nova estrutura, não a versão implementada.
Medida1280×720 atualproposta1920×1080 atualproposta
Pixels ocultos da barra superior38801800
Controles visíveis74248227
Controles abaixo de 44 px741811
Área do viewport40,7 %40,2 %42,2 %44,5 %
R1Resultado medido

Em 1280×720, o editor mostrava 74 controles visíveis, todos abaixo do tamanho de toque de 44 px, e escondia 388 pixels da barra superior. A maquete proposta reduz os controles visíveis a 24 sem diminuir de forma perceptível a área de trabalho.

Limitações

  • A comparação é com uma maquete. A medição da estrutura já implementada continua pendente.
  • Menos controles visíveis não significa uma interface melhor; para isso são necessárias tarefas cronometradas com pessoas.

← Todos os experimentos