DESARROLLADORES + DISEÑADORES, EL TÁNDEM DE ESTE AÑO

Los mejores proyectos son el resultado del esfuerzo conjunto de los responsables de diseño y desarrollo web. Los diseñadores se centran en la estética y en la experiencia de usuario según los valores que nuestra marca quiere transmitir. Los desarrolladores son los encargados de hacer que todo esto funcione de la mejor manera posible.

El problema es que los resultados que persiguen cada uno son distintos y, en realidad, tienen formas de trabajar diferentes, incluso jergas distintas. Y conseguir homogenizar el trabajo de los responsables de diseño y desarrollo web de un proyecto puede ser una tarea ardua.

Diferencia entre diseñador y desarrollador web

De hecho, nuestro principal problema, es que desde fuera del campo del diseño y desarrollo web somos incapaces de diferenciar uno de otro.

Un diseñador web es el responsable de la apariencia y la estética de la web. Se encarga del diseño, el color, las tipografías, las imágenes, los efectos, etc. Debe preocuparse de que todos estos factores estén correctamente dispuestos de forma que el sitio sea agradable y fácil de usar para el usuario.

En diseño web es importante ser creativo e innovador y tener habilidades para captar la atención del usuario y hacerle más agradable su estancia en nuestro web con un diseño atractivo.

En cambio, el desarrollador web es el encargado de la parte de la web que no se ve. Es el responsable de que el sitio funcione correctamente en cuanto a registros, bases de datos y gestión de los contenidos. Para ello precisa de conocimientos de HTML, CSS, JavaScript y conocer diferentes lenguajes de programación como Java o PHP.

Los responsables del diseño y desarrollo web trabajando juntos

Si diseñadores y desarrolladores trabajan en tándem el resultado un proyecto más completo, una web más cohesiva con una buena estética, una buena interfaz de usuario y un código limpio. Desde la apariencia hasta las interacciones y la experiencia de usuario, el proyecto sólo puede mejorar.

Además, en un proceso colaborativo habrá muchas menos revisiones y, por lo tanto, se completará en menos tiempo.

Pero para que la colaboración funcione, los responsables del diseño y desarrollo web deben colocar el proyecto web en primer lugar, imaginando la totalidad el proyecto durante el proceso mientras se toman las decisiones pertinentes.

Consejos para diseñadores

Para conseguir un buen tándem entre los responsables del diseño y desarrollo web, cada uno debe poner algo de su parte. Estos son cinco consejos para los encargados del diseño web:

  • Explica a los desarrolladores la teoría del diseño de forma simple para que entiendan de dónde viene la estética.
  • Considera elementos interactivos mientras diseñas, y cómo funcionarán. Asegúrate de que todas las partes estén diseñadas para todas las etapas de interactividad.
  • Diseña por completo. No esperes que el desarrollador copie y edite partes. Crea elementos para cada etapa.
  • Si no estás seguro de si una fuente específica funcionará en una página web, háblalo con el desarrollador.
  • Usa elementos de diseño en formatos utilizados y en la resolución y tamaño apropiados para su uso en la web.

Consejos para desarrolladores

Igualmente, los responsables del desarrollo web también deben de poner algo de su parte por el bien del proyecto. Aquí tenéis unos consejos para los desarrolladores:

  • Aprender algo de diseño no te va a hacer daño. Saber un poco de teoría sobre colores y tipografía, incluso acerca de la jerga puede ayudarte en tu trabajo.
  • Sé directo acerca de qué puedes y qué no puedes hacer. Si un diseñador está realizando una tarea que no se va poder trasladar a la web, será mejor que se lo digas lo antes posible.
  • Muéstrate abierto a responder preguntas y ayudar durante el proceso de diseño. Involúcrate en el proceso desde el inicio. Ayuda en el proceso de aporte de ideas de diseño que funcionen con la UX.
  • Mantén la integridad del diseño —incluso las partes que no te gustan o con las que no estás de acuerdo— durante el proceso de desarrollo. Solo harás enemigos al cambiar las cosas visualmente sin el propósito de desarrollo.

Es evidente que en diseño y desarrollo web, cada uno dependen del otro y que el objetivo final es un proyecto óptimo. Por lo tanto, cada vez es más necesaria la interacción entre ambos responsables.

