Human Interface Guidelines — qué es, principios de diseño de iOS

¿Qué son las Human Interface Guidelines?

Human Interface Guidelines (HIG) es la documentación oficial de Apple para el diseño de interfaces de usuario. El documento contiene descripciones de todos los componentes estándar del sistema, reglas para su uso, requisitos para gestos, animaciones, tipografía y paleta de colores. Apple publicó HIG por primera vez para Macintosh en 1987, y desde entonces el documento ha evolucionado junto con las plataformas — desde iOS 1 (2007) hasta las versiones actuales iOS 18, iPadOS 18, macOS 15 Sequoia, watchOS 11 y tvOS 18. HIG abarca tres niveles: filosofía de diseño (principios), componentes del sistema (elementos UI) y recomendaciones técnicas (tamaños de pantalla, Safe Area, Dynamic Type). Para un desarrollador, HIG sirve como la única fuente de verdad al tomar decisiones de diseño: si un componente está descrito en HIG, no es necesario reinventarlo.

Estructura del documento Human Interface Guidelines

El documento HIG se divide en tres grandes partes: «Foundations» (principios y patrones fundamentales), «Platforms» (secciones de plataforma para iOS, iPadOS, macOS, watchOS, tvOS, visionOS) y «Components» (catálogo de todos los elementos UI del sistema). Cada componente se describe en una plantilla uniforme: propósito, anatomía, comportamiento, mejores prácticas y ejemplos. Por ejemplo, la sección de Navigation Bars contiene especificaciones de altura (44pt en vertical, 32pt en horizontal en iPhone), reglas para la colocación de botones y limitaciones de personalización. HIG también incluye recomendaciones sobre Accesibilidad — VoiceOver, Dynamic Type, reduce motion — obligatorias para su publicación en App Store.

Por qué HIG es crítico para un desarrollador iOS

Cumplir con Human Interface Guidelines afecta directamente el éxito de una aplicación en App Store. Durante la moderación, Apple verifica el cumplimiento de HIG — los gestos no estándar, los componentes del sistema sobrescritos o las violaciones de la jerarquía de navegación pueden ser motivo de rechazo. Según el Apple Developer Program License Agreement (2025), las aplicaciones que usan las API del sistema de forma inapropiada son rechazadas durante la revisión. En IT Sectr, seguimos HIG en todos los proyectos iOS desde 2017 — esto reduce el tiempo de revisión y aumenta las calificaciones de los usuarios. Además, las aplicaciones compatibles con HIG obtienen posiciones más altas en la búsqueda de App Store gracias a una mejor experiencia de usuario.

Principios fundamentales de HIG Apple

Seis principios fundamentales de Human Interface Guidelines conforman la filosofía de diseño de Apple. El primer principio — Aesthetic Integrity (integridad estética): la apariencia de la interfaz debe coincidir con su función. El segundo — Consistency (coherencia): los elementos idénticos se comportan igual en todas las aplicaciones del sistema. El tercero — Direct Manipulation (manipulación directa): el usuario interactúa con el contenido directamente (deslizar, tocar, pellizcar para ampliar) en lugar de a través de controles abstractos.

Claridad, jerarquía y retroalimentación

Clarity (claridad) exige que el texto sea legible, los iconos comprensibles y la navegación predecible. Dynamic Type y SF Symbols son las herramientas de Apple para mantener la claridad en todos los dispositivos. Deference (respeto) significa que la interfaz no debe competir con el contenido: fondos borrosos, barras de herramientas minimalistas y elementos transparentes (al estilo iOS 7+) implementan este principio. Feedback (retroalimentación) garantiza que cada acción del usuario reciba una respuesta visual o táctil: resaltado de botones, respuesta háptica, animación de transición. La violación del principio de retroalimentación es una de las causas comunes de bajas calificaciones en App Store, según datos de Appfigures (2025).

Secciones clave de Human Interface Guidelines

