Human Interface Guidelines — o que é, princípios de design do iOS

O que são Human Interface Guidelines?

Human Interface Guidelines (HIG) é a documentação oficial da Apple para projetar interfaces de usuário. O documento contém descrições de todos os componentes padrão do sistema, regras para seu uso, requisitos para gestos, animações, tipografia e paleta de cores. A Apple publicou a HIG pela primeira vez para Macintosh em 1987, e desde então o documento evoluiu junto com as plataformas — do iOS 1 (2007) às versões atuais iOS 18, iPadOS 18, macOS 15 Sequoia, watchOS 11 e tvOS 18. A HIG abrange três níveis: filosofia de design (princípios), componentes do sistema (elementos de UI) e recomendações técnicas (tamanhos de tela, Safe Area, Dynamic Type). Para um desenvolvedor, a HIG serve como a única fonte de verdade ao tomar decisões de design: se um componente está descrito na HIG, não é necessário reinventá-lo.

Estrutura do documento Human Interface Guidelines

O documento HIG é dividido em três grandes partes: «Foundations» (princípios e padrões fundamentais), «Platforms» (seções de plataforma para iOS, iPadOS, macOS, watchOS, tvOS, visionOS) e «Components» (catálogo de todos os elementos de UI do sistema). Cada componente é descrito em um modelo uniforme: propósito, anatomia, comportamento, melhores práticas e exemplos. Por exemplo, a seção de Navigation Bars contém especificações de altura (44pt em retrato, 32pt em paisagem no iPhone), regras para posicionamento de botões e limitações de personalização. A HIG também inclui recomendações de Acessibilidade — VoiceOver, Dynamic Type, reduce motion — obrigatórias para publicação na App Store.

Por que a HIG é crítica para um desenvolvedor iOS

Seguir as Human Interface Guidelines afeta diretamente o sucesso de um aplicativo na App Store. Durante a moderação, a Apple verifica a conformidade com a HIG — gestos não padrão, componentes do sistema sobrescritos ou violações da hierarquia de navegação podem resultar em rejeição. De acordo com o Apple Developer Program License Agreement (2025), aplicativos que usam APIs do sistema de forma inadequada são rejeitados durante a revisão. Na IT Sectr, seguimos a HIG em todos os projetos iOS desde 2017 — isso reduz o tempo de revisão e aumenta as classificações dos usuários. Além disso, aplicativos compatíveis com HIG alcançam posições mais altas na busca da App Store devido à melhor experiência do usuário.

Princípios fundamentais da HIG Apple

Seis princípios fundamentais das Human Interface Guidelines moldam a filosofia de design da Apple. O primeiro princípio — Aesthetic Integrity (integridade estética): a aparência da interface deve corresponder à sua função. O segundo — Consistency (consistência): elementos idênticos se comportam da mesma forma em todos os aplicativos do sistema. O terceiro — Direct Manipulation (manipulação direta): o usuário interage com o conteúdo diretamente (deslizar, tocar, pinçar para ampliar) em vez de por meio de controles abstratos.

Clareza, hierarquia e feedback

Clarity (clareza) exige que o texto seja legível, os ícones compreensíveis e a navegação previsível. Dynamic Type e SF Symbols são as ferramentas da Apple para manter a clareza em todos os dispositivos. Deference (deferência) significa que a interface não deve competir com o conteúdo: fundos desfocados, barras de ferramentas minimalistas e elementos transparentes (no estilo iOS 7+) implementam este princípio. Feedback (feedback) garante que cada ação do usuário receba uma resposta visual ou tátil: destaque de botão, feedback háptico, animação de transição. Violar o princípio de feedback é uma das causas comuns de baixas classificações na App Store, de acordo com dados da Appfigures (2025).

Seções principais da Human Interface Guidelines

