Claves de éxito de una web corporativa fernando.polo@ Enero 2009
Índice Algunos datos Radiografía del éxito de una web Conceptos de diseño web: diseño gráfico, arquitectura de información y usabilidad, contenidos, maquetación y accesibilidad. Recomendaciones básicas Difundiendo la buena nueva: marketing online, posicionamiento y publicidad en buscadores, email marketing, social media. intro 10 claves conceptos diseño web web efectiva marketing online arquitectura diseño gráfico dominio / URL contenidos accesibilidad SEO elementos básicos promoción web SEO SEM email mkt medios sociales
0.- Situación Actual
Millones de Internautas en España 22 mill. 22 millones de personas han entrado en el último mes en Internet. (Fuente: Red.es)
Uso de los buscadores en Internet 93% 72,8% Los buscadores son la herramienta más utilizada en internet (93%). Muy por delante del resto de servicios. El 72,8% de los internautas encuentra información de compra o contratación en los buscadores. (1) Fuente: EGM. Olas (2) Fuente: Estudio sobre Comercio Electrónico B2C 2007 (Red.es / AECE-FECEMD, julio 2005)
Uso de la web corporativa en España 10% 46% Porcentaje de empresas españolas con menos de diez empleados que disponen de web corporativa. Porcentaje de empresas españolas con más de diez empleados que disponen de web corporativa. Fuente: INE, enero 2008
I.- 10 claves para el éxito de una web corporativa
1.- Préstale la importancia que merece La primera clave es el cariño. Una web es un proyecto que empieza, pero no acaba. Dinero y esfuerzo. Más de lo que parece inicialmente. PÁGINA WEB La imagen de la empresa en juego.
2.- Fijemos los objetivos de la página Información corporativa. Información sectorial. Venta online? Catálogo online amplio o monoproducto?
3.- La casa en orden: la estructura web Definición de layouts / wireframes. IMAGEN Sitemap / mapa de la web Tipo de navegación Niveles de navegación
4.- Si queremos que la usen, hagámosla usable El Diseño no es sólo estético. Establecer criterios de navegación. IMAGEN Especialmente importante si queremos vender online.
5.- Hacer una web fea cuesta casi igual que una bonita La estética tiene una utilidad funcional. IMAGEN La imagen de nuestra empresa Las tendencias existen, como en la moda, y las webs se quedan obsoletas. Ojo con el flash y las webs sobrecargadas
6.- Buen contenido y bien actualizado El contenido es el rey. Actualización periódica de los contenidos. Estilo directo y conciso. Uso de contenidos multimedia IMAGEN
7.- Posiciónate en buscadores Haciendo una web accesible. Generando buen contenido. IMAGEN Relacionándote en el mundo virtual y físico. Consiguiendo enlaces entrantes.
8.- Publicita tu web a los cuatro vientos Alta en buscadores, directorios locales y sectoriales. IMAGEN Contrata campañas de publicidad CPM. Campañas publicidad en buscadores (SEM) Web 2.0 y medios sociales
9.- Medir, medir y volver a medir Cuántas visitas, cuántos visitantes únicos, cuántas páginas vistas. IMAGEN Contenido más visto y tasa de rebote. Enlaces entrantes. Keywords en buscadores. Éxito de campañas publicitarias.
10.- Identidad digital: tu imagen en la red. Se mezcla la publicidad, la comunicación y la imagen de marca. IMAGEN Quién eres, quién trabaja en tu empresa Imagen profesional
II.- Conceptos de diseño web
Arquitectura y usabilidad web
Arquitectura y usabilidad web Estructura acorde con los objetivos de la web. La home se estructura para lograr los objetivos de comunicación: informativos, comerciales, atención al cliente, producto, etc. URLs claras y únicas. Cada página, una URL descriptiva, única y permanente. Información de contacto clara. Destacada y bien ubicada, fácil de encontrar desde cualquier punto de la web. Rótulos significativos y estándar. Las palabras elegidas como menú de navegación deben ser simples y descriptivas. Navegación completa y descriptiva. Donde estás, dónde has estado, dónde puedes ir. Un sistema de navegación consistente. Máximo 4 niveles de navegación.
Arquitectura y usabilidad web (II) Máximo 7 items de navegación. Breadcrums o migas de pan. Muestra el camino hacia atrás. Enlace a la home en el logo. Recurso sencillo para facilitar la vuelta a la página de inicio. Enlace a la página de inicio desde todas las páginas. Enlaces claros y bien identificados en todo el site. Con estilo propio y bien visibles. Aprovechar la jerarquía visual para estructurar información. Estableciendo niveles de importancia del contenido y poniéndolos en los sitios más visibles.
Arquitectura y usabilidad web (III) Evitar sobrecarga informativa. No más de 7 ± 2 elementos por página. Ayuda contextual y mensajes de error. Para tareas complejas, ayudas con globos de texto, información sobre tamaño y formato de un documento, etc., evitando secciones independientes de ayuda. Información de estado. En tareas complejas (como una compra), informar de dónde se está y lo que falta para terminar. Evitar flash innecesario. No usar intros en flash, no construir páginas completamente flash. Usar elementos flash para introducir toques de dinamismo en la web (cabecera, banners, etc).
Diseño gráfico para la web
La estética juega un valor importante en la utilidad de un site. Está demostrado que un diseño estético resulta más fácil de usar y fomenta actitudes positivas
Diseño gráfico en la web Look & feel adaptado a los objetivos y al sector. Los colores y la imagen del site debe mantener una mínima correspondencia con la actividad de la empresa. La cabecera marca la pauta. En términos de estilo, tono, calidad, actividad de la empresa. Puede llegar a definir el tono cromático del resto de la web. El logotipo de la empresa debe integrarse. En ocasiones se puede modificar ligeramente en color o forma el logotipo para evitar disonancias visuales. Evitemos ruido visual. Lograr un balance en peso gráfico y en estructura: estética, contenidos y usabilidad. Ojo con las imágenes de fondo (sólo en partes externas). Animaciones mínimas.
Diseño gráfico en la web (II) Jugando con los espacios en blanco. Pueden existir, pero en Internet tienen un coste mayor. Ayudan en el equilibrio visual. La jerarquía visual. El peso gráfico de los elementos debe establecer una jerarquía según la estructura web. La cabecera, logo y claim ganan peso, pero podría hacerlo también una imagen de producto. Uso tipográfico adecuado. El tamaño, tipo, resaltados, ancho de línea, alineaciones, etc de los textos son clave para la legibilidad y la organización de la información. Hacer uso de negritas, cursivas, titulares para facilitar la lectura. Contraste entre fuente y fondo. Buscar un efecto positivado, de letra oscura sobre fondo claro.
Diseño gráfico en la web (III) Evitar el sonido ambiental. Salvo que la actividad lo requiera, el sonido o música en no aporta nada. A veces, puede estar incorporado en un flash. En todo caso, se debe poder apagar el sonido. Uso o abuso de ornamentos o recursos gráficos. Pueden aportar equilibrio, belleza, pero deben usarse adecuadamente. Pueden estar bajos de tono, no son protagonistas. Proporciones de los elementos de la web. En función de la actividad, el objetivo de la web, el tamaño de la cabecera, por ejemplo, puede variar. La paleta cromática. Definir paletas cromáticas corporativas y mantener los tonos en toda la web, incluyendo imágenes, ilustraciones o fotos en la medida de lo posible.
Dominio / URL de la web
Cómo elegir un buen dominio? Representativo de nuestra empresa. Debe introducir el nombre, o una de las palabras del nombre o marca. También debería ser descriptivo de nuestra actividad. Ejemplo: ceramicaslopez.com Fácil de recordar. Mejor corto que largo, aunque algunos giros o expresiones pueden ser llamativos y mnemotécnicos. Evitar números y guiones. Para poder decir y deletrear fácilmente el dominio.