En términos simples, es un conjunto de información organizada que describe decisiones y detalles relacionados con el diseño de un producto. Los detalles varían según las necesidades del proyecto. Por ejemplo, en un proyecto es posible que encuentres solo una guía de estilo con los colores y la tipografía a utilizar. En otro proyecto, puede encontrar notas sobre historias de usuarios, flujos de usuarios, estructuras alámbricas, componentes, actividades realizadas y pruebas.
Este tipo de documento es esencial para mantener la coherencia y permitir la escalabilidad, que se refiere a la capacidad de un producto para manejar el crecimiento, nuevas funciones, plataformas y tipos de interfaz. También mejora la agilidad del proceso de desarrollo de aplicaciones y puede mejorar la comunicación entre diseñadores y desarrolladores.
Lo mismo ocurre también con Apple. Al crear aplicaciones para iOS, macOS, watchOS, tvOS y visionOS, es importante consultar la Directrices de interfaz humana (HIG)una documentación de diseño que proporciona pautas y mejores prácticas para el desarrollo de aplicaciones, software y juegos.
https://developer.apple.com/news/?id=yyz8lqtw
La historia del HIG es más larga de lo que parece. Se pueden encontrar registros del HIG de 1977 en Internet, que detallan los principios de diseño del Apple II, una computadora personal fabricada por Apple a fines de la década de 1970. El documento ha sufrido muchos cambios a lo largo de los años, abarcando todo el ecosistema de Apple y estando disponible digitalmente.
Hoy en día, HIG es un sitio web completo con toda la información que el lector necesita para comprender cómo crear buenas aplicaciones para iOS, macOS, watchOS, tvOS y los sistemas visionOS más nuevos.
Cuando comencé a diseñar aplicaciones para iOS, tuve problemas para navegar y encontrar información en HIG. La documentación cubre temas relacionados con todos los sistemas operativos de Apple, lo que hace que leerla y aprenderla sea abrumador a la vez.
Sin embargo, HIG está dividido en seis categorías principales en el lado izquierdo de la pantalla, lo que facilita la navegación. El documento se divide en Plataformas, Fundamentos, Patrones, Componentes, Entradas y Tecnologías. Cada categoría contiene más subcategorías.
Para que sea más fácil de entender, resumiré cada macrocategoría del HIG y brindaré una buena práctica recomendada para cada una. Tenga en cuenta que este contenido es introductorio y no cubre todos los puntos importantes. Sin embargo, siéntase libre de explorar y aprender más sobre el tema.
Plataformas
La primera categoría enseña cómo crear aplicaciones o juegos de alta calidad para todas las plataformas de Apple, incluidas iOS, iPadOS, macOS, tvOS, visionOS y watchOS.
En todas las plataformas, una pauta clave es ayudar a los usuarios a centrarse en las tareas y el contenido principal. Por lo tanto, es fundamental comprender qué es esencial para su aplicación y priorizarlo.
La aplicación Notas del iPhone es un excelente ejemplo de cómo aplicar esta recomendación. Es simple, fácil de usar y utiliza mucho espacio en blanco para concentrarse en lo esencial: su texto.
Elegir qué información mostrar en la pantalla y cómo presentarla es crucial. Es importante considerar la jerarquía visual al tomar estas decisiones. En este ejemplo, las herramientas de formato están ocultas hasta que el usuario hace clic en el botón para revelarlas.
Cimientos
La categoría Fundamentos proporciona elementos de diseño cruciales para crear excelentes experiencias de usuario. Esto incluye consideraciones sobre colores, accesibilidad, tipografía, diseño e imágenes.
En el apartado 'Colores', la HIG recomienda evitando utilizar el mismo color para indicar cosas diferentes. Esto es esencial para crear interfaces que sean accesibles e intuitivas.
En el ejemplo anterior, las acciones principales como “Guardar” están en azul, mientras que los botones destructivos o “Eliminar” están en rojo. Es importante mantener este contraste visual entre elementos primarios, secundarios e incluso deshabilitados para facilitar la comprensión y navegación por la pantalla.
El uso del color debe considerarse y probarse cuidadosamente y no debe basarse únicamente en preferencias estéticas personales. Es interesante, si es posible, adquirir el hábito de probar contrastes en los componentes e incluso utilizar herramientas para analizar cómo verían su producto las personas daltónicas o con discapacidad visual.
El propio HIG ya proporciona algunos recursos muy interesantes que pueden ayudar a comprender y explorar mejor sus principios de diseño. Estos incluyen símbolos SF, fuentes del sistema para descargar y una biblioteca de plantillas en Sketch y Figma.
Patrones
Los patrones, o padrões, brindan orientación de diseño para respaldar acciones, tareas y experiencias de usuario comunes que pueden repetirse en varias aplicaciones. Esto incluye compartir acciones, multitarea, uso de gráficos, búsqueda, retroalimentación, entre otros. Uno de los aspectos importantes mencionados es Proporcionar comentarios claros y consistentes a medida que el usuario interactúa con la aplicación.
En otras palabras, ¡infórmele siempre al usuario lo que está sucediendo!
Apple hace esto de una manera sencilla. Ya sea informar al usuario cuando ingresó información incorrecta, indicar visualmente cuánto tiempo queda hasta que pueda descargar su aplicación, notificarle que el almacenamiento de iCloud está lleno y que sus fotos no se están guardando, y muchas otras cosas que hacen que gran diferencia en el uso diario de estos productos.
Componentes
La categoría Componentes cubre cómo usar y personalizar los componentes del sistema para brindar a las personas una experiencia de usuario buena y consistente. Aquí encontrará información sobre contenido, diseño y organización, menús y acciones, navegación y más. Cada una de estas categorías se divide en temas más pequeños, como se muestra en la siguiente figura.
Una de las recomendaciones mencionadas por el HIG es: Utilice la barra de pestañas para navegar y asegúrese de que esté siempre visible mientras el usuario navega a diferentes áreas de su aplicación. La única excepción es si estás usando una vista modal, ya que estará cerrada y no interferirá con la navegación.
https://developer.apple.com/design/human-interface-guidelines/tab-bars
Entradas
Las entradas se refieren a las diferentes formas en que los usuarios pueden controlar su aplicación o juego e ingresar datos. Esto puede incluir un control remoto, una barra táctil, un teclado, gestos, mirada (visionOS) y más. Por lo tanto, una de las recomendaciones es que los responsables de construir un producto asegúrese de que ofrezcan diferentes formas de interactuar con él. Cuando se trata de accesibilidad digital, este es uno de los temas más importantes.
Cada día, muchas personas dependen del uso de tecnologías de asistencia y diferentes modos de navegación en sitios web y aplicaciones para tener más independencia y autonomía. Las personas con discapacidad visual, por ejemplo, pueden depender de la navegación con el teclado o de los lectores de pantalla. Por tanto, es necesario pensar en otras formas de realizar las principales acciones del producto y formas más accesibles de entender el contenido de la pantalla, como considerar el uso de VoiceOver.
Si desea comprender un poco más sobre la accesibilidad digital, este artículo contiene mucha buena información sobre el tema: Diseñar para la accesibilidad no es tan difícil.
Tecnologías
La última categoría incluye tecnologías y servicios de Apple que se pueden usar en su aplicación o juego, como Apple Pay, Game Center, HomeKit, iCloud, Maps, Wallet y más.
Cada tecnología tiene sus propias características y particularidades, por lo que no daré una recomendación específica, pero te sugiero leer sobre cada una (o la que mejor se adapta a tu proyecto) porque ofrecen mucha información importante y útil a la hora de desarrollar apps. para plataformas Apple.