Posts

10 habilidades clave de un diseñador para la creación de páginas web

Para crear una página web atractiva y eficaz se requiere que cada vez más el diseñador tenga unas habilidades multidisciplinares.

La creación de páginas web ha pasado de ser un trabajo solitario a implicar todo un equipo bajo el mando de un profesional con un perfil bien especial.

¿Qué habilidades son clave para dirigir la creación de una página web de éxito?

  1. Gestión de equipos
  2. Afán de innovación y creatividad
  3. Conocimientos TIC
  4. Visión de negocio
  5. Capacidad de previsión
  6. Formación multidisciplinar
  7. Grandes dotes comunicativas
  8. Sentido estético
  9. Visión internacional
  10. Responsabiblidad ética

 

Piensa como un estratega

Coordinar todo el equipo implicado en la creación de una página web requiere grandes dotes de organización y habilidades empáticas encaminadas hacia un objetivo concreto.

Así, la mejor actitud ante este reto es la del estratega: el general que dirige sus soldados en el campo para vencer la batalla o, para los antimilitares, el entrenador de fútbol que lleva su equipo a la victoria. También tenemos un símil para los melómanos: el director de orquesta  que coordina con exactitud a todos los músicos para obtener la mejor interpretación.

Sea cual sea tu mejor imagen inspiradora ten a mano esta serie de herramientas que facilitarán tu trabajo:

  • Sistemas para compartir documentos online, como Google.docs
  • Base de datos con los datos de todos los integrantes del equipo
  • Lista de distribución en la que estarán incluidos todos los integrantes del equipo para no olvidarte a nadie cuando distribuyas los materiales o informaciones comunes.

Crea e innova

Tu página web debe aportar algo nuevo y sorprender. La creatividad y  el afán de innovación son fundamentales para dar a la página el plus que necesitará para destacar sobre las demás.

La habilidad de atrapar al vuelo las novedades y usarlas de forma original distingue a un buen director de páginas web.

 

Explota tu mente analítica

La capacidad para analizar los requerimientos del cliente y traducirlos en un proyecto web requiere una mente lógica y un buen conocimiento de las TIC (Tecnologías de la Información y la Comunicación).

La creación de páginas web requiere un conocimiento profundo de la diferentes tecnologías web, para poder usarlas y combinarlas:

  • Frameworks (Rails, Django, CakePHP, Symfony…)
  • Dreamweaver, Flash, Actioscript, Javascript, PHP…
  • Creación de widgets
  • Aplicaciones para móviles
  • Redes sociales
  • Gestores de contenidos (CMS): WordPress, Drupal, …
  • Plataformas para ecommerce (Magento, Prestashop…)

 

Visión de negocio

La creación de un página web profesional deberá responder a un objetivo empresarial: aumento de ventas o de usuarios de un servicio.

El diseño de una página web no puede obviar el marketing online y sus novedades, como el neuromarketing web.

Expertos en Google destacan la importancia de tener una estrategia de marketing web

 

Piensa en mañana

La duración de tu pagina web es indeterminada, como toda aventura, sin embargo deberás prevenir todas aquellas situaciones que puedan acontecer en el futuro: guarda datos en bases de datos, prerara la programación para actualizaciones y cambios de diseño, reserva una parte del presupuesto a incidencias inesperadas o ampliaciones…

 

Formación multidisciplinar

¿Qué fue de la división entre ciencias y letras? El “es que yo soy de ciencias” ya no vale.

Si tienes que dirigir la creación de un sitio web deberás tener conocimientos tanto de disciplinas científicas, como de disciplinas humanísticas, para poder encargar bien el trabajo a todos los miembros de tu equipo: programadores, redactores, diseñadores….

 

Comunicar a múltiples niveles

Tu papel principal es interpretar y comunicar.

Debes dominar la redacción escrita y saber verbalizar los elementos no textuales (titular y describir vídeos, fotos…) para enlazarlos con el texto. Aprende a producir y a exigir una redacción atractiva, unitaria, con sentido en varios planos a la vez.

Potencia tu empatía; será fundamental para transmitir tus mensajes a los colaboradores, a los usuarios, al cliente; y para motivar al equipo y a los usuarios.

Usa tu inteligencia emocional para salir airoso de la siempre difícil tarea de gestionar los egos de cada colaborador.

Desarrolla un pensamiento a varios niveles (piensa como el cliente, como el colaborador, como el ususario, como el programa, piensa en el posicionamiento, piensa en el sentido del contenido, piensa en la emoción que provoca…).

 

Las imágenes hablan

Los diseñadores gráficos se encargarán de producir un sitio atractivo, pero debes ser tú quien interprete si la gráfica responde al objetivo global del proyecto.

Tu sentido estético debe relacionarse con el pensamiento lógico para poder cribar las mejores imágenes y dar paso o no a las propuestas de diseño.

 

