Nesta aula, exploramos as estruturas fundamentais de layout aplicadas em websites, dashboards e aplicativos mobile. Foi destacada a importância de entender as diferenças e peculiaridades de cada tipo de interface para criar designs eficientes e funcionais.

Pontos principais da aula:

• Websites:

  • Estruturados em três partes principais: header, corpo e footer.

  • Foco em apresentar informações de forma clara, atrativa e persuasiva para conversão de usuários.

  • Sessões comuns: hero section (proposta de valor), social proof, features, e FAQ.

• Dashboards:

  • Usados para organizar dados complexos de maneira intuitiva.

  • Estruturas mais comuns incluem menu lateral ou superior, área de trabalho para gráficos e tabelas, e barra superior para busca e notificações.

• Aplicativos Mobile:

  • Design focado em telas pequenas, priorizando acessibilidade e interações via toque ou gestos.

  • Navegação geralmente utiliza abas inferiores ou menus laterais.

  • Adaptação para diferentes sistemas operacionais (iOS e Android) é importante, embora as diferenças estejam diminuindo.

Links extras

• Apple Human Interface Guidelines: Este guia oferece recomendações detalhadas para projetar interfaces consistentes e intuitivas para os produtos da Apple. [https://developer.apple.com/design/human-interface-guidelines/]

• Google Material Design Guidelines: O Material Design é o sistema de design do Google que fornece diretrizes para criar interfaces coesas e bonitas em diferentes plataformas e dispositivos. [https://material.io/design]

• Microsoft Fluent Design System: O Fluent Design System da Microsoft apresenta princípios para criar interfaces flexíveis e fluidas, proporcionando experiências envolventes aos usuários. [https://developer.microsoft.com/en-us/windows/design]

• IBM Design Language: A IBM oferece um conjunto de diretrizes que ajudam a criar experiências de usuário consistentes e de alta qualidade, alinhadas com a identidade da marca IBM. [https://www.ibm.com/design/language/]

• U.S. Web Design System: Embora não seja de uma empresa privada, o Sistema de Design Web dos EUA fornece diretrizes abrangentes para criar interfaces acessíveis e eficazes para sites governamentais, servindo como referência para boas práticas de design. [https://designsystem.digital.gov/]