Human Interface Guidelines contém especificações detalhadas de cada componente do sistema Apple. A seção Bars descreve Navigation Bar (altura padrão 44pt), Tab Bar (49pt), Toolbar (44pt) e Search Bar. A seção Views inclui Table View com células de tipos básico e personalizado, Collection View com suporte para layout compositional, Scroll View e Text View. A seção Controls especifica Button, Slider, Switch (alvo mínimo — 44×44pt), Segmented Control, Stepper e Date Picker. Para cada controle, são especificadas as dimensões do alvo de toque (área mínima de contato — 44×44pt de acordo com as diretrizes da Apple), estados visuais (normal, destacado, desabilitado, selecionado) e animações de transição.

Tipografia e cor na HIG

A Apple recomenda usar a fonte do sistema San Francisco (SF Pro para iOS/macOS, SF Compact para watchOS) com Dynamic Type — adaptação automática de tamanho às configurações do usuário. A HIG define 11 estilos de texto: Large Title (34pt), Title 1 (28pt), Title 2 (22pt), Title 3 (20pt), Headline (17pt, seminegrito), Body (17pt), Callout (16pt), Subhead (15pt), Footnote (13pt), Caption 1 (12pt), Caption 2 (11pt). A paleta de cores da HIG inclui cores do sistema: labelColor, secondaryLabelColor, systemBackgroundColor, systemGroupedBackgroundColor — com suporte para temas claro e escuro. O uso de cores do sistema garante exibição correta em todos os dispositivos e em configurações de acessibilidade.

Recursos específicos de plataforma na HIG

Cada plataforma Apple tem elementos de interface únicos descritos na HIG. Para iOS são Tab Bar (navegação inferior), Navigation Bar (barra superior com título e botões), Sheets (painéis modais), Activity View (compartilhamento do sistema), Live Activities e Dynamic Island. Para iPadOS são adicionados Split View, Slide Over, Popover Presentation e Keyboard Shortcuts. Para macOS — Menu Bar, Dock, Sheets, Panels, Sidebar, Toolbar com NSToolbarItem. Para watchOS — Complications, Digital Crown, Scribble, Swipe Gestures e Always-On Display. Para tvOS — Focus Engine, Parallax Icons, Top Shelf.

Adaptação de design entre plataformas

A HIG recomenda não transferir elementos mecanicamente entre plataformas: Tab Bar no iOS não equivale a Sidebar no macOS, embora ambos resolvam tarefas de navegação. Para aplicativos multiplataforma, a Apple oferece Mac Catalyst e SwiftUI, que adaptam automaticamente a interface à plataforma alvo seguindo a HIG. Ao desenvolver com SwiftUI na IT Sectr, usamos modificadores específicos de plataforma: .navigationViewStyle, .tabViewStyle e .pickerStyle — eles garantem conformidade com as diretrizes nativas. Além disso, a HIG descreve requisitos para adaptação a Dynamic Type, texto ampliado, Reduce Motion e contraste aumentado.

Como aplicar a HIG na prática

A aplicação das Human Interface Guidelines começa com o estudo da seção «App Architecture», que descreve a estrutura de um aplicativo iOS típico: tela de inicialização, integração, telas modais, grafo de navegação e estados de carregamento. O primeiro passo é escolher um estilo de navegação (hierárquico com Navigation Controller, plano com Tab Bar, modal com Sheets ou combinado). O segundo passo é definir a hierarquia de telas e garantir que cada tela esteja em conformidade com o modelo HIG. O terceiro passo é selecionar componentes do sistema para cada tarefa: Table View para listas, Collection View para grades, Page Control para carrosséis.

Verificação de conformidade com HIG antes da publicação

A Apple fornece Xcode Preview Assets e Accessibility Inspector para verificar a conformidade com a HIG. Recomenda-se seguir uma lista de verificação: todos os alvos de toque > 44pt, o texto usa Dynamic Type, as cores suportam tema escuro, a navegação segue a hierarquia da HIG, os gestos não entram em conflito com os do sistema (por exemplo, deslizar para voltar não é sobrescrito). Na IT Sectr, realizamos revisões HIG antes de cada lançamento — isso elimina rejeições durante a moderação da App Store. Além disso, as App Store Review Guidelines (seção 4.0 «Design») referenciam diretamente a HIG: aplicativos que violam gravemente as diretrizes são rejeitados até que as não conformidades sejam resolvidas.