En un entorno potencialmente internacional

Aunque tu sitio web esté encaminado inicialmente al público local, puede ser visible a nivel internacional y puede recibir usuarios internacionales procedentes de redes sociales.

Para determinar como encaminar todo este flujo deberás dominar el inglés y conocer otro idioma extranjero, por lo menos para manejarte bien con un traductor automático.

 

 La ética es dinero

Tus principios éticos te ayudarán a crear un clima de confianza en el que el que todos los integrantes del equipo podrán desarrollar sus potencialidades. Reinará el respeto por el trabajo de los demás y un espíritu de cooperación.

Una buena base ética favorece también el respeto de los derehos de autor y las leyes de protección de datos, fundamental para evitar futuros pleitos, que te pueden costar mucho dinero e incluso suponer el cierre de tu sitio web.

En Einnova creamos páginas web pata negra.

 

Antoni Biada de Einnova respondiendo las preguntas sobre posicionamiento en buscadores del programa "Es nuestro momento"

Antoni Biada de Einnova respondiendo las preguntas sobre posicionamiento en buscadores del programa “Es nuestro momento”

Más fotos y video sobre las acciones de Einnova en la feria eShow Barcelona.

Aplicar Neuromarketing a tu web

neuromarketing

El neuromarketing es una nueva disciplina en que se une el marketing con la neurociencia. Se han publicado algunos estudios que analizan las respuestas sensomotoras, cognitivas y afectivas a los estímulos de marketing.

Mientras entrevistamos al doctor de psicología, José Luis Martínez Herrador, en el vídeo aparecen nueve ejemplos de mejoras de páginas web. En Einnova siempre mejoramos profesionalmente para ofrecer las nuevas técnicas innovadoras a nuestros clientes. Agrecedemos la colaboración de José Luis Martínez Herrador.

Por ejemplo, socialmente seguimos a los otros como rebaño ¿Sucede esto en la web? Si. Os recomendamos la presentación que realizó Antoni Biada, gerente de Einnova, en la feria de eShow titulada “¿Pierdes ventas? Tres Claves de Marketing Online“. En este enlace podrás ver el vídeo-seminario de 30 minutos y accederás a la presentación.

¿Es mejor tener muchas opciones o pocas opciones? Pues depende de si lo que queremos son visitas o conversiones.

¿Regalo algo antes de pedir nada? La reciprocidad funciona perfectamente bien, está demostrado que en un comercio electrónico es mejor dejar el registro para el final de una compra.

El cerebro primitivo juegan un papel clave en las decisiones a corto plazo. Con la comida, el sexo y las emociones se pueden conseguir resultados sorprendentes.



Nivel 1:  Cumple los requisitos
Nivel 2:  Consistencia en que se hace lo que realmente se dice que se hace
Nivel 3:  Atención personal y directa
Nivel 4:  Los clientes se sienten valorados por lo que son
Nivel 5: Los clientes se sienten bien con sus propios problemas

¿Queremos que lo que vendamos evoque algo agresivo o agradable? Esas sensaciones tienen implicaciones para lo que queremos promocionar y formaran parte del mismo producto o servicio, formará su imagen en los consumidores y clientes.

¿Qué clientes tenemos? Nuestros clientes vs los demás. ¿Son mejores tus clientes? ¿En qué son diferentes? ¿Tienen sensación de formar un grupo?

Una manera de explicar todo esto es contando historias. Una historia se recuerda mucho más si va acompañada de una foto relacionada.

Resumiendo, con este nuevo campo ampliamos nuestro servicio de mejora de páginas web para poder aprovechar todas estas innovaciones del neuromarketing en el marketing online de nuestros clientes.

También os recomendamos la entrevista que nos realizó David Batista del diario Expansión el 30 de mayo del 2012, hablando de NeuroMarketing.

Diseño web en Mac y en Internet Explorer 7, requisitos y validaciones

Ahora que Microsoft ha sacado una nueva versión de Internet Explorer, decimos adiós a la versión de Internet Explorer 7 y nos quedamos con un navegador con el que no podemos ver cómo quedan nuestra maquetación web.

Primeras consideraciones

Para comprobar cómo queda, con Windows podemos utilizar un programa llamado ietester para ver cómo queda en distintas versiones de Internet Explorer en distintos Windows (Vista y XP). Aún así nos queda un 8% del mercado que usa Mac o Linux. que no podrían ver cómo queda en su Sistema Operativo.

Validar la imagen

Utilizar servicios web que realizan pantallazos para ver cómo se visualiza:

Requisitos y las validaciones

