Trabajar con desarrolladores web: Haz tu vida más fácil usando estas 3 sencillas herramientas

Cuando decidiste configurar tu tienda Shopify, probablemente no lo hiciste planeando convertirte en un experto en desarrollo web. ¡ Tuviste una idea genial, Sabías que se vendería y quería moverte!

Pero, si eres como los cientos de tiendas con las que trabajamos, pronto te darás cuenta de que necesitas un poco de know-how de desarrollo para llevar tu tienda al siguiente nivel.

Desafortunadamente, trabajar con los desarrolladores a menudo puede causar muchos dolores de cabeza, especialmente si usted está contratando desde plataformas como fiverr o Upwork. Usted sabe exactamente lo que quiere... pero explicándolo concisamente y teniendo el desarrollador realmente traerlo a la vida puede terminar tomando más tiempo de lo que habría tomado para que usted aprenda a codificar usted mismo!

Cuando se trabaja con personas en línea, a menudo es mucho más eficaz para Mostrar lo que quieres decir, en lugar de tratar de decirles. Es por eso que siempre recomendamos usar estas tres sencillas herramientas.

Hacen que sea mucho más fácil comunicar exactamente lo que quiere decir, sin tener que ir y venir explicando todo, o tener que preocuparse por terminar con un proyecto costoso, que consume mucho tiempo con un montón de revisiones y correcciones porque el desarrollador no entender exactamente lo que querías.

Estos son nuestros favoritos – los hemos usado para cientos de proyectos e incluso usarlos internamente para que siempre estemos claros en un 100% en el objetivo de cada tarea.

1. Camtasia video

Camtasia es ideal para la grabación de screencasts – grabaciones de vídeo en vivo de su pantalla. También graba sonido, así que si usted tiene algo que necesita explicar, usted puede simplemente hablar junto con lo que está haciendo en la pantalla. También puede editarlo, por lo que si comete un error 20 minutos en un vídeo, no tiene que empezar de nuevo! Puede recortar los errores y juntar varias grabaciones con unos pocos clics.

Es muy fácil de usar, y una vez que tengas tu grabación, puedes subirla a Dropbox y luego enviarla a tu equipo o desarrollador web. Está disponible tanto para Windows como para Mac, y hay un gran video tutorial aquí que te guiará a través de cada parte de Camtasia para que puedas sacar el máximo provecho de la herramienta cada vez que la uses:

Echa un vistazo a Camtasia aquí.

2. capturas de pantalla de Skitch y anotaciones

Skitch fue desarrollado como una integración de Evernote y funciona en todas las plataformas operativas. Le permite tomar grandes capturas de pantalla, luego las anota y agrega flechas y texto para que pueda ser extremadamente específico acerca de lo que está comunicando. Esta herramienta me ahorra horas y horas en cada proyecto, porque puedo apuntar a exactamente lo que estoy pensando, y añadir instrucciones o comentarios allí en el sitio del problema. Se recorta esas exasperante cadenas de correo electrónico o hilos de mensajes tratando de aclarar algunos detalles sobre un diseño o una función que se puede abordar de inmediato en forma visual.

Este es un ejemplo de una publicación de blog reciente en Configurar facturas personalizadas:

Mira a Skitch aquí.

3. los Mockups Balsamiq

Si tienes una idea clara de cómo quieres que se vea una página o característica, crear una maqueta (también conocida como estructura alámbrica) te permite delinear de forma rápida y precisa para tu desarrollador o equipo.

Balsamiq es mi herramienta favorita para esto. Es muy fácil de usar, funciona en todas las plataformas y se puede usar para crear wireframes que funcionen en todos los dispositivos. Le permite crear un contorno preciso, pero le impide perder el tiempo creando iteraciones ' pixel-Perfect ', que es perfecto para maquetas de primera ronda, obtener estimaciones, Mostrar características, y así sucesivamente.

Básicamente, modela la experiencia de dibujar en una pizarra, mientras estás en tu ordenador, por lo que es natural y fácil de usar para cualquier tipo de proyecto. Aquí hay algunos ejemplos de Balsamiq (como se puede ver, se puede utilizar para páginas web, dispositivos móviles, presentaciones y más):

Echa un vistazo a Balsamiq aquí.

Estas herramientas realmente nos ayudan aquí en Shopify ninjas para trabajar de manera más fluida y eficiente en todos los proyectos que tomamos (y usted puede ver algunos de los productos terminados que se han beneficiado de estas herramientas aquí). Si quieres ahorrarte tiempo, estrés y dinero, te recomiendo encarecidamente agregar estas tres sencillas herramientas a tu flujo de trabajo.

Gracias por mostrar interés en nuestra Shopify Insider blog @ Comercio de cinturón negro. Le invitamos a que eche un vistazo a nuestro Productos y otros artículos de blog recomendados sobre Lo que aprendimos de nuestro Rebrand Y Nuevo sitio web.  how to build a seductive website,  how to use videos for easier web development project. — Somos el comercio de cinturón negro, un TOP Shopify & Desarrollador de BigCommerce.

¿Tiene herramientas que utiliza para hacer que trabajar con desarrolladores web sea realmente fácil? ¿O tiene preguntas sobre alguna de estas herramientas? Añádela a los comentarios!