• Diseño y programación de la página web.

Visitar website: http://www.solrigol.com/

• Diseño y programación de la página web con el CMS WordPress.

Visitar website: http://www.fundaciodanielbravo.org/

• Diseño del logotipo.

Estos días podemos encontrar en varias páginas web y blogs especializados (designrfix.com, hongkiat.com …) artículos sobre cómo serán los diseños web este 2013. Intentaremos explicar cuáles son los aspectos o elementos que destacarán y se consolidarán este año.

1. Diseño web adaptable o web responsive

Diseño web preparado para que los usuarios, desde cualquier dispositivo, puedan acceder y visualizar con la misma calidad una página web.

2. Uso de tipografías que mejoren la apariencia de la página

Escoger las fuentes que mejor se adapten a la imagen de la página web. Debemos dejar de utilizar imágenes que sustituyen a títulos, y utilizar herramientas como Google Web Fonts o Cufón. Tampoco hay que tener miedo a utilizar tamaños de letra relativamente grandes (16px/18px) para el contenido de la página web.

3. Desplazamiento vertical

Diseño web con largos scrolls verticales y dejar de lado posibles scrolls horizontales. Aumentará el uso de menús de navegación o botones fijos en la parte superior o lateral de la página web.

También crecerá el uso del efecto Parallax, es decir, efectos y movimientos que se aplican sobre elementos de la página web al hacer uso del scroll.

4. Botones grandes

Uso de botones grandes, que llamen la atención, para facilitar el click desde un smartphone. No es sólo un aspecto visual, sino una característica funcional.

5. Fondo ocupando la página completa

El fondo de la página web tenderá a ocupar la pantalla completa, ya sea con un elemento repetitivo o con fotografías o imágenes grandes de buena calidad que se adapten al tamaño de la ventana del navegador.

6. Integración de los botones sociales

Integración de los botones sociales para que los usuarios puedan compartir de manera sencilla y rápida nuestras páginas web a las redes sociales, como Facebook, Twitter o Pinterest.

7. Transparencias CSS

Uso de transparencias a aquellas capas que creemos conveniente, utilizando la opacidad que nos proporciona el CSS3.

8. Adiós a la programación en Flash

La tecnología Flash ya no forma parte de ninguna lista de tendencias de diseño web de los últimos años y, ahora más que nunca, con la implantación del HTML5 y CSS3. Con HTML5 y CSS3 podemos crear páginas web con algunos efectos y movimientos, visibles desde cualquier dispositivo u ordenador, sin largos períodos de espera por parte de los usuarios.

No sólo encontraremos estos 8 aspectos que hemos comentado, también hay otros que ya en los últimos años se han implantado y seguirán siendo importantes: slideshows con fotografías, uso de elementos redondeados, mostrar imágenes o contenido utilizando Lightbox o similares, vídeos incrustados en la página web …

Vistos todos estos puntos, no es difícil concluir que todos estos aspectos ayudan a mejorar la usabilidad de la página web. De este modo, el objetivo debe ser mejorar la facilidad de uso de cualquier página web que realizamos. Los diseñadores de páginas web debemos pensar siempre en el usuario final a la hora de escoger los diferentes elementos del diseño. Como hemos visto, en la mayoría de los casos, usabilidad y aspecto estético van ligados: de ningún modo son incompatibles.

• Diseño y programación del minisite.

Visitar website: http://www.baboom.cat/

• Diseño y programación de la página web.

Visitar website: http://www.tacbcn.com/

Los contenidos (textos, imágenes, vídeos) de una página web son importantísimos para tener una página web de calidad en la red, donde el usuario encuentre exactamente lo que busca. También son básicos para lograr un buen posicionamiento natural en los buscadores de Internet como Google, Bing y Yahoo!, pero nunca hay que focalizarse sólo en este aspecto, siempre debemos pensar en el usuario de nuestra página web.

Debemos centrarnos en explicar quiénes somos o qué ofrecemos en nuestra empresa, pero siempre acompañado de qué podemos hacer por los usuarios o en qué podemos ayudarles. Es decir, destacar los beneficios que obtendrá el cliente si contrata nuestros servicios o adquiere nuestros productos. Nunca debemos explicar aspectos internos de nuestra empresa que sólo pueden interesar a trabajadores o directivos de la empresa, ya que no es el objetivo de una página web y puede desviar la atención del usuario.

Nunca debemos dar por hecho que el usuario conoce nuestra empresa la primera vez que accede a la página web. De este modo, de una manera rápida y vistosa, el usuario debe ser capaz de entender rápidamente lo que ofrecemos y en lo que destacamos, así como los beneficios que puede obtener contratando los servicios de nuestra empresa.

Redacción de los textos

A la hora de redactar los textos de la página web, debemos tener en cuenta que pocos usuarios leen todo el texto, simplemente hacen un escaneo o una vista rápida. Así, para facilitar la lectura al usuario tenemos varias opciones:

• Incluir listados para resumir los puntos importantes
• Preparar esquemas o textos acompañados de gráficos
• Destacar los textos más importantes con títulos y negritas
• Evitar párrafos largos que no inviten a la lectura

Los textos deben ser claros y concisos, utilizando un lenguaje al alcance de cualquier usuario de nuestra página web. Se deben destacar las ideas principales en las primeras frases o títulos del texto, nunca dejarlas para el final ya que quizás el usuario no lo llegará a leer.

Otros aspectos a tener en cuenta

Debemos pensar en introducir palabras clave en los textos, ya que los textos también deben convencer a los motores de búsqueda. Sin embargo, nunca debemos centrarnos en este aspecto, es más útil explicar alguna idea o concepto para que la entienda el usuario, que no para que la entienda un motor de búsqueda. Al fin y al cabo, si un usuario lo ha entendido, el motor de búsqueda también lo entenderá.

Es recomendable también utilizar enlaces internos. Los enlaces internos son palabras o fragmentos de texto hacen de enlace a otros apartados de la propia página web. En este caso, es importante que estos enlaces se resalten de alguna manera respecto al texto, ya sea con subrayado o con un color diferente.

Si es posible, debemos pensar también en actualizar los textos o añadir un blog o apartado de noticias o novedades en nuestra página web. Además, también es un tema importante para el posicionamiento orgánico en buscadores, ya que estos valoran positivamente actualizaciones o renovaciones de textos y/o artículos.

Para acabar con el tema de los contenidos, tenemos que pensar en la importancia de las traducciones a otros idiomas. De este modo, si no dominamos un idioma, es recomendable encargar la traducción a alguna empresa externa especializada.

Factores externos a los contenidos

Hay muchos otros factores que debemos tener en cuenta y cuidar especialmente como:

• Nombre del dominio
• Título y descripción de la página que aparecen en los resultados de búsqueda de Google
• Visualización rápida de los datos de contacto de la empresa
• Acceso a otras páginas de la empresa, como pueden ser las de Facebook o Twitter

No podemos dejar de lado la gran importancia que tiene el diseño y la usabilidad de la página web, así como una buena programación para tener una página web que se visualice correctamente en todos los navegadores con un tiempo de descarga óptimo. No podemos tener una página web visualmente espectacular si el usuario debe esperar 20 segundos para poder verla.

• Diseño y programación de la página web.
• Programación de la tienda online.
• Programación del gestor de contenidos.

Visitar website: http://www.tuclubavon.com/

Un código QR es un sistema que se utiliza para almacenar información, como puede ser por ejemplo un código de barras, pero donde cabe mucha más información. La inclusión del software necesario para leer códigos QR en dispositivos móviles, ha permitido que estos códigos se utilicen orientados al consumidor. De este modo, el código QR se usa y mucho en publicidad impresa o tarjetas de presentación, ya que con el dispositivo móvil el usuario puede hacer la captura del código y traducirlo a la información en sí.

La información almacenada puede ser de distintos tipos:

• Texto o información detallada
• URL (una dirección web)
• vCard, tarjeta de presentación en formato digital: nombre, apellidos, e-mail, teléfono, página web…

Es importante que el código QR incluya información que aporte un valor añadido a los simples datos de contacto o una página web. Es útil si enlazamos el código QR a un producto, servicio o evento concreto, más que a una empresa o entidad.

El código QR se puede aplicar de distintas maneras. Algunos ejemplos son:

• Publicidad: flyers, carteles, anuncios o cualquier tipo de publicidad impresa. El usuario puede acceder a la página web del producto o servicio anunciado realizando una captura del código QR. También se puede usar creando alguna oferta en concreto para estos usuarios.
• Tarjetas de presentación: tarjetas de la persona o empresa. La persona que recibe la tarjeta se puede guardar el contacto de la otra persona en su dispositivo móvil simplemente capturando el código QR.
• Turismo y cultura: proporcionar información adicional de sitios de interés, museos, obras de arte… El usuario puede acceder a información adicional relativa al edificio o escultura que está visitando, o de la obra de arte que está viendo en un museo.

Utilizar códigos QR en publicidad da imagen de modernidad a pesar de que no se use muy frecuentemente. En España, el uso de códigos QR es más alto que en otros países europeos como Francia, Italia o el Reino Unido, con un crecimiento anual del 9%. Así, el uso de códigos QR está aumentando y cada vez son más las aplicaciones que podemos descargarnos en nuestros dispositivos móviles para convertir estos códigos en información relevante.

De cara las empresas o entidades que quieren utilizar códigos QR en sus campañas publicitarias, estos códigos se pueden personalizar (color, estilo, añadir logotipo) usando distintas herramientas.

Ejemplo de código QR personalizado que hace de enlace a una página de promoción de NBSP:

• Diseño y programación de la página web.
• Programación del gestor de contenidos.

Visitar website: http://www.fundacioxamfra.cat/