¿Cuáles son los mejores recursos para aprender diseño web, UI y UX de última generación?

Aquí hay un recurso bastante bueno para aprender diseño UX / UI, si lo digo yo mismo.

Hay una diferencia entre el diseño de UI y el diseño de UX. Sin embargo, hay una gran superposición, así que intentaré agruparlos. Aquí está, en diez simples pasos.

# 1 Descubre el problema
Demasiados diseñadores se sientan a trabajar en un nuevo proyecto sin hacer ninguna investigación. Su proceso de pensamiento suele ser algo así …

No te detengas.

Estoy seguro de que su nueva técnica CSS es maravillosa, pero el punto de diseñar una interfaz o experiencia es resolver un conjunto de problemas. Por mucho que me gusten las animaciones CSS y Proxima Nova, estas cosas son más mejoras a las soluciones que soluciones a los problemas.

Deje de mirar sitios web y haga una mueca por elementos desalineados, fuentes nativas y esquemas de colores feos. Comience a buscar sitios web como soluciones, soluciones a problemas. Los problemas pueden incluir:

– No optimizado para dispositivos móviles
– No accesible para lectores de pantalla o personas daltónicas.
– 12 segundos de tiempo de carga
– El valor de la aplicación no es inmediatamente obvio
– Demasiados pasos en el flujo de registro

# 2 Conozca a sus usuarios
Es mucho más fácil resolver problemas cuando descubres por primera vez quién los está experimentando. Averigüe todo lo que pueda sobre sus usuarios antes de comenzar.

– ¿Cuál es su edad promedio?
– ¿Qué navegador usan?
– ¿Cómo encontraron tu sitio?
– ¿Qué quieren de tu sitio?
– ¿Qué quiere tu sitio de ellos?

# 3 Aprende a trazar correctamente
Entonces, ahora que sabemos quiénes son nuestros usuarios y qué problemas están experimentando, podemos comenzar a rediseñar nuestra página de inicio, ¿verdad?

Incorrecto.

Uno de los errores más comunes que veo en el diseño de UX es el reflejo de comenzar automáticamente con la página de inicio. Es tentador guiar al usuario desde la página de inicio a donde desea que estén. Sin embargo, en muchos casos, la página de inicio no siempre es la página de destino. Quizás su blog es donde la mayoría de los usuarios comienzan su viaje.

Abre un documento de Google. Haga una lista de todos los puntos de entrada de su sitio. Ahora, comenzando con la página de entrada más importante, tome su lápiz y papel y comience a agregar contenido. Supongamos que estamos enmarcando nuestro blog.

Por lo tanto, necesitamos un encabezado, el cuerpo del artículo, la fecha, … espera. ¿Realmente necesitas agregar la fecha? ¿La fecha afecta la relevancia de su artículo? Si es así, agréguelo. Si no, déjalo afuera. Continúe hasta que haya agregado todos los elementos necesarios.

Ahora desea comenzar a pensar dónde guiar al usuario. ¿Quizás quieres que tuiteen tu artículo? Tal vez quieras mostrarles artículos relacionados. ¿Quizás quieras guiarlos a tu página de inicio? Ofrezca demasiadas opciones y probablemente no harán nada. Así que elige sabiamente.

Asegúrese de que cada pieza de contenido que agregue tenga una razón válida para estar allí. Debe servir a un propósito, resolver un problema. Si no es así, retírelo.

Enjuague y repita con todos los demás puntos de entrada. Independientemente de dónde ingrese el usuario a su sitio, debería ser fácil para ellos completar sus tareas y alcanzar el objetivo deseado.

# 4 Comunícate efectivamente
Es su trabajo comunicar la información que sus usuarios desean de la manera más rápida y efectiva posible.

El video y las imágenes son formas muy efectivas de comunicación. Estudie sitios web bien diseñados y vea cómo usan con frecuencia imágenes e íconos para comunicarse.

No haga que sus usuarios trabajen más de lo necesario. La mayoría de los usuarios escanean sitios web en lugar de leerlos. Asigne un título a cada sección de la página, para que los usuarios puedan escanear rápidamente a la sección que les interesa. Asegúrese de mantener sus encabezados cortos y dulces. Experimente hasta que haya comunicado efectivamente lo que está tratando de decir de la manera más simple posible.

Demasiado largo sin aliento.

Mejor.

Filo sangriento.

# 5 Guía a tus usuarios
Cuando un usuario ingresa a su aplicación y no ve de inmediato cómo puede beneficiarlo, es probable que se vaya y que no regrese pronto. No base todas sus decisiones de diseño en el rendimiento de la aplicación cuando esté llena de datos. Diseña el viaje.

# 6 Anime a sus usuarios
Cuando un usuario comete un error, no solo le informe de manera fría y déjelo que descubra la solución.

Si haces esto, te culparán y perderás su confianza al instante. En cambio, hágales saber que cometieron un error de una manera educada, incluso tal vez humorística, y luego señale la solución.

# 7 Recompense a sus usuarios
Del mismo modo, cuando sus usuarios hagan algo bien, recompénselos. No solo les informe de su éxito como lo haría cualquier robot.

Felicítalos en un tono humano. Recompense a sus usuarios y se sentirán obligados a usar su producto. Hazlos sentir amados. A su vez, amarán tu producto.

Cuando la experiencia del usuario es mayor que la expectativa del usuario, se establece la confianza. Establecer la confianza lo antes posible es fundamental para proporcionar una buena experiencia de usuario.

# 8 Aprenda los fundamentos básicos (HTML, CSS, JS, Ruby, Python, etc.)

Basta de charla.

# 9 Aprende diseño visual
Muchos diseñadores de UX piensan que no necesitan saber sobre el color o la tipografía. Otros dicen que es una completa pérdida de tiempo. No es. El problema es que los diseñadores frecuentemente usan soluciones visuales para resolver problemas de UX. Si sus usuarios tienen problemas para completar el proceso de pago, hacer que sus botones sean un poco más brillantes no ayudará.

Sin embargo, suponiendo que sus flujos de usuarios estén en buen estado, mejorar su diseño visual ayudará a sus usuarios a confiar más en usted.

Obtener una buena comprensión de los conceptos visuales no solo le dará la capacidad de diseñar botones increíbles.

El diseño, el equilibrio, la alineación y el contraste son habilidades esenciales a la hora de descubrir la forma más eficiente de organizar la información en una página.

# 10 Estudio. Estudiar. Estudiar.
Existen innumerables recursos para aprender sobre diseño. Aquí hay algunos para comenzar:

Recursos
Revista sensacional
Aarron Walter (aarron) en Twitter
Paul Irish (paul_irish) en Twitter
Diseño de respuesta
Ryan Singer (rjs) en Twitter
Chris Coyier (chriscoyier) en Twitter
www.designskool.com
CSS-Tricks
AaronRobbs (AaronRobbs) en Twitter
Diseñando para la emoción
Bienvenido | Voz y tono
Regate – Popular
Patrones móviles iOS
El grifo principal ›PatternTap
Google
Noticias de diseñador

Sitios impresionantes
http://mailchimp.com
https://yourkarma.com/
http://facebook.com
http://layervault.com/

Buena suerte 🙂