Humor de diseño

50 tonos de #FAFAFA

Una mirada moderadamente inapropiada a las cosas tontas que los diseñadores hacen y no hacen

Los diseñadores nos tomamos nuestro trabajo muy en serio. Este artículo no.

1. Use un marco de UI. Sé que quieres hacer tuyo este diseño. Te digo qué, crea un sistema de diseño incluso un 10% tan bello y extensible como Material Design y luego hablaremos. Los desarrolladores pueden construir más rápido, puedes ahorrarte tiempo y tus usuarios no tendrán tanto trabajo para descubrir nuevas convenciones de uso.

2. Deja de crear tus propias reglas de tipografía. Sé que las elegantes guías de estilo se ven hermosas en Dribbble. Pero, ¿realmente tiene en usted explicar los matices de sus reglas de kerning para el desarrollo durante los próximos 6 meses?

3. Elija 5 colores (vea el n. ° 2 en ese enlace). Hazlo funcionar. ¡Sé que usted puede hacerlo! Oh dang, coolors.co te da 5 colores nuevos cada vez que presionas la barra espaciadora. ¡Pancho!

4. Haz tus grises más oscuros. Nadie puede leer ese texto. (Pero en serio, estoy de acuerdo en que se ve bien. Así que lo dejo en sus diseños y dejo que el desarrollador lo arregle más tarde ).

Este es un póster motivacional que solo yo puedo leer.

5. La simetría realmente no es tan importante. Tal vez soy solo yo, pero paso una cantidad excesiva de tiempo haciendo que todo sea simétrico, hasta que me encuentro en un estado de coma de diseño. Mi compañero de diseño tiene que despertarme con sales aromáticas.

6. Encuentre todas las fuentes delgadas / livianas en su diseño y aumente un peso. Luego abra el Libro de fuentes y elimine todas sus fuentes finas / livianas. No los necesitarás en la Tierra Prometida.

Aquí hay una IU que hice usando Lato Thin.

7. Su diseño no es una obra de arte. Mira, sé que TÚ eres una flor única. Pero su diseño es una herramienta que alguien está utilizando para realizar una tarea. Nadie está racionalizando su flujo de trabajo de marketing digital con un Rembrandt o Jackson Pollock. ¡Eso no significa que no pueda ser hermoso! ¡Debería ser! Simplemente no te dejes atrapar por las malas hierbas de píxeles y termines perdiendo de vista el valor final del producto. Hazlo visual, pero mantenlo valioso.

8. Los monitores se están volviendo enormes, pero no necesita usar todo ese espacio. Así es como comienza el acaparamiento.

9. Además, el espacio en blanco no se puede "desperdiciar". ¡Déjalo respirar! Ahora respiras.

10. Ah, y también (¡TAMBIÉN!), El "pliegue" no es algo que exista en las aplicaciones. La próxima vez que su PM le pida que "suba algunos de esos gráficos sobre el pliegue y deje de desperdiciar espacios en blanco", solo ... bueno ... no tengo ningún consejo. Avíseme si tiene una mejor respuesta que "los usuarios tienen trackpads y ratones que se desplazan", porque eso a veces se cae.

11. Deja de dar sombra a tus gráficos. O haciéndolos flotar fuera de la pantalla. O realmente dedicar tiempo a ellos. Hay tres pasos deliberados que debe tomar al crear gráficos para los diseños de sus productos: 1) Elija el tipo de gráfico correcto, 2) Diseñe para que sea fácilmente comprensible y 3) Llénelo con datos convincentes. Nota: No hay 4) Anime sus puntos de datos con la melodía de "Enséñame cómo Dougie".

12. Los "me gusta" de Dribbble no pagan las cuentas. Sí, te hacen sentir bien contigo mismo, pero recuerda que si tu diseño no se puede construir, entonces tu casa personalizada Mid-Century Modern en un acantilado tampoco se puede construir.

13. Innova en la pizarra, no en [tu aplicación de diseño]. Su idea debe ser sólida antes de sentarse en su computadora. No aparecerá mágicamente fuera del éter y se manifestará en píxeles brillantes.

14. ¡Usa un conjunto de iconos f_cking! No hay vergüenza en ese juego. Prueba Nucleo o Nova. Son geniales y generalmente bastante versátiles. Y si incluso está pensando en agregar comentarios para decir: "Bueno, en realidad trabajo con un fantástico diseñador visual que es increíble en los íconos", entonces manténgalo para usted, bastardo con suerte.

15. Nadie ama tu diseño más que tú. A excepción de tu madre, probablemente. Pero mira, nos enamoramos de nuestro trabajo. Nos enamoramos del trabajo de otros diseñadores (cuando no estamos hablando sh_t a sus espaldas). Pero a los usuarios en última instancia no les importa (en la medida en que a usted sí). Y a sus partes interesadas no les importará, siempre que satisfaga los objetivos del usuario.

