No importa qué tipo de aplicación está creando, ha creado o planea crear, los errores de diseño pueden ser letales cuando se trata de adopción y uso. Los usuarios desean descargar aplicaciones que sean divertidas, funcionales y que ofrezcan valor durante múltiples usos. Los usuarios también quieren aplicaciones que sean estéticamente agradables y que no requieran mucho esfuerzo para interactuar con ellas.
El problema para los diseñadores es que a veces estamos tan cerca de un proyecto que no percibimos errores evidentes en el diseño y la facilidad de uso porque sabemos cómo funciona. Hoy, vamos a ayudarlo a hacer una lista de verificación mental de los errores que debe buscar y evitar en el diseño de la aplicación.
(Nota: todos los diseños incluidos son de aplicaciones que lo están haciendo bien, para que obtengas una buena dosis de inspiración visual).
1. Mala primera impresión
Una buena aplicación comienza con una buena primera impresión. No hace falta decirlo, pero si la página de descarga o la impresión inicial los desactivan cuando abren la aplicación, es probable que no vuelvan a interactuar con ella. Es vital hacer una gran primera impresión.
La pantalla de inicio debe cargarse rápidamente y ofrecer una acción clara y fácil de entender para los usuarios. Diles lo que están aquí para hacer. Recuérdeles la razón por la que descargaron la aplicación en primer lugar.
Las acciones necesarias deben ser fáciles de encontrar y realizar, y todas deben vivir en un contenedor ordenado y organizado que refleje el estilo visual de su marca y el resto del contenido de la aplicación.
2. No hay señales procesables
¿Para qué está hecha tu aplicación? ¿Cómo se comunica eso a los usuarios?
El diseño debe incluir muchas indicaciones visuales que ayuden a los usuarios a comprender exactamente qué acciones tomar, dónde tocar la pantalla y qué sucederá. Cuando se trata de visualizar esta información, vuelva a la teoría del diseño para lo básico:
- Color: los colores brillantes llaman la atención y son una buena opción para los elementos intercambiables.
- Espacio: deje mucho espacio alrededor de los elementos clave para que sean fáciles de encontrar y tocar.
- Tipografía: use fuentes simples y limpias, a menudo con anchos de trazo uniformes, en un tamaño que sea apropiado para la pantalla. Cada instrucción debe ser claramente legible.
- Indique a los usuarios dónde están o muestre su estado actual. (Ejemplo: cambios de color en el estado de Hover).
- Responda cuando se ejecute una acción (esto incluye el éxito y el fracaso). (Ejemplo: Notificación de éxito cuando se envía un formulario).
- Dígales a los usuarios qué está sucediendo o qué debería suceder a continuación. (Ejemplo: flechas de navegación o un swheel de progreso de carga).
3. Diseño desordenado
El mayor defecto en muchas aplicaciones es el desorden. Es como si el diseñador intentara obtener cada una de las partes del diseño de la aplicación, ya sea un juego o una herramienta o un servicio de noticias, en una sola pantalla.
¡Olvídalo!
Las aplicaciones están diseñadas para funcionar en pantallas pequeñas. Tratar de hacer demasiadas cosas a la vez es abrumador para los usuarios.
Piense en cada pantalla? como un contenedor único para un solo elemento. Cuando se mueve a la siguiente pantalla, se puede mostrar un nuevo bit de información. Los usuarios deslizarán y se desplazarán si el contenido es atractivo. Y es más probable que lo hagan si el diseño es limpio y de fácil acceso.
4. Los elementos táctiles son demasiado pequeños (o demasiado cerca)
Cuidado con los dedos gordos. Los elementos que están demasiado cerca o son demasiado pequeños para tocarlos sin hacer zoom son un problema para los usuarios.
Asegúrese de que haya suficiente espacio alrededor de cada elemento para ayudar a eliminar los clics involuntarios. No hay una fórmula mágica para este espacio, pero cuando esté mal, lo sabrás. (Solo echa un vistazo a tus análisis).
Así es como creé mi escala. Tomé prestado un amigo con manos grandes. Dibujé un círculo alrededor de su dedo índice y esa es mi pauta. El botón no tiene que ser de ese tamaño, pero el área de tappable debe ser. Y nada debería estar más cerca.
Debido a esto, las tarjetas y los elementos contenedores para hacer clic para las acciones son agradables. Esto significa que en cualquier lugar que toque en un área relacionada con el contenido, todos llevarán al usuario a la misma ubicación. (Es amigable con el diseño y el usuario).
5. Iconos o acciones no estándar
No hay razón para recrear la iconografía para tus proyectos. El enlace de Facebook se supone que es un? F? dentro de un botón; Twitter debe estar representado por un pájaro. ¿Por qué? Porque todos los usuarios saben exactamente qué son estos elementos y qué hacen. Entonces, ¿por qué lo cambiarías?
Incorpora iconografía estándar y señales procesables en el diseño. Le ahorrará tiempo y ayudará a evitar la frustración del usuario.
6. Inconsistencias de diseño
Todo dentro de una sola aplicación debe verse y funcionar de la misma manera. A medida que un usuario navega más profundamente en la interfaz, debe comenzar a tener una expectativa de lo que está por venir y cómo funciona.
A medida que aprenden la aplicación, debe cumplir esas expectativas estética y operativamente. Esto incluye todo, desde opciones de color y tipo hasta herramientas de usuario y cómo funcionan.
7. Bucles de retroalimentación incompletos
Cada interacción debe encontrarse con una reacción igual y opuesta. (Es una de las leyes de la física digital, ¿verdad?)
La retroalimentación le da al usuario una sensación de control al involucrarse con una aplicación y le brinda información valiosa sobre cómo se involucran los usuarios. La retroalimentación también ayuda a los usuarios a tomar decisiones y facilita la interfaz.
El bucle de retroalimentación debe:
8. No sincronizado con la plataforma
¿Eres usuario de iPhone o Android? Haga esta pregunta en una sala llena de gente y obtendrá muchas respuestas apasionadas. Recuerda esto cuando diseñas y lanzas una aplicación.
Debe estar en sintonía con la estética de la plataforma donde se descarga. Eso podría incluso incluir dos versiones ligeramente diferentes de la aplicación.
Las pautas de Android e iOS te ayudarán a hacerlo con bastante facilidad. Pero tienes que tener en cuenta la interfaz completa. Solo piense en el ícono de la aplicación de Skeuomorphic en la pantalla de inicio de su iPhone que pide ser eliminado.Di lo que quieras sobre el nuevo logotipo de Instagram, por ejemplo, pero en realidad coincide con la interfaz ahora.
9. La interfaz es demasiado complicada
Es un problema común con las aplicaciones de juegos: son demasiado complicadas. Para cuando lo descubras, ya no quieres jugar.
La interfaz debe ser simple. Debería ser escaneable. Debe ser fácil de entender y operar sin un manual del propietario.
Cualquier otra cosa es demasiado complicada.
Para la mayoría de los usuarios, y la aplicación se descarga para resolver un problema. Cada aplicación es una solución. (No utilizas la misma aplicación como alarma y para jugar un juego, ¿verdad?) Recuerda eso cuando estás en la fase de diseño. ¿Cuál es el problema que estás tratando de resolver? Resuélvelo y sigue adelante.
10. Olvidando establecer valores predeterminados
Los valores predeterminados en formularios y elementos interactivos pueden ser de gran ayuda para los usuarios. Considera que son un recorrido visual a pequeña escala. Los valores predeterminados pueden incluir cualquier cosa, desde una preferencia marcada previamente (opción más común o opción nula) en listas y casillas de verificación, texto instructivo en los campos de entrada o cualquier otro ejemplo que ilustre lo que se supone que sucede.
Los valores predeterminados son útiles porque pueden facilitar las cosas para el usuario al mostrarles cómo usar la aplicación, ofrecer una opción para los usuarios que no están seguros (como en el caso de un valor predeterminado nulo) y al acelerar toda la interacción.
Los valores predeterminados también son una buena cantidad de comentarios para usted también, particularmente para formularios, porque ayudan a reducir el número de errores y con un? Nulo? Opción, usted sabe inmediatamente que el usuario no hizo una selección.
Conclusión
Ahora es el momento de poner en acción tu gran idea de aplicación. Puede usar esta publicación como una lista de verificación o un recordatorio para ayudarlo a través del proceso de control de calidad para garantizar que su aplicación sea tan buena como visualmente y en términos de facilidad de uso. ¡Buena suerte!
¿Qué errores asesinos notan en aplicaciones o sitios web? Me encantaría saber de ti cosas que te vuelven loco. Hablemos en Twitter.