Algunas herramientas pueden hacer la vida de un diseƱador web mĆ”s fĆ”cil, sin embargo, la clave esta en poner en practica el conocimiento sea cual sea la herramienta. Cabe destacar que, las herramientas de trabajo tienen su importancia y el desarrollo de la actividad puede verse afectado por una mala decisiĆ³n al elegir una herramienta.
Asimismo, cuando un diseƱador web tiene a la mano las herramientas correctas, suele ser mƔs eficiente y productivo, mejorando incluso el resultado final.
A continuaciĆ³n, te nombraremos las herramientas que le facilitan el dĆa a dĆa a cualquier diseƱador web, estas son las siguientes:
Sketch
Se trata de un software vectorial para macOS de diseƱo de interfaces con canvas infinifo. NaciĆ³ en 2010 al rescate cuando las herramientas clĆ”sicas se estaban quedando atrĆ”s. Photoshop, Illustrator, Flash y Dreamweaver, dejaron de ser Ć³ptimos para el diseƱo de interfaz digital. Sketch supuso un cambio de paradigma que sigue en constante desarrollo.
Figma
Siguiendo la misma linea de Sketch apareciĆ³ un par de aƱos despuĆ©s, pero con algunas novedades: trabajo colaborativo simultaneo y principalmente web-based (mientras que Sketch solo se puede instalar en Mac, Figma funciona en casi cualquier ordenador con Internet).
Zeroheight
Esta herramienta es capaz de generar casi automĆ”ticamente a partir de un diseƱo de Sketch o Figma, una organizada y bonita guĆa de estilo con toda la documentaciĆ³n del sistema de diseƱo bien segmentada por componentes. Asimismo, genera tokens que luego ns permitirĆ” iterar el diseƱoĀ sin causar mayor trastorno y actualizar el cĆ³digo en desarrollo en cuestiones de segundo.
Invision / Marvel / Axure / Proto.io
Son herramientas de prototipado que tambiĆ©n resultan ser fundamentales hoy en dĆa. Invision y Marvel fueron pioneras y sirven para realizar prototipos navegables de baja media fidelidad que ofrecen un gran servicio en una primera fase de pruebas.
Por otra parte si lo que quieres es un prototipo de alta fidelidad con animaciones y microinteracciones, tienes a la mano Axure o Proto.io cuyo resultado puede llegar a ser espectacular.
Sublime Text / Visual Studio Code / Prepos
Si le has perdido miedo al cĆ³digo, Sublime Text puede ser mĆ”s que suficiente para cosas pequeƱas o incluso Brackets si quieres ver en tiempo real los cambios, pero si lo que quieres es crear un proyecto completo la mejor opciĆ³n es utilizar Visual Studio. Es una decisiĆ³n muy personal y cada uno debe elegir el que le funcione mejor.
Prepos sirve para emular un servidor local, compilar cĆ³digo y localizar inconsistencias en el mismo, lo que para un diseƱador no experto en programaciĆ³n puede resultar muy cĆ³modo.
DiffMerge
Permite comparar documentos de cĆ³digo, encontrar discrepancias y fusionar en el caso que sea necesario.
Adobe Animate / Premiere Rush / Giphy Capture
El primero es el sucesor de Flash. Es Ćŗtil para crear animaciones con interpolaciones. Ademas de exportar en HTML5, que resulta interesante en un amplio rango de formato (vĆdeos y gif animado).
Premiere Rush sirve para realizar creatividades de vĆdeo no muy complejas para redes sociales.
Giphy Capture es sumamente Ćŗtil para generar gifs animados capturando el movimiento en pantalla, cuenta con las opciones de configuraciĆ³n y exportaciĆ³n exactas para conseguir un buen resultado en poco tiempo.
Notion
Posee una extraordinaria versatilidad. Se utiliza para notas, tareas, compilar documentaciĆ³n y llevar un seguimiento del roadmap, calendario entre otros. Cuenta con muchas opciones y combinaciones con la virtud de que mantiene su sencillez y sin abrumar. Es tan Ćŗtil tanto para la vida personal como para la profesional.
Jira
Presta un servicio de gran valor. Posee un panel personal, donde se puede observar todas las tareas asignadas, la informaciĆ³n relevante de cada una de ellas, la estimaciĆ³n de tiempo y la evoluciĆ³n de las mismas en el Kanban.
Google Docs / Sheets
Esta herramienta es mĆ”s cĆ³moda de utilizar porque dispones de todo el material que necesitas en la nube, cuenta con opciones para compartir y colaborar de manera simultĆ”nea.
Adicional a esto, tenemos a Google Sheets que equivale a Microsoft Excel para hojas de cĆ”lculo, es Ćŗtil para dos tareas concretas: estimaciones y control de calidad. Es ideal para llevar un seguimiento de las posibles discrepancias entre el diseƱo UX y el desarrollo definitivo.
Cualquiera de estas herramientas ayudan en el diseƱo digital hoy en dĆa, las mismas son aliadas para no quedarse atrĆ”s e ir evolucionando en la actualidad.
Desde XenonFactory, estamos encantados de ayudarte en todo lo que concierne a tu empresa, te ofrecemos nuestros Servicios Web en general, solo tienes que contactarnos y te daremos soluciones rƔpidas y efectivas.
Ā”Te esperamos, contĆ”ctanos a la brevedad posible!
