Diferencias entre el Diseñador Web vs Programador Web vs Desarrollador Web

Un diseñador web suele enfocarse la parte gráfica y visual, ya que su manera de ver las cosas está influenciada por la naturaleza artística que posee. Según la neurociencia, las personas que tienen el hemisferio derecho más dominante que el izquierdo suelen ser personas más artísticas, por eso las personas que dominan las artes tienden a convertirse en los diseñadores web.  El diseñador web es la persona que identifica los colores, tipos de letras, fondos, imágenes, artes, etc que más se identifican con el proyecto.

Un diseñador web es un experto en las herramientas de diseño tales como: Photoshop, Illustrator y software similares a estos. Esta persona es una pieza clave en el momento de presentarle una idea a un cliente.

Sin embargo, no ven todo lo que conlleva el proyecto, como la parte lógica, útil y funcional, por causa de su enfoque artístico. En este momento, entra en juego la función de un programador web. El programador web trabaja con todo aquello que no ves, pero que utilizas. Es como el aliento de vida del diseño web.

El programador web se enfoca en la parte lógica y funcional del proyecto. Su naturaleza es lógica y analítica, la cuál, se enfoca en la parte izquierda del cerebro. Domina los cálculos, algoritmos, sistemas y procesos dentro del proyecto. El programador web utiliza el lenguaje que suele dominar o que entiende que es mejor para realizar distintas tareas del proyecto.

El diseñador y el programador web deben trabajar de la mano y cada uno debe de complementarse y respetar el trabajo del compañero. Esta sinergía permite que los proyectos se desarrollen de una manera consistente y fluida, lo que es sumamente necesario a la hora de desarrollar un proyecto de alta calidad.

Ahora, es interesante porque este campo se ha ido ampliando y expandiendo teniendo la necesidad de subdividirse y en otros casos fusionarse. Existe otra persona conocida como Desarrollador Web. Es la combinación de un arquitecto y un constructor.

El desarrollador web combina tanto la habilidad artística de un diseñador web y el conocimiento lógico de un programador web. Esta persona suele dominar ambas partes del cerebro en un 50% cada uno de los hemisferios.

Aunque compañías suelen contratar desarrollares web para ahorrarse el sueldo de dos personas, esta posición no puede cubrir todo lo que puede hacer un diseñador y un programador web. En mi opinión, es una persona que puede funcionar como un intermediario y un conector, ya que puede evaluar un diseño objetivamente y tiene el conocimiento lógico para saber si es funcional.

Es importante entender que cada área conlleva un tiempo de desarrollo necesario y una persona haciéndolo todo pudiera quedar desgastado en el proceso. A mi entender, el desarrollador web es perfecto para manejar un departamento digital, la planificación de tiempos, la conceptualización de ideas y el proceso de desarrollo de proyectos.

Es normal que un desarrollador web sea el que desarrolle sitios web para pequeñas y medianas empresas. Ahora, si necesitas un enfoque en los detalles debes de considerar tener cada una de las tareas divididas en personas dedicadas.

También dentro del campo del desarrollo web existen dos áreas principales: el desarrollo front-end y el desarrollo back-end.

El desarrollador front-end es la persona que toma el diseño desarrollado en Photoshop e Illustrator para convertirlo en código HTML, CSS y Javascript.

Este campo se ha expandido al punto que existen desarrolladores enfocados en animación, otros en diseño, otros en experiencia de usuario, otros en interacción con usuarios, entre otros más. A menudo podemos ver a un diseñador web convertir su diseño en código HTML y CSS dominando las etapas del diseño, desarrollo de wireframes, mockups, etc. Esto muestra que la persona ha ido evolucionando en el proceso y cambiando con la tecnología.

A la misma vez, puedes encontrar un desarrollador back-end con el conocimiento de distintos lenguajes de programación de servidor tales como: PHP, C#, Java, VB.Net, Python, Ruby, Node.js, etc. Estos suelen desarrollar distintas herramientas para las multiples plataformas que existen.

En mi caso, prefiero perfeccionar mis talentos en las áreas de mi “expertise” y colaborar con aquellos que tienen la especialidad en sus áreas respectivamente, tomando en cuenta la actitud de la persona y luego su conocimiento, pero claro esto sería otro tema para discutir.

Estas son mis posturas y mis observaciones en el campo de diseño, programación y desarrollo web. Es posible que tengas una opinión distinta, la cuál, también es aceptable.

 

¡Hasta la próxima!

 

 

 

 

 

La Consultoría, la Estrategia y la Programación Web

La combinación de la consultoría, la estrategia y la programación web te permite dar soluciones pensadas y desarrolladas desde la base real del problema hasta la solución misma. Esto hace que tengas una visión clara y a gran escala que te ayuda a tener una perspectiva más amplia de los problemas existentes.

