- A forma de selecionar o horário no app Alarme do iPhone não usa um design circular
- Por fora, parece uma interface giratória, mas na prática é composta por uma lista longa
- Isso faz o usuário sentir que está rolando algo como se não tivesse fim
- O caso chama atenção de desenvolvedores e designers de UX como um exemplo de ilusão de interface
- Entender a forma real de implementação serve de referência para desenvolvimento de apps
Estrutura do seletor de horário do app Alarme do iPhone
- No iPhone, o seletor usado para definir o horário no app Alarme parece, à primeira vista, ter um formato circular, como uma roda giratória
- Porém, esse seletor na verdade é implementado como uma lista muito longa com início e fim definidos
- Ao rolar, ele dá ao usuário a impressão de que é possível continuar girando para cima ou para baixo indefinidamente
- Essa forma de implementação foi pensada para oferecer uma experiência parecida sem aplicar diretamente uma interface circular
- O desenvolvedor projeta a interface para parecer circular usando uma lista de rolagem aparentemente infinita
Perspectiva de desenvolvimento e UX
- Com esse método, é possível substituir uma interface circular complexa apenas com uma lista simples
- Na prática, o usuário não passa de uma ponta da lista para a outra, mas como há muitos itens, é difícil alcançar o limite
- Esse design usa uma ilusão de UI para entregar a experiência que o usuário espera
- É um exemplo de como, no desenvolvimento de apps, uma implementação baseada em lista pode garantir a utilidade e a usabilidade de um controle circular
Conclusão
- O seletor de horário do app Alarme do iPhone produz um efeito circular girando uma lista longa
- Isso sugere, para desenvolvedores e designers de UI/UX, um caminho de design de interface intuitivo e eficiente
1 comentários
Opinião do Hacker News
(0..60).times(50).flatten()resolve 99% do problema com 1% do esforço. Se a QA só notar algo ao rolar até o fim da lista, provavelmente só o Product levantaria isso como problema. E quem vai se importar?