El caso es que el diseño para pantallas táctiles puede suponer un cambio de mentalidad y, como poco, el desarrollar hojas de estilo que se adapten a estos dispositivos. Por supuesto, primero, la propia página web tendrá que detectar qué dispositivo está utilizando el usuario.

Y esto no se acaba en el diseño web. Cada vez son más las empresas de servicios informáticos que ofrecen aplicaciones a las que se accede desde los navegadores y que, también, tendrán que ponerse las pilas.

Una vez mentalizados, veamos que tipo de características de diseño habrá que tener en cuenta.

• En principio los diseños tendrán que  simplificarse y con una interacción más clara, para una comprensión más intuitiva por parte del usuario. mayor contraste, aunque sin pasarnos.
• Botones y accesos más grandes, para que quepan nuestros dedazos. por supuesto los botones no pueden estar muy juntitos, porque entonces pulsaríamos dos a la vez.
• Los botones direccionales de hacia atrás o de cancelar o entrar. Es decir, los elementos de navegación e interacción deben quedar bien visibles, evitando las zonas esquinadas o poco accesibles.
• Colores claros y brillantes de pantalla, que eviten los reflejos y que se vean las marcas de dedos.
• En los menús deberíamos olvidarnos de las listas desplegables e ir a botones individuales que se activan al pulsar.  Quizás esto también influya en el contenido, con más subsecciones y submenús.
• La colocación de los menús y botones también puede estar limitada por la condición de diestro y/o zurdo del usuario. Lo mejor, igual, sería diseñar un panel flotante que el usuario pudiera colocar en su lugar de preferencia. Otra solución pasa por situar los botones más importantes en la zona centro del pié de la aplicación.

Entender la forma de interacción es el primer paso.

Además de las normas anteriores de diseño, que el tiempo tendrá que corroborar, están las nuevas costumbres de uso.

• En la mayoría de los dispositivos táctiles la pantalla se puede visionar en posición vertical y horizontal. Esto nos sugiere diseños fluidos, más que de ancho fijo.
• Todo se volverá un poco más grande.
• Las herramientas de arrastrar y soltar serán muy útiles en este tipo de webs. Imaginemos, por ejemplo, un carrito de compra en el que realmente vayamos introduciendo los productos que queremos adquirir.
• Debemos olvidarnos de las ideas de botón derecho/izquierdo. En la web táctil sólo existe un click.
• Habrá que pensar en nuevos comportamientos de los objetos, adaptados  a la posibilidad gestual de las pantallas (separar con los dedos, hacer círculos, tachar, etc…). Los desarrolladores de JavaScript ya se están frotando  los dedos.

Como siempre, tanto al diseñador como al usuario le toca reciclarse. ¿Significa esto que el ratón va a pasar a la historia?. Bueno, no creo que de forma inmediata, pero yo iría haciéndome con una provisión de líquido limpiapantallas, por si acaso.

Como siempre, para los que quieran una información más concienzuda les dejo este documento de Sapdesing (el departamento de diseño de SAP), para sus desarrolladores.

Las crisis, y esta es de las gordas, ralentizan los procesos de crecimiento de las empresas, bien por falta de actividad o bien por falta de financiación. Por otro lado este momento de ralentización puede ser bueno para plantearnos algunas preguntas. ¿Lo estábamos haciendo bien antes de la crisis?, ¿Lo podemos hacer mejor?. Es decir podemos repensar un poco la empresa y también el ámbito de su estrategia de comunicación.

Lo que propongo es chequear algunos elementos básicos:

• La propia estrategia de comunicación: como primer paso es importante plantearse, aunque sea de manera simple, un plan de comunicación anual, en el que figuren nuestros hitos (presentación de productos, logros de investigación, acuerdos con otras empresas, nombramientos, premios, presencia en ferias, etc.) y acciones comunicativas que se van a realizar (publicidad, eventos, contactos con prensa especializada, actuaciones on-line, newsletters, etc.).
• La identidad corporativa visual: plantearnos su adecuación y la necesidad o no de rediseñarla (logos, marcas, lemas, etc.) en su conjunto y/o darle la importancia que tiene a la hora de mantener cierta coherencia en la imagen y los valores que representa la organización.
• La comunicación impresa: los catálogos, hojas de producto, dípticos, etc., ¿respetan la imagen corporativa de la empresa? ¿Los contenidos están bien estructurados y responden a lo qué queremos comunicar?.
• La Web Corporativa: más de lo mismo. Tenemos que plantearnos sí se adecua a nuestra imagen corporativa, si los contenidos son claros y bien estructurados, si el usuario accede de forma fácil y rápida a los mismos. También su situación en los buscadores y directorios de interés (SEO+SEM).
• La reputación en Internet: unido con nuestra presencia corporativa es necesario saber qué se dice de nuestra empresa en la Red. ¿Estamos presentes en las redes sociales? ¿Creamos conversaciones y nos labramos cierta autoridad en nuestro sector, o estamos a merced de lo que se diga de nosotros?.
• Nuestra actitud ante la comunicación en sí mismo: tenemos que saber si somos una empresa con tendencia a la transparencia o al ocultismo. También plantearnos que tipo de comunicación queremos tener con nuestros interlocutores: ¿sólo hablaremos nosotros o estableceremos una verdadera conversación con trabajadores, clientes y proveedores?
• El diseño general de la empresa: alejarnos un poco y preguntarnos ¿Qué aspecto en conjunto tenemos?. Cuando un posible cliente se acerca a nosotros ¿qué percibe a través del diseño de nuestros productos, las instalaciones, el vestuario y seguridad de los trabajadores, el trato recibido y la información que le proporcionamos?. ¿Esta visión de conjunto es la que queremos dar?.

Son temas sobre los que se puede hablar mucho, tanto de puertas para adentro o buscando el asesoramiento de empresas de comunicación que nos ayuden a objetivar los temas y/o  a buscar soluciones de mejora. Nosotros aplicamos el conocido método PPLA (Piensa Primero Luego Actúa),  que creemos que es mejor que andar improvisando cada vez que hay una necesidad puntual.

Por poner un ejemplo: una empresa que fabrique tuercas podría editar un newsletter en el que hablara de las investigaciones sobre materiales, resistencias y aplicaciones de dichos materiales. Podría ser una publicación con edición independiente, pero financiada por la empresa. Si estas publicaciones fueran de interés para al cliente, incluso monografías, el cliente las conservaría y tendría en cuenta a la empresa productora a la hora de hacer sus pedidos. Esta empresa habría conseguido un vínculo con el posible cliente y una confianza del mismo, por el prestigio que esta información le aporta al proveedor.

Si ampliamos este planteamiento a una página web, podemos encontrar varias características positivas:

• Como hemos dicho la existencia de secciones de interés para el cliente, aportan prestigio al proveedor, respecto de la competencia.
• Las publicaciones exigen una actualización periódica, y esto también puede crear un vínculo periódico por parte del cliente hacia la empresa proveedora.
• La inclusión de secciones de contenidos y su actualización aumentan las posibilidades de visibilidad en los diferentes buscadores y además su sóla existencia suele proporcionar un mejor PageRank.
• Los propios contenidos pueden tener repercusión, por el uso de los mismos que hagan los lectores, en otros medios, tanto impresos como electrónicos, con lo que amplificamos su difusión con un mismo esfuerzo.

Se puede provocar una ampliación de la difusión de estos contenidos elaborados mediante diversas acciones:

• Elaboración de notas de prensa, a partir de estos contenidos elaborados, para su difusión en medios de comunicación del sector (los artículos técnicos y de opinión suelen ser muy bien recibidos en las redacciones, sí tienen la calidad suficiente. Las noticias sobre nuevas inversiones, acuerdos entre empresas y nombramientos se suelen publicar, dependiendo de la importancia de la empresa y de si esta inserta publicidad en el medio).
• Envío de Boletines o Newsletters, tanto impresos como electrónicos.
• Redifusión de los contenidos a través de redes sociales como Facebook, Linked-in, Xing, Twitter o similares.

Algunas secciones que podemos incluir en nuestras páginas web para conseguir estos efectos:

• Sección de Noticias. Pero no incluir sólo noticias aburridas de la propia empresa, sino reportajes de interés para el sector, entrevistas a clientes y proveedores,  novedades técnicas, etc.
• Sección de Eventos. No está de más recordar cuales son las citas obligadas en nuestro sector.
• Sección de Publicaciones. Hacer reseñas y recomendaciones de publicaciones puede atraer a muchos usuarios.
• Sección de Vigilancia Estratégica. ¿Que se comenta en las principales publicaciones de nuestro entorno?. Se pueden desarrollar pequeñas herramientas que rastreen y reúnan esa información en nuestra página web.
• Sección de Consejos. Una buena sección de consejos sobre cómo utilizar nuestros productos puede ser la mejor atracción.
• Sección de Preguntas Frecuentes (FAQ). Para evitar tener que explicar la misma cosa 100 veces. Muy útil y junto con la sección de consejos puede, además, ayudar a descongestionar nuestro departamento de atención al cliente.

Este tipo de marketing no suele conseguir resultados inmediatos, sino que trabaja la idea de la lluvia fina, en la promoción de la marca. De todas formas la difusión expandida es más barata que la publicidad tradicional, aunque difícilmente medible a la hora de las ventas.

Después de algunos años de desarrollar estas estrategias, en Vinaixa Comunicación y Diseño estamos trabajando, junto a profesionales del periodismo y la comunicación, en un servicio (todavía en fase de pruebas) al que hemos denominado Siem 2.0 (Sistemas de Información Empresarial), que creemos que puede ser una buena opción para que las pequeñas y medianas empresas (también asociaciones y colegios empresariales) puedan utilizar estos recursos, sin excesivas inversiones.

Si nos fijamos en todos estos servicios, podemos encontrar una característica común. En su diseño y funcionamiento no tienen ningún elemento superfluo. Parece como si un huracán hubiese entrado allí y se hubiera llevado todo lo que no está asentado fuertemente en sus cimientos. La palma se la lleva Google, por supuesto. La página web de la empresa más importante de Internet consiste en una ranura, donde uno introduce una palabra o una frase y un botón que pone buscar. Una función y un diseño especializado para hacerla eficaz.

Cuando creamos un sitio web, que queremos que sea reflejo de nuestra empresa, no debemos pensar en crear bosques de información, en los que los usuarios no encuentren aquello que han entrado a buscar. Hay que generar caminos, por los que el transeunte de la Red encuentre de manera agradable aquella información que precisa, al mismo tiempo que le transmitamos cierta información que deseamos que lleve con el una vez que abandone nuestra página web.

Tampoco necesitamos que los diseños hagan olvidar la información o incluso la empres que está detrás. Casi todos nos acordamos de campañas de publicidad como la del muñeco Elvis del coche o la de Bruce Lee, pero casi nadie recuerda el producto que anunciaban. De este último anuncio, podemos además sacar algunas enseñanzas filosóficas que nos hablan de la adaptabilidad que deben tener los mensajes al medio en que se realizan y al tiempo en el que suceden. Nuestros mensajes deben ser como el agua: adaptar las más variadas formas, ser transparentes en cuanto a la información y fluir con rapidez en cualquier medio. Be water my friend…

Algunos diseños de tipo sencillo, pero eficaces se pueden encontrar en MinimalSites.

CMS

De cara a este nuevo año es hora de plantear el cambio de las páginas estáticas a los gestores de contenidos. En un principio la inversión puede ser un poco mayor, pero a la larga esta inversión se amortiza, al no depender de colaboraciones externas, en la mayoría de los casos, para la actualización.

Desde el comienzo de la web, los propietarios de sitios web han querido poder actualizar y gestionar sus propios sitios Web, pero sin tener que aprender HTML u otros lenguajes de programación. Con los programas tipo WYSIWYG (lo que usted ve es lo que obtiene), se añade una gran cantidad de código fuente a las páginas Web, que contribuye a ralentizar el tiempo de carga, y además no se asegura el correcto visionado en todos los navegadores.

Hoy en día, se puede construir o reconstruir un sitio web en un Gestor de Contenido de código abierto y obtener casi un control completo sobre el mismo además de obtener un código fuente limpio, que funciona en todos los navegadores.