Una cosa es cómo queda la imagen, pero otra es cómo esta hecho técnicamente. Con una auditoria web podemos analizar si cumple los requisitos técnicos y todas sus páginas són correctas técnicamente, tienen código correcto, cumplen las directrices de calidad de google, son accesibles, utilizan mejores prácticas de de usabilidad y diseño web entre otras características dependiendo de los requisitos del proyecto.

Diseño de páginas web

Barcelona Einnova Marketing.cat

En este post agrupamos los temas ya tratados en el blog.

Organización del desarrollo

Diseño imagen y tipografia

Usabilidad para la web

Gestión de contenidos

WORDPRESS en tu diseño web – Parte 1

WordPress es un sistema de gestión de contenidos (CMS) enfocado a la creación de blogs. Desarrollado en PHP y MySQL, bajo licencia GPL, tiene como fundador a Matt Mullenweg. WordPress fue creado a partir del desaparecido b2/cafelog y se ha convertido junto a Movable Type en el CMS más popular de la blogosfera. Las causas de su enorme crecimiento son, entre otras, su licencia, su facilidad de uso y sus características para la gestión de los contenidos. También una de las causas, es su enorme comunidad de desarrolladores y diseñadores, que se encargan de crear extensiones (plugins) y plantillas (themes) para la comunidad.

1 PARTE PRIVADA

1.1 ACCEDER

Una vez registrados en wordpress.com, podemos acceder al panel de administración de nuestro blog de distintas formas:
1. Entrando desde la portada http://midominio.com/ o en http://midominio.com/wp-login.php
2. Directamente desde la dirección del panel de control http://midominio.com/wp-admin
3. Adicionalmente si estamos registrados en wordpress.com, podemos disponer de un subdominio de nuetro nombre de usuario http://usuario.wordpress.com

1.2 GESTIÓN

1.2.1 Página inicial

Ya estámos dentro de nuestro panel de WordPress. En la barra del medio tendremos la posibilidad de escribir un nuevo “Post” o una nueva “Página”. Justo debajo nos muestra el estado de nuestra cuenta. Cuantas páginas tenemos y cuántos posts. También qué tema estámos usando tenemos la posibilidad de cambiarlo), los widgets que tenemos activados (también podemos gestionarlos haciendo click encima de “widgets”). Debajo nos muestra los últimos comentarios que tenemos en nuestra página.

1.2.2 Administrar

1.2.2.1 Entradas – Páginas – Enlaces

En éste apartado, gestionamos las entradas/páginas/enlaces de nuestro espacio. Podemos añadir, borrar o modificar entradas que hayamos hecho, páginas que tengamos, o enlaces que hayamos puesto en nuestra página.

1.2.2.2 Categorías

La categoría vendría a ser una clasificación en carpetas de nuestro ordenador. Nos da información superficial sobre qué nos vamos a encontrar dentro. Podemos poner una categoria de viajes, y dentro de la misma distintos posts que hablen de viajes.

1.2.2.3 Tags (Etiquetas)

Los Tags (etiquetas) son temas que dan una idea sobre lo que se ha hablado. Es algo mucho más específico que las
categorías. En el caso anterior, que teníamos una categoría de viajes, hemos puesto un post de un viaje a Londres. Dentro del post, podemos poner Tags como “viaje”, “londres”, “inglaterra”.

2 PARTE PÚBLICA

2.1 COMENTARIOS

Necessitas la web dónde quieres ir (http://usuario.wordpress.com o http://midominio.com/). Una vez dentro de la web en cuestión, nos vamos al post que queramos comentar, y hacemos click encima del título del mismo. En éste momento entramos “dentro” del post, y podemos dejar comentarios al respecto. En el comentario podemos hacer uso de algunos tags de html (poner links, negrita, subrrallado, etc.).

2.2 OTROS DATOS

En una página cualquiera del wordpress, si estamos como visitantes. Podremos ver distintos apartados según si el administrador de la misma los tiene activados o no.

2.2.1 Archivos / Categorías / Tags

Podemos ver los distintos posts colgados mediante archivos, categorías o tags. Los archivos históricos normalmente irán por meses. Con un paréntesis al lado nos indican cuántos posts se han realizado éste mes. Si hacemos click, nos saldrán sólo los que hayan estado hechos en el mes que hayamos clickado. Las categorías es otra forma de buscar posts antiguos. Si buscamos algún posts de una categoría en concreto, sólo tendremos que buscarla en categorías y clickar sobre ella. Si queremos algo más concreto, buscaremos mediante los tags. Alguna palabra que defina algo de lo que se habló.

2.2.2 Feed

En caso de no querer entrar cada día en la web para ver si se ha actualizado, lo que haremos será hacer una subscripción. De esta forma nos podemos colocar en el mismo explorador un “detector de posts”. Cuando éste detecte que se han introducido nuevos posts en la página en cuestión, éste dispositivo nos lo notificará y nos dará la opción de ir a la página a leerlo.