Una página web por sí sola, no resuelve el problema de la necesidad que tiene una empresa de atender a los clientes. Necesitan una estrategia. Al mismo tiempo, una estrategia sin el debido conocimiento técnico podría ser un riesgo para realización de la idea y el resultado final sería muy desastroso. Continue reading “La Consultoría, la Estrategia y la Programación Web”

¿Cómo Mostrar Resultados en Formato JSON con MySQL y PHP?

¿Para qué deseamos mostrar los resultados en formato JSON?

  • El formato JSON nos permite acceder a los datos desde el Front-end con JS, jQuery, Vue.JS, ReactJS, etc.
  • Nos permite desarrollar la vista (Front-end) separada totalmente de la programación (Back-end).
  • Nos permite acceder a los datos desde cualquier equipo, app, lugar, sitio web, etc.

 

Descarga el código: https://github.com/lopezpagan/youtube-tutorials/tree/master/4jC0GFDxNNg

¿Cómo Crear una Clase en PHP?

Trabajar con clases en PHP es una gran manera de optimizar su código y hacerlo increíble.

Las clases o la programación orientada a objetos (OO) se ven a veces como algo complicado de hacer, pero mientras más practiques y trabajes en ellas más hábil y experto te volverás.

Descarga el código: https://github.com/lopezpagan/youtube-tutorials/tree/master/gdpgELDBSLk

Obtén una Mejor Calificación en Motores de Búsqueda

Este video es muy interesante, ya que te brinda varios consejos para optimizar tu sitio web.  Obtén una mejor calificación en motores de búsqueda revisando el embudo de conversión (funnel).  Elimina estas 15 cosas de tu sitio web inmediatamente.

Por: Andy Crestodina
Director Estratégico en Orbit Media Studios

Componentes Esenciales para un Pedido de Diseño Web

EL NEGOCIO

Debes dar al diseñador una comprensión de lo que eres, lo que hace tu negocio, hacia donde vas, y cómo tu marca debe ser recordada.

  • ¿Qué haces?
  • ¿Cuáles son tus productos y servicios?
  • El tiempo que has estado alrededor?
  • ¿Cuál es el tamaño de tu negocio?
  • ¿Cuál es tu visión?
  • ¿Dónde quieres estar en 3 – 5 años de tiempo?
  • ¿Cómo quieres ser percibido en el mercado?
  • ¿Cuáles son tus clientes ideales?
  • ¿Cuáles son tus 3 mejores competidores?

Continue reading “Componentes Esenciales para un Pedido de Diseño Web”

¿Cuán Importante es un Sitio Web para su Negocio?

Si usted tiene un negocio y no tiene un sitio web, usted está perdiendo en grandes oportunidades para su negocio. Un sitio web en sí puede ser utilizado para llevar a cabo muchas estrategias de marketing diferentes para ayudar a su negocio crecer.

Como propietario de un negocio, usted necesita saber dónde están sus consumidores. ¿Pero qué pasa si los consumidores saben su negocio y lo que puede ofrecer, pero no pueden llegar a usted? Ése es uno de los riesgos que usted toma por no tener un sitio web para su negocio. Continue reading “¿Cuán Importante es un Sitio Web para su Negocio?”

10 Razones Importantes para Desarrollar su Imagen de Marca

Branding va mucho más allá de sólo un logotipo o elemento gráfico.  Cuando piensas en tu marca, realmente quieres pensar en toda la experiencia de tu cliente… desde tu logo, tu sitio web, tus experiencias en redes sociales, la forma en que contestas el teléfono y la manera en que tus clientes experimentan a tu personal.  Al mirar esta amplia definición de la marca, puede ser un poco abrumador pensar en lo que está involucrado en su marca.

En resumen, su marca es la forma en que su cliente le percibe. Continue reading “10 Razones Importantes para Desarrollar su Imagen de Marca”

El Texto en una Página Web

Estructura del Texto de una Página Web

Es sumamente importante pensar en la estructura del texto en una página web antes de comenzar a escribir. La estructura es el esqueleto del texto; esto ayudará a captar la atención del lector y a tener una idea del contenido. A su vez, es una parte crucial para el SEO de una página web.

Si el texto de una página web está bien estructurado, tendrá una mejor calificación en Google y ayudará a alcanzar una posición más alta. Continue reading “El Texto en una Página Web”

¿Cómo Crear Un Campo de Selección en HTML/JSON y PHP? – Nivel Avanzado

Video tutorial que te enseña a Crear Un Campo de Selección en HTML/JSON y PHP
Nivel Avanzado 3er Video

Ej. Campo de selección (drop-down field, select field)

Descarga el proyecto:

https://github.com/lopezpagan/youtube-tutorials/tree/master/campo-de-seleccion

 

 

¿Cómo Crear Un Campo de Selección en HTML y PHP? – Nivel Intermedio

Video tutorial que te enseña a Crear Un Campo de Selección en HTML y PHP
Nivel Intermedio 2do Video

Ej. Campo de selección (drop-down field, select field)

Descarga el proyecto:

https://github.com/lopezpagan/youtube-tutorials/tree/master/campo-de-seleccion