4 de agosto de 2017-iOS App Development, mobile strategy
por Mike Woods, Atimi Software Inc.
o tipo dinâmico não é novo. Existe desde o iOS 7, mas sua adoção por aplicativos tem sido um pouco irregular – até agora. Com o iOS 11, a Apple está fazendo melhorias significativas no recurso que deve levar à adoção em larga escala. Este artigo passa por essas mudanças e considera como elas afetarão um bom design e implementação de aplicativos.
O Que É Tipo Dinâmico?
iOS sempre incluiu grande suporte para texto. O sistema operacional possui dezenas de fontes escaláveis de alta qualidade e um sofisticado mecanismo de renderização de texto. Designers e desenvolvedores foram capazes de aproveitar esse rico conjunto de recursos para produzir UIs atraentes e funcionais.
no entanto, com uma tela pequena, o design da interface do Usuário é sempre um compromisso entre encaixar o conteúdo na visualização e a legibilidade. E como o tamanho do texto legível varia de pessoa para pessoa, o que funciona para um pode ser inutilizável para outro. Aplicativos pesados em texto (como leitores de notícias) podem oferecer uma configuração de tamanho de texto, mas como esses recursos precisam ser codificados manualmente, a maioria dos aplicativos simplesmente não garante o esforço.
para resolver esse problema, a Apple introduziu o tipo dinâmico no iOS 7. Ele permite que os designers utilizem um conjunto de sete (mais tarde aumentado para dez) estilos de texto ao selecionar fontes. Esses estilos são mapeados para diferentes fontes e tamanhos de acordo com a configuração de tamanho de texto do Usuário. Com o Dynamic Type, qualquer aplicativo pode responder à preferência de tamanho do usuário, o que melhora a experiência de uma ampla gama de usuários.
o tipo dinâmico suporta sete configurações de tamanho, permitindo uma variação significativa no tamanho da fonte. Por exemplo, o estilo de texto corporal é 17pt na configuração padrão, mas varia de 14pt a 23pt. No entanto, este não é o limite, pois o iOS inclui uma configuração de acessibilidade que adiciona cinco tamanhos maiores, até 53pt para texto corporal. (Observe que, no momento, apenas o tamanho do texto corporal muda nos tamanhos de acessibilidade-isso mudará no iOS 11.)
essa flexibilidade vem com seus próprios desafios. A faixa dinâmica do texto corporal é de aproximadamente 4:1, fazendo mesmo frases curtas abrangem várias linhas. Layouts estáticos claramente não funcionarão com texto dinâmico. Felizmente, o Layout automático lidará com a maior parte do trabalho pesado, permitindo que a interface do usuário ajuste o layout sem a necessidade de código.
no entanto, nem todos os problemas de layout podem ser resolvidos apenas com o Layout automático. Além disso, adaptar o tipo dinâmico em um aplicativo existente (particularmente se incluir código de layout manual) pode ser difícil. Finalmente, adotar o tipo dinâmico significa abandonar as outras fontes fornecidas pelo sistema operacional, sem mencionar as fontes personalizadas; não é uma escolha fácil para designers que buscam um visual distinto.
esses desafios levaram muitos aplicativos a demorarem a adotar o Tipo Dinâmico ou a fazê-lo de maneira ingênua, resultando em UIs quebrados, particularmente para as configurações maiores.
no entanto, tudo isso deve estar prestes a mudar…
o que está chegando no iOS 11?
na WWDC deste ano, a Apple anunciou várias melhorias no Dynamic Type para iOS 11 que terão um grande impacto na taxa e no custo de sua adoção.
talvez o mais significativo seja a capacidade de usar outras fontes com Tipo Dinâmico. Isso permite que os designers redefinam efetivamente a paleta de estilo de texto (incluindo tipo de letra e tamanho de ponto) e o sistema os dimensionará automaticamente de acordo com o tamanho do texto do Usuário.
para entender o impacto disso, basta considerar um aplicativo educacional que deseja usar o Chalkboard SE (uma das fontes iOS padrão) como sua principal fonte. Anteriormente, isso descartaria o tipo dinâmico. No iOS 11, Isso não só é possível, mas o designer pode decidir que o texto deve ser um pouco maior (18pt, digamos, para texto corporal) para parecer mais claro com o tipo de letra – e as fontes ainda serão dimensionadas adequadamente em outros tamanhos de texto.
também se torna mais fácil atualizar UIs existentes para texto dinâmico. O Layout automático tem a capacidade de ajustar o espaçamento vertical de acordo com o tamanho do texto para que o texto não fique apertado em tamanhos maiores. E para o código de layout manual, é possível dimensionar distâncias de pixels de acordo com o tamanho do texto para um efeito semelhante.
as imagens também podem ser dimensionadas para permitir que os ícones sejam mais visíveis em tamanhos de texto de grande acessibilidade. O UIKit é capaz de manter ícones em forma de vetor para evitar problemas de pixelização.
além disso, há um ajuste de layout aprimorado, pois o tamanho do texto está sendo disponibilizado como parte do UITraitCollection, que é a maneira padrão de rastrear outros fatores que afetam o layout.
uma mudança final é que agora todos os estilos de texto mudam o tamanho do ponto com acessibilidade. Isso melhorará muito a experiência de leitura para usuários de baixa visão, pois todo o texto, não apenas o texto do corpo, será dimensionado. Também afeta o design thinking, pois significa muito mais variação no tamanho do conteúdo.
O Que A Apple Diz?
talvez mais importante do que as melhorias técnicas para o Tipo Dinâmico é o impulso da Apple para promover a acessibilidade no iOS 11. Isso inclui a aplicação dos princípios” design for everyone ” aos aplicativos e utilitários que são fornecidos com o sistema operacional. Entre esses princípios estão três objetivos para o uso do texto.
1. O texto deve ser grande o suficiente para o usuário ler. (Em outras palavras, o texto deve ser dimensionado com Tipo Dinâmico.)
2. O texto deve ser totalmente legível. Não deve ser truncado desnecessariamente e não deve ser sobreposto ou recortado.
3. A interface do usuário de um aplicativo deve ficar bonita em todos os tamanhos de texto.
atingir esses objetivos requer que as UIs sejam mais adaptativas do que simplesmente permitir que o texto cresça. Por exemplo, o conteúdo da célula da tabela geralmente é organizado horizontalmente com uma imagem ou ícone no lado principal e no rótulo de texto à direita. Isso parece ótimo para tamanhos de texto regulares, mas as fontes de acessibilidade maiores fazem com que o rótulo pareça apertado (mesmo que palavras longas sejam quebradas em várias linhas) enquanto o ícone fica em um grande espaço em branco vertical. Mudar para um layout vertical com o ícone Acima do texto maximiza o espaço horizontal para o texto enquanto ajusta mais conteúdo na tela.
em outras situações, acomodar fontes maiores pode significar reordenar o conteúdo vertical para garantir que os botões de ação não sejam pressionados por texto multilinha, reorganizar os botões da ferramenta em várias linhas ou ocultar conteúdo auxiliar para abrir espaço para texto importante.Nenhum desses designs adaptativos vem de graça, mas a Apple afirma que vale a pena oferecer uma ótima experiência para todos. E, ao oferecer essa experiência dentro dos aplicativos do sistema, a Apple está aumentando a fasquia para aplicativos de terceiros. Com o iOS 11, Os usuários estarão mais dispostos a habilitar recursos de acessibilidade para melhorar a facilidade de uso, e os aplicativos que não suportam bem o tipo dinâmico acabarão perdendo para aqueles que o fazem.Entre em contato conosco para descobrir como o software Atimi pode ajudá-lo a construir um aplicativo corporativo personalizado e inovador que ofereça uma experiência superior ao usuário e resista ao teste do tempo.