Si necesitas ampliar información sobre el tema, recuerda que en Somos Sinapsis somos expertos en diseño web en Barcelona y podemos asesorarte.

KPI – Key Performance Indicator

Llamamos KPI a una métrica concreta que nos ayuda a medir el éxito o la evolución de un proyecto en base a una serie de objetivos que, al inicio, hemos predefinido para el mismo: y todo esto lo digo casi sin respirar, pero ¿Que significa realmente?

Si bien la priemra definición que os he dado es algo enciclopédica, creo que lo explica bastante bien. Un PKI es una métrica (ojo! no todas las métricas son KPIs) que nos ayuda, a modos de «chivato» a saber si vamos o no por buen camino. Cuando me reúno con algún cliente para hablar de analítica o de la evolución de su proyecto, yo suelo hablar de «micro Objetivos», sobre todo cuando mi interlocutor no tiene que comprender necesariamente nuestra terminología. Ésto, el llamar a los KPIs «micro Objetivos, lo clarifica todo muchísimo.

Según Dennis R. Mortensen un KPI debe cumplir las siguientes características:

  1. Deberá mostrar el objetivo de la organización
  2. Ser definidos por la dirección de la empresa
  3. Proporcionar contexto
  4. Tener significado en distintos niveles
  5. Estar basados en datos reales
  6. Ser facilmente entendibles
  7. Conducir la acción

Os dejo un vídeo que os puede ayudar un poco más a meteros en materia:

SEO

Internet es un medio libre y abierto y la cantidad de sus contenidos es abrumadora. El último informe de NetCraft dice que  el número de sites activos asciende a 716.822.317 en total (frente a los  238.027.855 que se listaban en 2009). Sabiendo esto es fácil de entender que es absolutamente necesaria la tarea que desempeñan los motores de búsqueda: «llevar el orden al caos».

Los buscadores tienen la importante tarea de leer, catalogar y valorar las páginas web a las que puede acceder, para más tarde mostrar resultados ordenados y organizados bajo criterios de búsqueda específicos: por eso, podemos decir que los buscadores tienen la difícil tarea de «poner orden en el WWW».

El propietario de una página web estará interesado en que las listas resultantes de búsquedas concretas incluyan su proyecto, que lo describan correctamente y que el usuario final decida visitar el site. Aquí es donde empieza el trabajo SEO (del ingles «Search Engine Optimization»).

Un proyecto de posicionamiento en buscadores consiste en la realización de una larga lista de tareas que tienen como finalidad «convencer a los motores de búsqueda de que una página web vale la pena». Puede parecer simplista, pero todo se resume en eso: el «SEO» ayuda a los buscadores en la tarea de selección y clasificación, dándoles pistas claras, haciendo que las páginas web sean más accesibles y fáciles de interpretar, dando información adicional y complementaria, etc…

Entre todas las tares pueden destacarse:

Estudio de palabras clave

Estudio de la competencia

Optimización web y de contenidos

Obtención de enlaces entrantes y gestión de enlaces salientes

Monitorización de resultados y creación de informes (tráfico/posicionamiento)

Etc, …

El Remarketing (o retargeting)

El remarketing es una modalidad de Publicidad en Internet. Consiste en “marcar” a los usuarios que visiten nuestra página web (mediante una cookie que se archiva en su navegador) para que, de este modo, podamos identificarlo cuando éste esté navegando por otra páginas web que permitan la impresión de publicidad y, en ese momento, ofrecerle “otra vez” un banner con el producto que ha consultado en nuestra página web.

Continue reading

CSS

El CSS o “Hoja de Estilo en Cascada” (del inglés Cascading Style Sheets), es el lenguaje utilizado para conferir estilos concretos a documentos estructurados XML o (X)HTML. El organismo W3C (World Wide Web Consortium) es el encargado de formular las especificaciones que servirán como estándar tanto para diseñadores de páginas web como para los navegadores web (como Firefox o internet Explorer).

La aparición de los CSS y su implementación en el mundo del diseño web significó un cambio radical en la manera de concebir el WWW; gracias a los estilos CSS el código web se limpió de tablas y de código innecesario (generalmente difícil o imposible de interpretar para los lectores de pantalla para invidentes), aportando orden y estructuración a la web.

Palabras clave

