Tem havido muita conversa sobre o iOS 7 desde a sua inauguração no início deste mês e mais do que tem sido centrado em torno do design, em particular os novos ícones. Agora, como todos nós tivemos tempo de refletir sobre as mudanças, perguntas estão começando a ser feitas sobre como elas afetarão o design de nossos próprios aplicativos. Como resultado, surgiu um debate sobre o quanto uma nova interface do iOS 7 deve ter influência.
Enquanto alguns acreditam que os aplicativos devem permanecer fiéis ao seu próprio estilo e não devem ser redesenhados apenas para corresponder à aparência do iOS 7, outros acreditam que os aplicativos devem ser reprojetados para que se sintam mais nativos. Para adicionar a isso, parece haver alguma confusão sobre como Diretrizes de interface humana do iOS da Apple na verdade são.
Em um esforço para esclarecer as coisas, eu dei uma boa olhada nos documentos dentro Recursos de design do iOS 7 da Apple e usará esta postagem para compartilhar algumas das minhas descobertas.
Com relação ao debate sobre se todos os aplicativos devem agora adotar uma estética “plana”, é puramente uma questão de opinião. Se você usar elementos de interface do usuário personalizados em seu design, as decisões estilísticas ficarão com você e sua equipe. Embora a Apple sugira que você revisite o uso de sombreamentos, gradientes e molduras, não vi nenhuma evidência que sugira que esse seja um requisito estrito.
No trecho do texto abaixo, retirado do Guia de Transição da IU do iOS 7 , mais detalhes são fornecidos em diferentes níveis de personalização e como cada um deles afetará a quantidade de trabalho que você precisa fazer para preparar seus aplicativos para a transição.
Pense na personalização de aplicativos como dividida nos três tipos a seguir:
- Padrão. O aplicativo contém apenas elementos padrão da UI não personalizados fornecidos pelo UIKit.
- Personalizadas. O aplicativo apresenta uma interface do usuário completamente personalizada que não inclui nenhum elemento da interface do usuário do UIKit.
- Híbrido. O aplicativo contém uma mistura de elementos padrão e personalizados, incluindo elementos padrão que você personalizou usando as APIs de personalização de aparência e cor do UIKit.
Para um aplicativo padrão, você precisa decidir se seus projetos visuais e de experiência do usuário ainda fazem sentido no ambiente do iOS 7. Se você decidir manter o layout e o modelo de interação atuais, a maior parte do trabalho envolve fazer pequenos ajustes e garantir que o aplicativo lide corretamente com os novos gestos do sistema.
Aplicativos personalizados, ou seja, aplicativos que não usam elementos da interface do usuário do UIKit, exigem uma abordagem com mais nuances. Por exemplo, se você acha que a interface do usuário e a experiência atuais do aplicativo ainda são adequadas, pode haver muito pouco a ser feito. Por outro lado, se você acha que a personalidade e a experiência do usuário do aplicativo devem mudar para agradar aos usuários do iOS 7, você tem mais trabalho a fazer.
Os aplicativos híbridos variam na quantidade de trabalho necessária, dependendo das personalizações que você fez e de como você combinou elementos personalizados e padrão. Além de revisitar o design geral de um aplicativo híbrido, você precisa garantir que suas personalizações ainda funcionem bem e tenham boa aparência quando estiverem integradas a elementos padrão.
Também é notado no final do documento citado acima que um aplicativo que imita a IU padrão do iOS 6 de uma maneira completamente personalizada provavelmente exigirá muito trabalho, porque ele simplesmente parecerá desatualizado. Esta é certamente uma perspectiva que você vai querer considerar.
Também retirado do Guia de Transição da IU do iOS 7 é o texto abaixo, que apresenta duas listas - coisas que todo aplicativo deve fazer e coisas que todo aplicativo deve fazer. Dada a mudança na linguagem, eu consideraria o primeiro como uma lista de requisitos rigorosos e o segundo como uma lista de coisas que, no mínimo, deveriam ser consideradas.
Coisas que todo aplicativo deve fazer
- Atualize o ícone do aplicativo. No iOS 7, os ícones de aplicativos são 120 x 120 pixels (alta resolução).
- Atualize a imagem de lançamento para incluir a área da barra de status, caso ainda não o faça.
- Suporte Retina display e iPhone 5 em todos os seus trabalhos artísticos e projetos, se você não estiver fazendo isso.
Coisas que todo aplicativo deve fazer
- Certifique-se de que o conteúdo do aplicativo seja perceptível por meio de elementos translúcidos da interface do usuário, como barras e teclados, e da barra de status transparente. No iOS 7, os controladores de visualização usam o layout de tela inteira (para saber mais, consulte Usando controladores de exibição ).
- Redesenho de ícones personalizados de botões de barras. No iOS 7, os ícones do botão de barra são mais leves e têm um estilo diferente.
- Prepare-se para botões sem borda, afastando-se do fornecimento de imagens de plano de fundo dos botões e reavaliando seu layout.
- Examine seu aplicativo em busca de valores de interface do usuário codificados - como tamanhos e posições - e substitua-os por aqueles que você obtém dinamicamente dos valores fornecidos pelo sistema. Use o Layout automático para ajudar seu aplicativo a responder quando as alterações de layout forem necessárias. (Se você é novo em Auto Layout, aprenda sobre isso lendo Cacau Auto Layout Guide .)
- Examine seu aplicativo para lugares onde as métricas e mudanças de estilo dos controles e visualizações do UIKit afetam o layout e a aparência. Por exemplo, os switches são mais largos, as tabelas agrupadas não são mais inseridas e as visualizações de progresso são mais finas. Para obter mais informações sobre elementos específicos da interface do usuário, consulte Barras e Bar Botões , Controles , Visualizações de Conteúdo e Visualizações Temporárias .
- Adote o tipo dinâmico. No iOS 7, os usuários podem ajustar o tamanho do texto que veem nos aplicativos. Ao adotar o tipo dinâmico, você obtém um texto que responde adequadamente às alterações de tamanho especificadas pelo usuário. Para mais informações, veja Usando fontes .
- Certifique-se de que seu aplicativo não responda de maneira inadequada ao novo gesto do Control Center ou a um golpe do controlador de navegação para retroceder o gesto, especialmente se você executar um tratamento de toque personalizado.
- Revisite o uso de sombras, gradientes e molduras. Como a estética do iOS 7 é suave e com camadas - com muito menos ênfase no uso de efeitos visuais para fazer com que os elementos da interface do usuário pareçam físicos -, convém repensar esses efeitos.
- Se necessário, atualize seu aplicativo para as práticas recomendadas para o iOS 6, como Layout automático e storyboards, e garanta que o aplicativo não use uma API obsoleta.
O iOS 7 também não significa o fim do ícone do aplicativo ultra detalhado. O trecho de texto abaixo, retirado do Diretrizes da interface humana do iOS , sugere que ainda há lugar para o realismo. No entanto, conforme mencionado acima, todos os ícones do aplicativo precisarão ser atualizados.
Se você quiser retratar substâncias reais, faça com precisão. Ícones ou imagens que representam objetos reais também devem parecer feitos de materiais reais e ter massa real. Ícones realistas reproduzem com precisão as características de substâncias como tecido, vidro, papel e metal, além de transmitir o peso e a sensação de um objeto.
Embora haja muito mais para os documentos dentro Recursos de design do iOS 7 da Apple e eu recomendaria a leitura de todos eles, eu senti que esses três trechos em particular fornecem alguma clareza muito necessária. A nova abordagem da Apple pode fazer o melhor para evitar sombras, gradientes e molduras, mas isso não significa que você tenha que seguir o mesmo caminho, e se você deve ou não é puramente uma questão de opinião.
Independentemente das escolhas estilísticas que você fizer, contanto que você considere cuidadosamente todas as opções acima, não deverá ter problemas para fazer a transição com sucesso dos seus aplicativos para o iOS 7.
Isso esclareceu qualquer preocupação que você teve? Você está ansioso para fazer a transição? Deixe-nos saber nos comentários.