TecTop
Para la edición inaugural de Pregúntale a Apple, los miembros de nuestro equipo de Design Evangelism se reunieron para responder a tus preguntas de Slack sobre la filosofía del diseño, las pautas de color, los métodos abreviados de teclado y mucho más. Aquí hay algunos aspectos destacados de esa conversación, que incluyen orientación sobre HIG, consejos para reducir el desorden y un mensaje muy importante sobre la barra de pestañas.
¿Alguna vez siente que su diseño no es del todo correcto, pero no está seguro de por qué?
¡Todo el tiempo! De hecho, «Sentir que el diseño no es del todo correcto» a veces puede parecer un estado de ánimo cotidiano. Cuando esto sucede, hay algunas estrategias que encontramos útiles, y la primera es: ¡Llamar a un amigo! A veces, es necesario que otra persona compruebe por qué no estamos seguros acerca de un diseño, y siempre es bueno entablar una conversación y una crítica. Además, esto no solo requiere que expliques el problema (que por sí solo puede ayudarte a identificar lo que no funciona), sino que también te permite alejarte personalmente de él, al menos por un momento.
¿Cómo sabe cuándo comenzar a eliminar funciones para que su aplicación esté menos abarrotada y sea más fácil de usar?
Este es un gran ejercicio para una pizarra o notas adhesivas. Primero, anota todas las características/áreas de tu aplicación. Luego, clasifíquelos en lo que cumpla con los objetivos que tendrán sus usuarios. Si algo se siente superfluo, considere si necesita esa función. Hay un equilibrio entre lo que necesita visible todo el tiempo, lo que puede estar a unos pocos toques de distancia y lo que no necesita estar allí en absoluto. (También es una forma útil de priorizar la funcionalidad más importante de su aplicación, ¡lo que puede ayudarlo a organizar mejor la jerarquía de su aplicación!)
¿Se considera una buena práctica limitar la orientación del dispositivo en el iPhone?
Realmente debería dejar la orientación del dispositivo a los usuarios. Nos encanta cuando las aplicaciones admiten tanto la orientación vertical como la horizontal y solo recomendaríamos limitar la orientación en ciertos escenarios de la aplicación, como cuando el movimiento o el montaje del dispositivo harían que el cambio de orientación se sintiera como una distracción.
¿Cuáles son algunas pautas para colores y sombras?
El uso del color para las acciones es una forma sutil de marcar la interfaz sin distraer o ser intrusivo. Comience seleccionando un color de tinte principal, establezca sus flujos de trabajo y acciones, luego dibuje esos con el color de tinte que representa las acciones. (Notará que todas nuestras aplicaciones propias tienen un color de tinte clave; por ejemplo, Mail es azul y Podcasts es púrpura). Cuando trabaje en diseños visuales de alta fidelidad, use una paleta que complemente ese color.
¿Es necesario incluir etiquetas de barra de pestañas para pestañas comunes como Inicio, Búsqueda o Perfil?
En muchos casos, las etiquetas se recomiendan por su claridad y accesibilidad. Inicio, Búsqueda y Perfil son generalmente suficientes para comunicar el significado por sí solos, pero son excepciones a la regla. Muchos íconos no son tan ampliamente entendidos. Las etiquetas de la barra de pestañas crean una distinción más fuerte de las barras de herramientas, que no tienen etiquetas. Además, quitar las etiquetas no brinda muchos beneficios a los usuarios. No ahorra espacio, ni reduce significativamente la información visual de la interfaz.
¿Cómo debo pensar en los atajos de teclado que se sienten intuitivos y no interfieren con los atajos del sistema? ¿Cuándo debo usar un modificador sobre otro (por ejemplo, Option vs. Shift vs. Command)?
En general, la tecla modificadora de acceso es Comando porque es más fácil de alcanzar con el pulgar izquierdo. Y hablando de eso, aquí hay algunas reglas generales más:
- Cuantas menos teclas modificadoras, mejor.
- Usar la primera letra del nombre de la acción ayuda a las personas a recordar el atajo.
- Desde un punto de vista ergonómico, las teclas modificadoras más cercanas y fácilmente accesibles con los dedos índice y medio (Q, W, E, A, S, D, O y P) tienden a tener más éxito como atajos.
¿Quieres sumergirte un poco más profundo? Encontrará mucha buena información en el HIG.
Directrices de la interfaz humana: teclados
¿Qué tan grandes son los márgenes especificados para las áreas seguras de iOS y iPadOS?
En iOS y iPadOS, los márgenes de diseño son de 16 puntos en la clase de tamaño de ancho compacto y de 20 puntos en la clase de tamaño de ancho normal. Pero normalmente pensamos en las áreas seguras como cosas distintas que funcionan junto con los márgenes. Las áreas seguras son muy dinámicas y cambian con la orientación del dispositivo, el tamaño de la pantalla y una variedad de otros factores (como si se muestran las barras de navegación, las barras de herramientas o las barras de pestañas). Encontrará mucha información en el HIG.
Directrices de la interfaz humana: diseño
Al diseñar para listas, ¿cómo puedo evitar que las filas y las celdas se sientan abarrotadas?
Piense en la divulgación progresiva y la jerarquía. ¿Qué información necesitan las personas en cada nivel de su aplicación? Cuando las celdas se sientan abarrotadas, cuestione el propósito de cada elemento. Tal vez una foto o un ícono no sean beneficiosos, o tal vez el texto secundario pueda ser una descripción en la vista de detalles.
¿Siempre tratas de adherirte lo más posible al HIG, o intentas hacer algo diferente con cada diseño?
¡Gran pregunta! Intentamos adherirnos a nuestros cimientos y seguir nuestros propios patrones de diseño en beneficio de la coherencia y la comprensión. (También tratamos de usar componentes del sistema porque son muy eficientes para construir). Pero dicho esto, también estamos dispuestos a impulsar HIG donde tenga sentido, si significa un beneficio general para los usuarios. Estamos bastante convencidos de que HIG no debe ser un conjunto de reglas, sino muy buenas sugerencias. Y lo desarrollamos constantemente en función de lo que estamos viendo en la comunidad y cómo queremos impulsar nuestra propia estética e interacciones para el futuro.
¿Es una buena práctica ocultar la barra de pestañas al navegar a las subpáginas?
No. 🙂
(Está bien cubrirlo por períodos breves cuando se muestra una hoja modal. De lo contrario, ocultar una barra de pestañas puede hacer que las personas se sientan perdidas).