Parafraseando y traduciendo un artículo de Flyte, estas son las ventajas que nos ofrecen:

Control de su sitio web.

Con un CMS es posible hacer más cambios de forma sencilla: añadir, editar o eliminar una página, actualizar un calendario de eventos, añadir fotos o incrustar un vídeo, e incluso los menús de navegación. También se puede fácilmente llevar un boletín informativo por correo electrónico y crear una página Web de archivo. Se evita además la dependencia de un servicio de desarrollo externo (al menos para las pequeñas cosas).

Controlar sus costes.

Hay algunos plataformas CMS de código abierto excelentes, como por ejemplo WordPress, Drupal y Joomla. Eso significa que el software para crear el sitio es gratis, aunque probablemente exista la necesidad de contratar a un profesional para diseñar y desarrollar su sitio web, o convertir su diseño actual a un CMS.

Dado que es posible realizar actualizaciones de forma fácil, hay también un evidente ahorro. Muchas de las funciones que tardan más tiempo para desarrollarse en un sitio web tradicional, como un sitio de búsqueda, un formulario, una encuesta o un blog, son más fáciles de incorporara a un CMS, que normalmente cuenta con plug-ins aportados por terceros, y a bajo coste o coste cero. Hay que tener en cuenta que estas plataformas cuentan con miles de usuarios y una buena parte de ellos contribuyen con desarrollos propios a la evolución del programa.

Por último, debido a la forma de trabajo, en en un entorno CMS, los cambios en el diseño pueden ser realizados en una fracción del tiempo de un sitio tradicional, lo que significa menores inversiones a la hora de la renovación.

Mejora del posicionamiento web.

Las plataformas CMS utilizan tecnología estándar con base CSS y XHTML, que genera un código limpio, de menor tiempo de carga y que facilita el trabajo de los buscadores.

Los buscadores clasifican páginas, no sitios en su conjunto y estas plataformas CMS permiten un control exhaustivo sobre sus títulos, meta-descripciones de las mismas, e incluso incorporan herramientas SEO (posicionamiento en buscadores), que nos ayudan a mejorar la posición en los rankings. Podemos además generar páginas con aquellos temas por los que deseamos ser localizados.

Seguridad y Control.

La mayoría de las plataformas CMS permiten establecer controles de acceso y la protección de determinados contenidos mediante passwords.

Un medio de comunicación social.

Algunos CMS se estructuran en forma, o alrededor de un blog, que, en el caso de una empresa, puede convertirse en un servicio de noticias, para sus usuarios, y como fuente para otros medios de comunicación. Proporciona además un lugar específico para que la gente aumente sus visitas,  es interactivo y permite la retroalimentación (feed-back) y la conversación. mediante la tecnología  RSS y  otras herramientas esta información puede ser transportada y reflejada en otras páginas web y blogs, creando cierto efecto viral en su nombre.

Conclusión:

Hay pocos sitios web que no se beneficiarían de ser construidos o reconstruidos en una plataforma CMS, por eso es momento de pensar en tomar el control de la página web, para hacer de ella una herramienta fundamental de la estratégia de marketing y comunicación de la empresa.

Entre las más curiosas y nuevas está Wiriki , que, además de darnos información sobre nuestra situación de popularidad en la Red, nos indica mediante un algoritmo el valor mínimo de mercado de nuestra web y el valor mínimo del coste de un enlace. Además el sitio está en castellano. La mayor utilidad reside en comparar nuestra web con las de la competencia y ver qué tal lo estamos haciendo.

Hay otras herramientas más antiguas y establecidas como Alexa-Ranking, pero si tu página no es de difusión masiva, lo más fácil es que ni siquiera figures en sus estadísticas. La mayoría de los rankings de páginas se basan en los enlaces externos a una web desde otra página web. Eso quiere decir que cuantos más enlaces desde otras páginas existan, obtendremos un mejor posicionamiento. Esto requiere un trabajo lento y arduo de darse de alta en directorios, intercambiar enlaces con otras páginas amigas, participar con comentarios en blogs citando nuestra página y sobretodo ofrecer una información de interés que obligue a otros a comentar nuestra página o tener enlaces directos desde las suyas. Hay multitud de herramientas que pueden ayudarnos en esta tarea. En un artículo de Smashing Magazine se citan la mayoría de ellas, para el que sienta interés.

