Foto de Jason Coudriet en Unsplash
El diseño de UX es de hecho un proceso complicado de varios pasos. No existen pautas ni prácticas que se ajusten a todos, y lo que usted haga variará de un proyecto a otro. Sin embargo, una cosa parece permanecer constante, ya sea que estés mejorando o diseñando una nueva característica, parte de un flujo o una aplicación completa desde cero, y ese es un paso de dibujo con lápiz y papel. No soy el mejor dibujando, así que siempre he sido consciente de mis bocetos, pero después de investigar y probar diferentes cosas, puedo prometerte que es fácil y que puedes hacer tus bocetos limpios, fáciles de leer y presentables. también.
Aquí hay algunos consejos que encontré más útiles, y espero que usted también lo haga.
Foto de Kelly Sikkema en Unsplash
Empecemos por las herramientas, habrás adivinado que el lápiz y el papel son imprescindibles. Pero si desea que sus bocetos realmente brillen, es posible que desee obtener herramientas adicionales para completar su selección. Después de todo, tener las herramientas adecuadas para el trabajo (literalmente) es útil sin importar lo que hagas.
0,1-0,25 pluma para detalles más finos0,5 pluma para fines regularesMarcador para líneas más gruesaspluma de sombreado para resaltar y mostrar profundidad (botones, modales, ventanas emergentes, etc.)bolígrafo de un color para llamar la atención sobre partes específicas (botón CTA, interacciones, etc.)
Puede que no necesites todos estos bolígrafos para todos tus bocetos, pero resultan útiles cuando se requiere un mayor nivel de detalle.
Cuando se trata de papel, realmente depende de tus preferencias personales; si valoras más libertad, opta por Hoja en blanco sin ninguna línea. Si quieres más estructura, hay muchos plantillas listas para imprimir disponible en sitios como dibujar.
Para realizar bocetos profesionales rápidamente, debes tener mano firme y confianza en lo que estás dibujando. Afortunadamente, cuando se trata de UI/UX solo necesitas ser bueno dibujando la mayoría de las formas básicas. Todo lo demás en los bocetos de la interfaz de usuario, incluidos los íconos, es solo una combinación de ellos. El truco consiste en dibujar todo un trazo continuolos trazos también deben ser firmes y suaves.
Líneas: texto, indicadores de anotaciones, sombreado, patrones, etc. Cuadrados: botones, elementos, contenedores, etc. Círculos: indicadores de toque, controles izquierdo/derecho, iconos, técnica de zoom, etc. Óvalos: botones de esquinas redondeadas, bocadillos, etc. Triángulos – Puntas de flecha, partes de múltiples íconos, etc.
Cuando se trata de anotaciones y texto, también existen algunas mejores prácticas y consejos generales para que sean fáciles de leer y comprender.
Usa todo el capital cartas si tu letra no es la mejorEscribe solo anotaciones horizontalmenteAumente el peso o el tamaño para resaltar el texto, o use el color si lo tiene. Utilice el texto real dentro de la interfaz de usuario cuando lo necesites para llamar la atención sobre ello.Usa el lenguaje de las personas a las que vas a presentar tus bocetos.
Como ocurre con muchos campos visuales, existen ciertas convenciones para dibujar elementos de la interfaz de usuario que las personas en la industria entienden fácilmente y sin explicaciones adicionales. Como no puedo incluirlos todos en una sola imagen, solo utilicé los principales aquí y usted puede hacer su propia investigación sobre el resto, o mejor aún, usando las convenciones anteriores como base, incluso podría desarrollar su propia biblioteca visual si así lo desea. funciona para usted y las personas a las que presenta sus bocetos.
Por supuesto, su objetivo al dibujar no debe ser hacerlo bonito o invertir demasiado tiempo en ello, no debe sentir apego a sus bocetos, ya que son el nivel más bajo de creación de prototipos/presentación y deben destruirse y volverse a dibujar. con mayor frecuencia, pero aun así, hacer que se vean un poco mejor no hará daño.