Nos referimos a «palabras clave» a las palabras, o combinaciones de palabras (términos de búsqueda) que se utilizan para realizar búsquedas específicas en los buscadores.

Las palabras claves siempre estarán relacionadas con los servicios, productos y sector de cada proyecto. A pesar de que los usuarios seleccionen las palabras clave para realizar sus búsquedas de forma bastante arbitraria y desordenada es posible encontrar patrones que se repiten con más o menos frecuencia y existen herramientas (como Keywords Tools de Google) que nos permiten estudiar dichas coincidencias para determinar qué palabras clave o términos de búsqueda son mejores y más competitivos.

Las palabras clave constituyen el eje central para campañas de posicionamiento en buscadores.

Los seis grados de separación

Las redes sociales (como Linkedin, Facebook o Twitter), en Internet, parten de la teoría de «los seis grados de separación».

Esta teoría dice que cada persona puede llagar a conectar de forma indirecta con el resto de personas del planeta a través de una cadena de contactos que no tiene más de SEIS INTERMEDIARIOS. Aunque parezca algo descabellado esto es así, tanto que en Estados Unidos existe una patente llamada Six degrees patent que han pagado Tribe y Linkedin (redes sociales en internet).

Según esta teoría, cada persona conoce de media, entre amigos, familiares y compañeros de trabajo o escuela, a unas 100 personas. Si cada uno de esos amigos o conocidos cercanos se relaciona con otras 100 personas, cualquier individuo puede pasar un recado a 10.000 personas más tan solo pidiendo a un amigo que pase el mensaje al resto de sus amigos.

Usabilidad web

La usabilidad (del inglés usability) es la facilidad con que las personas pueden utilizar una herramienta particular o cualquier otro objeto fabricado por humanos con el fin de alcanzar un objetivo concreto.

En interacción persona-ordenador, la usabilidad se refiere a la claridad y la elegancia con que se diseña la interacción con un programa de ordenador o un sitio web.

El modelo conceptual de la usabilidad, proveniente del diseño centrado en el usuario, no está completo sin la idea utilidad. En inglés, utilidad + usabilidad es lo que se conoce como usefulness. Jackob Nielsen definió la usabilidad como el atributo de calidad que mide lo fáciles que son de usar las interfaces Web.

Todos estos son conceptos a tener en cuenta durante el proceso de desarrollo (diseño de interfaces y aplicaciones) y diseño de páginas webs. Tanto los usuarios finales del site en cuestión como los motores de búsqueda valorarán una buena usabilidad, unos a nivel visual y otros en referencia a la coherencia del código de la página web.

Por todo esto es importante que la página web se desarrolle bajo la supervisión de expertos en comunicación web.

Web 2.0

El término Web 2.0 es asociado usualmente con Tim O’Reilly debido a la referencia hecha en la conferencia O’Reilly Media Web 2.0 en 2004. El término fue utilizado para referirse a una segunda generación en la historia del desarrollo de tecnología Web basada en comunidades de usuarios y una gama especial de servicios, como las redes sociales, los blogs, los wikis o las folcsonomías, que fomentan la colaboración y el intercambio ágil y eficaz de información entre los usuarios de una comunidad o red social. La Web 2.0 es también llamada web social por el enfoque colaborativo y de construcción social de esta herramienta.

En definitiva, el término 2.0 hace referencia a todo un fenómeno de interacción del usuario con el medio: el usuario ha visto la posibilidad de no tener que limitarse a consumir información pudiendo crearla él mismo y compartirla con millones de usuarios a tiempo real.

Visto esto es fácil comprender que el mundo de la información ha cambiado radicalmente: la información ya no tiene valor como tal ya que una gran oferta hace que la demanda sea mucho más selectiva. El usuario tiene, por primera vez, la oportunidad de escoger la información que más le conviene y de participar de ella de forma activa.

Este fenómeno ha abierto un amplio abanico de posibilidades en cuanto al marketing online se refiere.

Motores de búsqueda

Un motor de búsqueda es un sistema informático que indexa archivos almacenados en servidores web gracias a su spider (o bot). Un ejemplo puede ser Google o Yahoo. Cuando se pide información sobre algún tema.

Las búsquedas se hacen con palabras clave o con árboles jerárquicos por temas; el resultado de la búsqueda es un listado de direcciones Web en los que se mencionan temas relacionados con las palabras clave buscadas.