Unidad 2 · Semana 3 · Clase 3 de 5
Interfaces: botones, perillas y señales
Diseñar interfaces físicas claras: botones, perillas, interruptores y señales.
- Lectura 15 min
- Práctica 35 min
- Repaso 10 min
La interfaz es la parte que conversa con el usuario
Un producto "habla" a través de sus controles: botones, perillas, palancas, luces, sonidos. Si la persona tiene que leer el manual para encender una lámpara, la interfaz falló.
Los principios de un buen control
| Principio | Qué significa | Ejemplo |
|---|---|---|
| Visibilidad | Los controles se ven y se encuentran | El botón de encendido destacado del resto |
| Affordance (lo que la forma sugiere) | La forma dice cómo se usa | Una perilla estriada invita a girarla; un botón cóncavo, a apretarlo |
| Mapeo | La relación entre el control y el efecto es lógica | Girar a la derecha sube la intensidad |
| Retroalimentación | El producto responde | Un "clic", una luz, un cambio inmediato |
| Restricción | Impide usarlo mal | Un enchufe que solo entra en una posición |
Affordance es una palabra en inglés que se usa en todo el mundo del diseño. Se podría traducir como "lo que el objeto invita a hacer".
Tamaños mínimos
- Un botón que se aprieta con el dedo: al menos 10 a 12 mm de diámetro o de lado, y más si se usa con guantes o por personas mayores.
- Separación entre botones: suficiente para no tocar dos a la vez, unos 5 mm como mínimo.
- Una perilla para girar con los dedos: entre 15 y 40 mm de diámetro, según la fuerza que necesite.
Señales y símbolos
- Usá símbolos estándar cuando existen: el de encendido (un círculo con una línea vertical) se entiende en todo el mundo.
- El color acompaña, pero no puede ser la única señal: una persona daltónica tiene que poder usar el producto igual.
- Las luces de estado no deberían encandilar: en una lámpara de escritorio, un led indicador muy fuerte molesta de noche.
Práctica · 35 min
- Elegí tres aparatos de tu casa con varios controles (un microondas, un control remoto, un lavarropas).
- Para cada uno, evaluá con los cinco principios: ¿qué cumple y qué no?
- Bocetá tres formas distintas de encender y regular la intensidad de tu lámpara: por ejemplo, una perilla, un botón táctil y una palanca. Anotá qué principio refuerza cada una.
Repaso · 10 min
1. ¿Qué es el mapeo en una interfaz?
¡Bien! Por ejemplo, girar hacia la derecha para aumentar es un mapeo natural.
Todavía no. Probá otra opción.
2. ¿Qué tamaño mínimo aproximado conviene para un botón que se aprieta con el dedo?
¡Bien! Por debajo de ese tamaño el botón es difícil de acertar, especialmente para personas mayores.
Todavía no. Probá otra opción.
3. ¿Por qué el color no puede ser la única señal de un estado?
¡Bien! El diseño accesible combina color con forma, posición, texto o sonido.
Todavía no. Probá otra opción.
Preguntale al asistente
Conoce esta clase y toda la diplomatura. Responde a cualquier hora.
El asistente puede equivocarse. Ante una duda importante, contrastá con la lectura.