Conhecendo os padrões de Design para IOS

Quando empresas buscam criar um app para seus clientes, frequentemente isso significa produzir um app tanto para Android com para iPhones. Desta forma, é importante perceber antecipadamente a diferença entre as duas plataformas, e as formas rápidas que pode fazer com que a experiência seja sentida nativa para cada uma. Existem 3 fatores que diferenciam a plataforma iOS das demais, são elas: Clareza, Deferência e Profundidade. Em todo o sistema o texto fica legível, os ícones são precisos e sempre mantêm o foco na funcionalidade. A interface também se movimenta de forma fluida, e o conteúdo geralmente preenche toda a tela enquanto o desfoque costumam sugerir a ideia de “mais”. As camadas visuais e seus movimentos são bem característicos, a ideia de accordeon aumenta a usabilidade e permite acesso a funcionalidades e conteúdo adicional. Interface Pode parecer clichê, mas sempre o foco de toda aplicação, seja ela mobile ou web, é o conteúdo. Então manter o foco no conteúdo primário é de suma importância, e o mesmo deve se adaptar a orientação e o tamanho da tela, para te ajudar a implementar isso você pode ler um pouco sobre Auto Layout. Sempre que possível utilize algum “peso visual” para demonstrar importância, itens maiores também são mais fáceis de tocar, o que é muito importante quando um aplicativo é usado em ambientes de distração, como na cozinha ou na academia. A navegação dentro do app não pode ser deixada de lado, menus principais geralmente são Tab Bar’s, e menus secundários são implementados com Tables, as setas também são necessárias para situar o usuário dentro do aplicativo, diferente de outras plataformas as telas não vão brotar do nada, uma tela sempre puxa a outra em forma de camada. Um case bem interessante onde podemos observar isso é o Spotify. Cores As cores utilizadas pelo iOS denotam estado, interação e proporciona uma continuidade visual. Trate de escolher uma paleta limitada, onde as cores combinem com a logo do seu app onde não se contrastem e nem desvie o foco do usuário. Considere escolher uma cor chave para interação com o usuário em todo o app. No Note, os elementos interativos são amarelos. No Calendário, os elementos interativos são vermelhos. Se você definir uma cor de chave que denota interatividade, certifique-se de que outras cores não competem com ela. Tipografia San Francisco é a fonte do sistema no iOS. Existem duas variantes desta fonte: SF UI Text para texto 19 pontos ou menor, e SF UI Display para texto 20 pontos ou maior. Quando você usa a fonte do sistema para texto em label’s e outros elementos de interface, o iOS aplica automaticamente o estilo de texto mais apropriado da fonte com base no tamanho de ponto. Ele também alterna fontes automaticamente conforme necessário e respeita as configurações de acessibilidade. Enfatize informações importantes. Use o tamanho, tamanho e cor da fonte para destacar as informações mais importantes em seu aplicativo. Se possível, use uma única fonte. Misturar várias fontes diferentes pode fazer seu aplicativo parecer fragmentado e desleixado. Considere o uso de uma fonte e apenas alguns estilos e tamanhos. Animações Uma bela e sutil animação no iOS é suficiente para criar um sentido visual de conexão entre as pessoas e o conteúdo na tela. Encher o app de animações pode não ser um boa escolha, isso pode distrair o usuário e fazer com que seu app seja mais difícil de utilizá-lo do que ele realmente é. Existem várias bibliotecas e frameworks que trabalham a parte de animação no iOS, você também pode fazer elas de forma nativa.

access_time 2 de Agosto de 2017 às 11:30 supervisor_account RebecaGuerra



TAGS:

Designer UX