Habilidades Apple HIG: Selection and Input Controls
📦

Apple HIG: Selection and Input Controls

Seguro

Obtenha orientações da Apple HIG para seleção e controles de entrada

Projetar formulários e interfaces de seleção sem as orientações da Apple HIG leva a experiências do usuário inconsistentes. Esta habilidade fornece as Diretrizes de Interface Humana da Apple para pickers, toggles, sliders, steppers, campos de texto e outros controles de entrada.

Suporta: Claude Codex Code(CC)
🥉 73 Bronze
1

Baixar o ZIP da skill

2

Upload no Claude

Vá em Configurações → Capacidades → Skills → Upload skill

3

Ative e comece a usar

Testar

A utilizar "Apple HIG: Selection and Input Controls". What control should I use for a yes/no preference in Settings?

Resultado esperado:

Use a toggle for binary on/off preferences in Settings. Per Apple HIG, toggles show immediate effect in Settings screens - changes apply instantly without a Save button. Ensure the toggle has a clear label describing what it controls, and the on state represents the enabled or active condition.

A utilizar "Apple HIG: Selection and Input Controls". How many options work best in a segmented control?

Resultado esperado:

Segmented controls work best with 2 to 5 mutually exclusive options of roughly equal importance. Each segment should have a short label. For more than 5 options, use a picker instead. All options in a segmented control must be visible at once - they do not scroll.

Auditoria de Segurança

Seguro
v1 • 2/25/2026

This skill contains only markdown documentation files with Apple Human Interface Guidelines content. All static analysis findings are false positives: backticks are markdown formatting for code references, URLs are documentation links to developer.apple.com, and flagged patterns are natural language in documentation context. No executable code, network requests, or system operations present.

14
Arquivos analisados
1,199
Linhas analisadas
0
achados
1
Total de auditorias
Nenhum problema de segurança encontrado
Auditado por: claude

Pontuação de qualidade

45
Arquitetura
100
Manutenibilidade
87
Conteúdo
50
Comunidade
100
Segurança
65
Conformidade com especificações

O Que Você Pode Construir

Design de Formulário para App iOS

Projetar uma tela de configurações com toggles, pickers e text fields que segue as convenções da Apple HIG para gerenciamento de estado e validação.

Seleção de Controles Multiplataforma

Determinar o controle de seleção apropriado para diferentes plataformas ao construir um app multiplataforma com padrões de UX consistentes.

Revisão de Conformidade de Acessibilidade

Garantir que os controles de formulário tenham labels, hints e traits apropriados do VoiceOver para usuários com deficiência.

Tente Estes Prompts

Recomendação Básica de Controle 
I need a control for a binary on/off setting in my iOS settings screen. What does Apple HIG recommend?
Seleção de Múltiplas Opções 
I have 4 mutually exclusive sorting options for a list. Should I use a segmented control or a picker? What does Apple HIG say?
Orientação Específica de Plataforma 
I'm building a macOS app that needs to let users select multiple email recipients. What control should I use according to Apple HIG?
Revisão Abrangente de Formulário 
Review my form design: it has a toggle for notifications, a picker for frequency (5 options), a slider for volume, and a text field for a custom message. Provide HIG guidance on each control's state management, validation, and accessibility.

Melhores Práticas

  • Sempre mostre o estado de seleção atual claramente - os usuários devem ver o que está selecionado o tempo todo
  • Prefira controles padrão do sistema em vez de implementações customizadas para consistência e acessibilidade
  • Use toggles para estados binários em Settings (efeito imediato) e formulários modais (confirmar na confirmação)
  • Configure keyboard types de text field para corresponder à entrada esperada (email, URL, número, telefone)
  • Forneça valores padrão significativos e labels introdutórias para controles de formulário
  • Inclua labels, hints e traits do VoiceOver para todos os controles interativos

Evitar

  • Usar segmented controls com mais de 5 opções ou com opções de importância desigual
  • Usar picker para apenas 2 opções quando um segmented control ou toggle seria mais claro
  • Colocar um botão Save em telas de Settings onde toggles devem aplicar alterações imediatamente
  • Usar controles customizados que quebram padrões de interação padrão do iOS ou macOS
  • Deixar text fields sem configuração apropriada de keyboard type para a entrada esperada

Perguntas Frequentes

Quando devo usar um toggle em vez de um checkbox?
A Apple HIG recomenda toggles para estados on/off no iOS e macOS. Toggles mostram efeito imediato em telas de Settings. Checkboxes não fazem parte do conjunto de controles padrão da Apple para estas plataformas - use toggles para escolhas binárias.
Qual a diferença entre um picker e um segmented control?
Use segmented controls para 2 a 5 opções mutualmente exclusivas que devem estar todas visíveis de uma vez. Use pickers para listas de opções mais longas, datas, horários ou dados estruturados. Pickers ocupam menos espaço mas requerem um toque extra para revelar opções.
As alterações feitas por toggles aplicam-se imediatamente ou requerem confirmação?
Em telas de Settings, alterações de toggles aplicam-se imediatamente sem um botão Save. Em formulários modais ou assistentes, as alterações normalmente são confirmadas quando o usuário toca em Done ou Confirm. Siga a convenção de contexto que seu app estabelece.
Combo boxes estão disponíveis no iOS?
Não, combo boxes são apenas para macOS. Não são suportados no iOS, iPadOS, tvOS, visionOS ou watchOS. Para iOS, use um picker ou action sheet para funcionalidade similar.
Qual keyboard type devo usar para entrada numérica?
A Apple HIG recomenda o number keyboard para entrada apenas numérica. Para números decimais, use o decimal pad. Para números de telefone, use o phone pad. Combine o keyboard type com o formato de entrada esperado para melhor experiência do usuário.
Como torno meus controles de formulário acessíveis?
Forneça labels claras para todos os controles, use labels introdutórias para descrever a entrada esperada, adicione hints do VoiceOver explicando o que cada controle faz e garanta que os controles tenham accessibility traits apropriados. Teste com VoiceOver para verificar a experiência.

Detalhes do Desenvolvedor

Autor

sickn33

Licença

MIT

Repositório

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/hig-components-controls

Referência

main

Estrutura de arquivos

📁 references/

📄 combo-boxes.md

📄 controls.md

📄 gauges.md

📄 labels.md

📄 pickers.md

📄 rating-indicators.md

📄 segmented-controls.md

📄 sliders.md

📄 steppers.md

📄 text-fields.md

📄 text-views.md

📄 toggles.md

📄 token-fields.md

📄 virtual-keyboards.md

📄 SKILL.md