Aquí está todo lo que aprendí al diseñar más de 10,000 pantallas de interfaz de usuario como diseñador líder de productos.

Además: "Sí, eso todavía está desalineado".

Nota rápida: aprendí todo esto de diseñadores increíbles como tú, mentores fantásticos y mucha prueba y error. Si aprende algo de este artículo, compártalo con otro diseñador. Te amaré por eso, y ellos también lo harán.

Además, ve a seguir a Christian Beck. Es un brillante diseñador y mentor.

1. Priorice sus esfuerzos de diseño.

Siempre uso esta analogía:

A nadie le importa de qué color son las costuras en los asientos de cuero de su lujoso auto conceptual si aún no tiene ruedas.

Priorice sus esfuerzos de diseño para que cumpla primero con todos los requisitos de línea de base. Entonces, Y SOLO ENTONCES, puede pasar a cosas más elegantes, como ilustraciones personalizadas y animaciones.

Lo que convenientemente nos lleva a ...

2. A nadie le importa la animación.

Perdón, todos. Es verdad. Y no digo esto por despecho porque simplemente no soy tan bueno en eso (lo cual también es cierto).

Los productos de clase mundial tienen poca o ninguna animación:

Facebook. Fuerza de ventas. Medio.

Estos productos valen miles de millones y miles de millones de dólares porque resuelven problemas y entregan valor, no porque tengan animaciones lindas.

Sí, hay un momento y lugar para la animación, pero comience por dedicar su tiempo a ofrecer un valor excepcional a través de la mejor experiencia de usuario de su clase. Luego, puede pasar todo el tiempo que desee haciendo un pequeño y lindo botón de menú que se transforma en una Big Mac de McDonald's.

Esta animación de Pete Sena no podría haber sido más perfecta. (fuente)

3. No reinventes la rueda.

Un patrón es algo que se encuentra regularmente en objetos comparables.

Los patrones de diseño se denominan patrones porque se encuentran por todas partes. Los usuarios están acostumbrados a hacer las cosas de cierta manera y eso generalmente conlleva expectativas para la experiencia del usuario.

Podría diseñarle cientos de formas diferentes de filtrar una tabla de datos, pero nada será tan eficiente como un carril izquierdo de casillas de verificación como las que se encuentran en cada sitio web de comercio electrónico.

No pierdas el tiempo imaginando cosas que no es necesario reinventar.

4. "Templariza" tu trabajo.

Con el espíritu de no reinventar todo tu ser, por amor a todas las cosas santas, hazte algunas plantillas de diseño.

Se ahorrará siete cargas de tiempo métricas.

En una semana y media, diseñé 52 pantallas para un cliente corriendo hacia una presentación de ventas importante e incluso las conecté a un prototipo InVision en el que se puede hacer clic. También es un diseño totalmente personalizado y está completamente personalizado para adaptarse al tono de su marca. Esto hubiera sido imposible sin plantillas listas para ayudarme a comenzar mi trabajo.

Aquí hay una pantalla de ejemplo de mi plantilla maestra de IU personal que utilizo en cada proyecto como una forma de comenzar:

Esto fue construido usando elementos de UX Power Tools.

Puede consultar algunos de los sistemas de diseño que he construido en UX Power Tools. Creo que realmente te ayudarán.

5. La consistencia engendra eficiencia.

Cuanto más consistentemente diseñe, más rápido se volverá.

¿Cómo puedo saber?

Bueno, para empezar, estás reduciendo drásticamente la cantidad de decisiones de diseño que debes tomar en el camino.

Si te haces un símbolo de botón en Sketch y lo usas en todo tu diseño, no solo todos tus botones se verán consistentes, sino que de repente estás trabajando de manera mucho más eficiente porque no estás haciendo botones desde cero cada vez que necesito uno.

¡Destrozado, lo sé!

6. La eficiencia engendra consistencia.

Estos son bastante simbióticos, por lo que también funciona a la inversa.

Para trabajar más rápido, deberá crear accesos directos para usted. Estos atajos pueden ser cosas tangibles como recursos de diseño, o más intangibles como establecer y seguir un conjunto de principios de diseño (como apegarse a un sistema de cuadrícula de 8px).

A medida que te vuelves más rápido, la consistencia seguirá naturalmente.

7. El valor comercial y de usuario usurpa TODO.

Según las últimas estimaciones, Craigslist fue valorado en alrededor de $ 3 BILLONES.

¿Alguna vez has visto ese sitio? Es horrible

Pero no importa. Resuelve un problema y entrega valor al usuario.

Llano y simple. ¡Al igual que Craigslist!

Mira, no estoy abogando por la simplificación excesiva del diseño. Todo lo que digo es que si puede entregar valor al usuario, creará clientes que generarán valor para el negocio.

Resuelve el problema correcto para la persona adecuada y serás dorado.

8. No soy el centro del mundo.

Hay MUCHAS otras personas que son importantes en el proceso de diseño del producto.

Solo echa un vistazo:

9. Los grandes diseños fallarán con una mala presentación.

¿Alguna vez has tenido una cita con alguien que estaba SÚPER CALIENTE, pero realmente no podía mantener una conversación para salvar su propia vida?

Las imágenes por sí solas no llevarán un gran diseño muy lejos. Yo diría que las imágenes son realmente solo alrededor del 20% de todo el proceso de presentación.

¿El resto?

Bueno, eso es contar historias. Si no engancha a su audiencia con una historia convincente, demuestra valor comercial y habla en nombre del usuario, entonces fracasará.

¿Cómo se ve el fracaso?

Muchas preguntas Jugar defensa de diseño en lugar de ofensa de diseño. Sacrificios de diseño. Falta de confianza. Ansiedad de salida al mercado.

No quieres estas cosas.

10. Obtener. Eso. Construido.

Lo guardé para el final porque es TAN TAN TAN TAN TAN importante:

Producto funcional> Dribbble ’s

Literalmente, nada más importa.

¿Bonito diseño? ¡Increíble!
¿No se lanzó? Fracaso.

¿Estoy diciendo que para ser considerado un diseñador exitoso hay que diseñar algo que se construya? Bueno, para ser honesto, sí, un poco. Hablar sobre los planes que tenía para el cumpleaños de su cónyuge que no cumplió no evitará que tenga que dormir en el sofá durante el próximo mes.

Obtener. Eso. Construido.

Incluso si es rudimentario. Incluso si es imperfecto. Incluso si nadie lo usa.

Al menos seguiste y aprendiste algo en el camino.

Cuando no estoy reflexionando sobre mi carrera de diseño, estoy trabajando en las herramientas de diseño de Sketch en UX Power Tools para convertirte en un diseñador mejor y más eficiente.

Sigue a UX Power Tools en Twitter
Sigueme en Twitter