Aparte de los enlaces hay algunas normas que se pueden aplicar para informar mejor a los buscadores cómo encontrar mejor tu página por las palabras claves que te interesen:

1. Haz que esas palabras clave sean parte de un enlace dentro de tu página web.
2. Haz que esas palabras clave aparezcan en la cabecera.
3. Haz que esas palabras sean parte del título del documento.
4. Haz que esas palabras sean parte de la descripción-meta del documento.
5. Haz que esas palabras sean parte de las keywords-meta del documento.
6. Haz que esas palabras aparezcan en negrita dentro del texto del documento.

Por supuesto que no existen varitas mágicas y quienes dicen tenerlas cobran una pasta por hacer usos de ellas en nuestro beneficio (los llamados SEO expertos). De todas formas no nos desesperemos si nuestra página no es excesivamente popular. Si somos una pequeña o mediana empresa, lo que nos interesa es que nuestros posibles clientes nos conozcan y estén al tanto de nuestros nuevos productos y ofertas puntuales y para ello no hay nada como la acción directa o un buen newsblog.

Pasamos a describir algunos de ellos:

Systran : traduce del inglés a 14 idiomas, incluido el Árabe, el Chino, el Japonés, el Sueco y el Coreano. De Castellano sólo traduce a Inglés y Francés. Puede traducir textos y páginas web. El servicio de traducción de páginas web es de pago y lo ofrecen a las compañías propietarias de la página.

Freetranslation : traduce textos y ofrece servicios de traducción tradicionales. Traduce de Inglés a 11 idiomas y de Castellano sólo a Inglés. Ofrece traducciones web de pago para sus propietarios y gratuitas para los usuarios (aunque incluyen publicidad).

Yahoo Babel Fish : El traductor automático asociado a este navegador. Ofrece 12 idiomas desde Inglés y sólo Inglés y Francés desde Castellano. Traduce tanto textos como páginas web y es gratuito. En la página de la traducción nos indica que está proporcionada por Systran.

Reverso: Traduce del Castellano al Francés, Inglés, al Italiano y viceversa. También ofrece servicios de pago. Traduce gratuitamente sólo textos cortos.

Google: Igual que Yahoo, este buscador ofrece un traductor bastante eficaz de páginas web. Es además el que más idiomas traduce de y a Castellano. Es gratuito.

Los citados son los principales, aunque si queremos más, podemos probar los que nos presentan en esta página del Instituto Cervantes

De todas formas, hay que tener en cuenta que la mayoría de estos traductores tienen problemas en reproducir los diseños originales de las páginas web a las que intentamos acceder y que no tienen efectividad sobre aquellas diseñadas en Flash.

Desde el punto de vista del diseño, hay pequeños widgets, que permiten incorporar alguno de estos traductores a la propia página y así ofrecer este tipo de traducción de forma gratuita al visitante. Teniendo en cuenta el sobrecoste que la elaboración de una web multilingüe conlleva, es una alternativa válida, para aquellas organizaciones que desean ofrecer este servicio y no dispongan de un gran presupuesto.

Es de suponer que estos traductores irán mejorando con el tiempo y se convertirán en la opción estándar para este tipo de sedes web.

En nuestro caso hemos probado un traductor automático en nuestra página web, con resultados dispares, ya que realiza el trabajo de forma correcta si se accede a la página con el navegador Firefox, pero no así si se accede con el Explorer.

Al fin y al cabo los que nos dedicamos al diseño y desarrollo web no hacemos otra cosa que trabajo artesanal, la única diferencia es que en vez de utilizar herramientas físicas usamos ordenadores para ello.

Esta idea tampoco es nueva, hace años que tengo conocimiento de una empresa dedicada a estos menesteres cuyo nombre incluye la palabra Artesanos. También la web del consultor Jon Iturbe se denomina Artesaniaenred .

Así que voy a intentar inscribirme, quizás me dejen figurar como webero, me den subvenciones cuando lo necesite y pueda tener un puesto en la próxima Feria de Artesanía.