16. Su diseño debe basarse en el valor, no en el arte. Ya hemos establecido que no eres Rembrandt o Pollock. Pero más allá de eso, la forma en que presenta su trabajo, ya sea en Dribbble, a un cliente, o su PM y los desarrolladores siempre deben reflejar siempre el valor comercial y del usuario. Sé que los diseñadores de UX no siempre podemos hacer todas las cosas geniales. Pero nos ponemos débiles, ¿verdad? Creo que eso es lo que importa. Ah, y el usuario. Si, el usuario.

17. Preocuparse por los detalles a nivel de componente durante los sprints de desarrollo. No estoy descartando la importancia de cosas como los menús desplegables y los estados de enfoque y los estados de desbordamiento y ajuste de línea, pero estas discusiones son mucho más largas y prolongadas durante las fases conceptuales y mucho más cortas y efectivas durante el desarrollo.

18. Cada píxel fuera de lugar es como un error tipográfico en una novela. Enorgullecerse de la presentación y el diseño. Cada píxel se examinará más que su charla en el vestuario del autobús turístico.

Fue el mejor de los tiempos, fue el frío de los tiempos.

19. ¿Conoces esa pantalla que tiene una etiqueta de botón desalineada? ¿El que su equipo de diseño señaló inmediatamente en su revisión de diseño? Sí ... ese. Ese es el que pondrá el marketing en el sitio web

20. Nombra tus capas. "Tom". "Batman". Lo que sea. Solo dales un nombre.

21. Use una cuadrícula. No estoy hablando de las cuadrículas que muestran cómo se diseñó su logotipo con 713 círculos, elipses y rectángulos. Solo una cuadrícula básica de pan blanco, sin campanas y silbatos. ¡Para obtener puntos de bonificación adicionales, usa el que tus desarrolladores van a usar!

22. ¿Sabes cómo "entenderá" lo que quieres decir? No lo harán. Dígales. No en un correo electrónico. No en Slack. Diles con tus palabras saliendo de tu boca la voz. A sus caras. Si todavía no lo entienden después de eso, simplemente levante las manos exasperado y murmure algo como "Jony Ive no tiene que aguantar esta mierda".

23. Mila Kunis no usa tu aplicación de marketing. Tampoco Obama, Charlie Sheen, Taylor Swift o The Weeknd. Usa fotos de seres humanos que verías caminando en la calle o mirándote incómodamente mientras escribes este artículo de Medium en el stand de Denny's.

24. No intentes hacer que tu próxima UI sea "brutalista". Lo prometo, realmente no sabes lo que eso significa. Ciertamente no, y he leído como DOS artículos completos al respecto. Incluso hay una galería de sitios brutalistas y realmente no ayuda. Entonces solo ... ¿no?

No puedo decir si esto es terrible o genial. Probablemente sea una señal de que no deberías usarlo.

25. Tal vez tu PM no "consigue" tu genio. O tal vez no eres un genio y deberías seguir sus consejos. Un gran PM es aquel que recibe el producto enviado, pero también es una molestia. Eso es porque dicen cosas que realmente desearías que no dijeran (porque generalmente tienen razón), y luego te pones a la defensiva para evitar arreglar tu diseño .

26. Reduce el tiempo que pasas animando tu diseño de UI al no animar tu diseño de UI. Sí. Te escucho. Realmente crees que el diseño de movimiento es el pijama de los gatos. Simplemente descubra qué función desea eliminar de su producto para que suceda. Y luego escriba un artículo medio sobre cómo su startup vio el crecimiento del palo de hockey porque leyó un artículo sobre el uso de los principios de animación de Disney en el diseño de la interfaz de usuario.

Una vez que convenza al CEO de que su menú desplegable debe volar desde el lado derecho de la pantalla en un camello sobre una alfombra voladora, asegúrese de enviar un buen .gif animado a sus clientes explicando por qué esa alfombra voladora era mejor que la característica pidieron (PD. No olvides enviarles tu enlace Dribbble. Probablemente te darán más Me gusta, lo que seguramente pagará los salarios de tus empleados. ¿Verdad?).

(PD. La animación es fantástica cuando se usa correctamente. Simplemente no exagere. A la mayoría de los usuarios no les importará).

27-a. Si no puede pensar en una razón por la que hizo algo cuando está presentando, invente algo. Como "oh, eso es algo con lo que estoy experimentando" o "Mi archivo Invision no se sincroniza".

27-b. Y si el cliente nota que su archivo InVision está de hecho totalmente sincronizado, simplemente dígale que simplemente no está viendo el panorama general.