Human Interface Guidelines contiene especificaciones detalladas de cada componente del sistema Apple. La sección Bars describe Navigation Bar (altura estándar 44pt), Tab Bar (49pt), Toolbar (44pt) y Search Bar. La sección Views incluye Table View con celdas de tipos básico y personalizado, Collection View con soporte para diseño composicional, Scroll View y Text View. La sección Controls especifica Button, Slider, Switch (objetivo mínimo — 44×44pt), Segmented Control, Stepper y Date Picker. Para cada control se especifican las dimensiones del área táctil (área mínima de contacto — 44×44pt según las pautas de Apple), los estados visuales (normal, resaltado, deshabilitado, seleccionado) y las animaciones de transición.

Tipografía y color en HIG

Apple recomienda usar la fuente del sistema San Francisco (SF Pro para iOS/macOS, SF Compact para watchOS) con Dynamic Type — adaptación automática del tamaño a la configuración del usuario. HIG define 11 estilos de texto: Large Title (34pt), Title 1 (28pt), Title 2 (22pt), Title 3 (20pt), Headline (17pt, seminegrita), Body (17pt), Callout (16pt), Subhead (15pt), Footnote (13pt), Caption 1 (12pt), Caption 2 (11pt). La paleta de colores de HIG incluye colores del sistema: labelColor, secondaryLabelColor, systemBackgroundColor, systemGroupedBackgroundColor — con soporte para temas claro y oscuro. El uso de colores del sistema garantiza una visualización correcta en todos los dispositivos y con configuraciones de accesibilidad.

Características específicas de plataforma en HIG

Cada plataforma Apple tiene elementos de interfaz únicos descritos en HIG. Para iOS son Tab Bar (navegación inferior), Navigation Bar (barra superior con título y botones), Sheets (paneles modales), Activity View (compartir del sistema), Live Activities y Dynamic Island. Para iPadOS se añaden Split View, Slide Over, Popover Presentation y Keyboard Shortcuts. Para macOS — Menu Bar, Dock, Sheets, Panels, Sidebar, Toolbar con NSToolbarItem. Para watchOS — Complications, Digital Crown, Scribble, Swipe Gestures y Always-On Display. Para tvOS — Focus Engine, Parallax Icons, Top Shelf.

Adaptación del diseño entre plataformas

HIG recomienda no transferir elementos mecánicamente entre plataformas: Tab Bar en iOS no equivale a Sidebar en macOS, aunque ambos resuelven tareas de navegación. Para aplicaciones multiplataforma, Apple ofrece Mac Catalyst y SwiftUI, que adaptan automáticamente la interfaz a la plataforma objetivo siguiendo HIG. Al desarrollar con SwiftUI en IT Sectr, usamos modificadores específicos de plataforma: .navigationViewStyle, .tabViewStyle y .pickerStyle — garantizan el cumplimiento de las guías nativas. Además, HIG describe requisitos para la adaptación a Dynamic Type, texto ampliado, Reduce Motion y contraste aumentado.

Cómo aplicar HIG en la práctica

La aplicación de Human Interface Guidelines comienza con el estudio de la sección «App Architecture», que describe la estructura de una aplicación iOS típica: pantalla de inicio, incorporación, pantallas modales, gráfico de navegación y estados de carga. El primer paso es elegir un estilo de navegación (jerárquico con Navigation Controller, plano con Tab Bar, modal con Sheets o combinado). El segundo paso es definir la jerarquía de pantallas y asegurarse de que cada pantalla cumpla con la plantilla HIG. El tercer paso es seleccionar componentes del sistema para cada tarea: Table View para listas, Collection View para cuadrículas, Page Control para carruseles.

Verificación del cumplimiento de HIG antes de la publicación

Apple proporciona Xcode Preview Assets y Accessibility Inspector para verificar el cumplimiento de HIG. Se recomienda seguir una lista de verificación: todas las áreas táctiles > 44pt, el texto usa Dynamic Type, los colores admiten el tema oscuro, la navegación sigue la jerarquía de HIG, los gestos no entran en conflicto con los del sistema (por ejemplo, el deslizamiento hacia atrás no está sobrescrito). En IT Sectr, realizamos revisiones HIG antes de cada lanzamiento — esto elimina los rechazos durante la moderación de App Store. Además, App Store Review Guidelines (sección 4.0 «Design») hace referencia directa a HIG: las aplicaciones que violan gravemente las guías son rechazadas hasta que se resuelvan las infracciones.