Projetar o Mole para ficar fora do caminho

Passei um dia redesenhando o mole.fit, a página em que você está lendo isto. Quando publiquei sobre isso, escrevi uma linha: quieto, confiável, fica fora do seu caminho, a mesma filosofia do próprio app. Esse tem sido o briefing inteiro de design do Mole desde o primeiro script de shell. Aqui está o que isso significa na prática.

Quieto é uma restrição

Quieto soa como um humor, mas para uma ferramenta é um conjunto de regras duras. Um painel ou está totalmente renderizado ou está oculto, então não há cartão meio desenhado nem superfície de resultado se montando pedaço a pedaço. Uma varredura termina antes de a tela entrar no estado de resultado. Esperas curtas não mostram nada; esperas mais longas mostram um único estado de trabalho calmo. Os layouts de conclusão reservam o espaço antes de os dados chegarem, para que a janela não pule.

Essas são restrições de engenharia, não decoração. Elas exigem estados explícitos de operação, indicadores de carregamento atrasados, tamanhos estáveis de contêiner e caminhos de cancelamento. Sem essa maquinaria, acrescentar uma transição só anima a incerteza. A calma que o usuário vê é produzida ao tornar o trabalho assíncrono previsível por baixo.

O ponto de tudo isso é uma ferramenta que você não precisa vigiar. Você pede que ela faça algo, ela faz, e devolve a tela. Software que pisca e muda de lugar na tela pede atenção que não ganhou, e uma ferramenta de manutenção não ganhou nenhuma: deve parecer mais perto de um aparelho bem feito do que de um app que você fica conferindo.

Mostre o trabalho antes de tocar em qualquer coisa

A decisão de design mais importante no Mole é que ele mostra o plano de exclusão com os tamanhos e espera a confirmação. Remoções comuns de arquivos do usuário vão para o Lixo, onde continuam recuperáveis, e raízes de navegação como a pasta pessoal não têm opção de apagar. A interface estabelece a intenção, mas a camada de serviço ainda valida cada caminho na hora da execução. Uma tela de aviso sozinha não é uma fronteira de segurança.

A segurança aqui é a forma do app, não um diálogo de aviso aparafusado no fim. A descoberta não pode apagar. A confirmação cria um plano limitado. A execução confere de novo a identidade e os caminhos protegidos, e o resultado informa itens removidos, pulados e com falha separadamente. Revisar antes da ação é a metade visível; a validação independente é a metade invisível.

Por que um limpador tem um sistema solar

Uma utilidade como esta poderia ter sido um ícone da barra de menus com um botão de limpar, e teria vendido bem. Eu dei cinco planetas em vez disso. Já existe software demais gerado e descartável no mundo, e se eu ia gastar o esforço queria que o resultado fosse algo confortável de ter à frente.

Cada recurso é um planeta cujo caráter combina com o trabalho: Limpar é a Terra, Software é Marte, Otimizar é Mercúrio, Analisar é Júpiter, e Status é o Sol. A disciplina é que continua um sistema, não cinco ornamentos. As texturas vêm de imagens astronômicas, com a Terra baseada no Blue Marble da NASA; a direção do giro e o ritmo relativo seguem os corpos reais, e cada planeta é desenhado pelo mesmo código em alguns tamanhos fixos. Beleza numa ferramenta está bem desde que seja construída como o resto da ferramenta. A história mais longa de como os planetas vieram a ser é um texto próprio.

A contenção é o sistema

A maior parte do trabalho de design no Mole é subtração. O app é só escuro, de propósito. O painel da barra de menus flutua sobre o seu papel de parede como um HUD, e o vidro escuro reduz o brilho ali, então não há modo claro para manter nem um interruptor de tema para raciocinar. Há uma escala tipográfica para o app inteiro e outra para o site, e nenhum elemento ganha um tamanho ou uma cor avulsa: cada valor vem de um token compartilhado, e por isso as páginas parecem uniformes, sem nenhuma coisa isolada gritando.

E muitos recursos bons nunca saem. Um Mac tem muitos truques agradáveis que o Mole poderia executar e não deve, porque uma ferramenta em que você confia para apagar arquivos tem de continuar pequena o bastante para caber na cabeça. Dizer não a uma boa ideia é mais difícil do que acrescentá-la, e é a maior parte do que mantém o app calmo. Escrevi à parte sobre decidir o que não construir.

A contenção também vale para a acessibilidade. Quieto visual não basta se o foco pula, os controles têm rótulos vagos ou uma animação esconde o estado do VoiceOver. Ordem de leitura, alcance pelo teclado, movimento reduzido e foco estável fazem parte da mesma promessa: a interface deve gastar o mínimo possível da atenção do usuário que a tarefa permite.

Essa regra muda os planetas também. Quando Reduzir Movimento está ativado, a rotação decorativa para e as mudanças de estado evitam movimento espacial. O planeta pode carregar identidade sem exigir movimento, e nenhuma operação depende de vê-lo animar. Quieto não é um estilo visual fixo; é respeitar a quantidade de estímulo que o usuário pediu.

Uma filosofia, três superfícies

O Mole é uma ferramenta de linha de comando, um app para Mac e este site, e o briefing é o mesmo para os três. A CLI cava fundo, mas permanece limitada e segura. O app torna esse trabalho visível sem torná-lo barulhento. O site tenta contar o que o app faz e depois sair do caminho, e por isso o redesenho levou um dia e não um mês: havia pouco a acrescentar, só coisas a remover.

É isso tudo: um guardião quieto, e nada mais. Para o seu Mac, ou o de um amigo. Que o seu tempo seja seu.