28. La langosta es el nuevo Comic Sans. Ahí lo dije. Puede estar en desacuerdo pero no puede dejar de ver este mensaje, y lo perseguirá la próxima vez que intente usarlo.

Descargué esta fuente solo para hacer esta imagen. Lo juro.

29. Si Proxima Nova fuera una constelación, sería el Big Dipper. Todos pueden verlo, pero a nadie le importa. Ok, he terminado de rasgar las fuentes por ahora. Proxima Nova es genial, pero es como pantalones de jogger. Ahora que todos los usan, ¿realmente estás tan de moda?

30. Deja de hablar de tus diseños rechazados. Ellos fueron rechazados. Están en el pasado, como ese horrible peinado que solías tener. Elimínelos de su cartera y muestre los diseños que se construyeron, pero no pierda de vista lo que aprendió de esas iteraciones anteriores; Esta es la clave.

“Deberías ver lo que REALMENTE quería hacer antes de que [PM / dev / el cliente] me dijera que lo cambiara. ¡Eran del siguiente nivel y simplemente no lo entendieron! "

Nunca he ganado este juego, así que ayúdame si tienes algún consejo.

31. Configurar teclas de acceso rápido. No quiero pararme detrás de ti y verte lentamente fabricar manualmente tu interfaz de usuario artesanal como un jabón de corte cuáquero de 1800. Usa tus herramientas a su máximo potencial. Si no sabe por dónde empezar, escribimos un artículo útil sobre esto que relativamente nadie lee .

32. Enseñe a los desarrolladores a pescar. No les des pescado. Y por "pez" me refiero a cada caso de borde imaginable capaz o cada ancho de navegador posible que un usuario pueda encontrar con su LG, doble ancho, monitor de 34 ". Cuando comience a hacerlo, siempre lo esperarán. Lo amarán por hacerlo, pero su producto probablemente sufrirá a medida que descienda gradualmente a la locura.

33. ¿Sabes esa horrible sensación de pánico que tienes cuando te das cuenta de que tu diseño podría no ser genial? ¡Yo tampoco!

34. No pero en serio. ¿Esa sensación de hundimiento de que pasaste por alto algo grande? ¿Y tiene que descubrir cómo solucionarlo sin que sus desarrolladores manipulen su automóvil? Todos tenemos que suceda. La buena noticia es que esa "cosa" que echas de menos se hace cada vez más pequeña a medida que adquieres más experiencia y tus propios estándares suben. Trabaja con tu equipo y minimizarás estos momentos.

35. No recurra a defender su diseño con datos. Las convenciones cambian y los usuarios siempre te sorprenderán. Y, francamente, si establece ese precedente, eventualmente se encontrará con un desarrollador que desenterrará un artículo que desacredita sus reclamos. En cambio, abrace la incertidumbre del diseño y sea honesto al respecto con su equipo.

36. Hablando de eso, ¿recuerdas los menús de hamburguesas? Ese fue un momento extraño. Todavía no lo estás usando en tus aplicaciones móviles nativas, ¿verdad?

Todos experimentamos con esto cuando éramos más jóvenes. Es genial. #YOLO. Nota: siguen siendo una solución adecuada para sitios web receptivos.

37. Si escribió más de un párrafo explicando una sola pantalla, entonces probablemente debería manejar esto en persona. O para obtener puntos de bonificación adicionales, quizás rehaga el diseño.

38. ¿Estás pensando en probar un degradado genial? ¡Cuidado! Es como una riñonera. Difícil de lograr. E incluso si lo hace, probablemente se preguntará si realmente lo necesitaba. Dicho esto, dos imágenes y gradientes en tonos son tontos.

39. ¿Eres un "diseñador de pila completa?" Soy un diseñador de media pila. Y mi compañero de trabajo es un desarrollador de cuarto de pila. Y a los dos nos gustan montones de panqueques.

40. Dejemos la codificación a los expertos. Hola, mira, todos hemos codificado un poco. Un poco de CSS. Un pequeño "elemento de inspección" aquí y allá. Demonios, incluso me puse un poco raro con React.js una vez después de una fiesta. Pero el hecho es que hay personas capacitadas en esto y son mucho más rápidas. Pasa tiempo perfeccionando y perfeccionando tus habilidades básicas. Sigue aprendiendo, pero reconoce tus mejores habilidades.

Así que supongo que no tengo cincuenta, pero el título no funcionaría. Concéntrese en el panorama general (cómo suena ese diseño y, jaja). Si se siente ofendido por algo aquí, solo recuerde que solo sé estas cosas porque las he hecho o aún las hago todas.

Cuando no me estoy burlando de Medium, estoy trabajando en las herramientas de Sketch en UX Power Tools para hacerte un diseñador mejor, más rápido y más fuerte. Síganos en Twitter @uxpowertools. ¡Sígueme también si te entretuviste!