Archivo etiqueta diseño

Cómo mejorar la cara online de tu empresa a través de un buen diseño web

Es innegable que Internet se ha convertido en una herramienta indispensable para dar a conocer cualquier producto o marca y eso hace necesario que la atención al diseño de todo sitio web sea primordial.

Hablemos de datos. En la Unión Europea en 2014, el 76% de la población había hecho uso de esta tecnología en el último trimestre. Concretamente en España, las cifras siguen aumentando alcanzando un 78%. No cabe duda de que si más de tres cuartas partes de la población busca información por esta vía, la presencia de ese producto o marca debe ser impecable y  su web es la mejor herramienta de información controlada que se puede ofrecer al cliente. Por consiguiente, se debe concentrar gran parte de los esfuerzos en diseñar una página web lo más óptima posible para todo aquel usuario que la visite.

Aunque a priori, gracias a las múltiples plataformas de creación de portales web (Joomla, Wix o WordPress entre muchas otras), puede  parecer que crear un sitio web es bastante fácil, no todo es tan sencillo. Se necesita tener muy claro unos puntos clave para que el diseño sea el adecuado y se capte la atención tanto de los buscadores como de los usuarios.

 

Claves básicas de un buen diseño web

Estructurado: El caos no es muy amigo de aquel que esté interesado en una web. Una estructura siguiendo unos criterios de desglose y organización por temas de la información conseguirá facilitar que cualquier persona que entre en tu web encuentre lo que buscaba sin complicaciones.

Limpio: Dar más información de la necesaria no es positivo. El usuario necesita tener claro que va a encontrar en esa web con solo un golpe de vista.

Optimizado para Seo: Un diseño web bueno es una de las mejores estrategias de marketing online. Realizar Seo on Page ayuda a mejorar la posición de tu sitio en los buscadores de forma natural.

Contenido de calidad: El contenido no debe ser utilizado tan solo para emisiones de mensajes publicitarios, la web debe generar un valor añadido al usuario. Sin desviarse del objetivo principal, se debe envolver el contenido con una capa de interés para el público al que se quiera dirigir.

Dinámica: Se acabó la era de las “webs estáticas”  y el texto plano. El usuario quiere encontrarse un contenido actualizado, que le llame la atención y le incite a permanecer el sitio.

Diseño responsivo: La proliferación de los teléfonos inteligentes y demás dispositivos tecnológicos sumado a la tendencia creciente de la penetración del Internet, prácticamente “obligan” a la adaptabilidad de todo sitio web. En este contexto surge el diseño responsivo para que toda web se visualice correctamente en cualquier dispositivo. Ya se cuenta con muchas empresas que ofrecen dicho servicio. Para más información pulse aquí.

 

La usabilidad, el eje central del diseño

Cada una de las claves anteriores estaría englobada dentro de los criterios de usabilidad y se realizan con un vital objetivo, mejorar la experiencia del usuario que navega por el sitio.

Pero esto no es todo. Un buen diseño web se debe mantener en el tiempo y para ello necesita de actualizaciones y un seguimiento porque la realidad puede ser muy distinta a lo que en un principio se plantea. Es por ello que se debe hacer con cierta frecuencia,  un análisis y medición de los datos que nuestro sitio nos devuelve. En el caso de que hubiese errores  se podrían corregir y se conseguiría un mayor control. Herramientas como Google Analytics son de gran ayuda en dicho cometido.

Si la web cumple todos estos puntos, tendrá el diseño necesario para competir en el mercado online. No se puede olvidar que un buen diseño vende indirectamente.

puntos-claves-de-un-buen-diseño-web

 

,

No hay Comentarios

All The Free Stock: directorio de imágenes de calidad gratuitas y aptas para uso comercial

¿Buscas una imagen de calidad para una página web, un blog o una presentación? Te recomendamos realmente que descubras All The Free Stock.

Hace poco tiempo dimos con este directorio de imágenes que recoge una serie de páginas web que permiten descargar sus imágenes de manera gratuita, y para sea cual sea el fin que tengas con ellas (son recursos con licencia Creative Commons Zero). Nada más verlo, nos sorprendimos por todo lo que ofrecía y con ese nivel de recursos…

 

Allthefreestock diseño web solbyte2

 

No hace falta acceder a cada web del directorio para ver las imágenes, sino que la propia página web te la muestra para que navegues por cada una de ellas sin salir de All The Free Stock (como puedes ver en las imágenes). Una vez elegida la imagen que deseas también puedes descargártela desde la propia página.

Y no solo ofrece imágenes de calidad, sino también vídeos, efectos de sonido, paletas de colores, iconos y mockups (para hacer montajes de proyectos digitales).

 

Allthefreestock diseño web solbyte5

Allthefreestock diseño web solbyte3

 

En la mayoría de las páginas web puedes suscribirte para que automáticamente te envíen las nuevas imágenes ya que suben nuevas periódicamente. Esta opción es verdaderamente útil si en tu trabajo necesitas este tipo de recursos, y no sabes cuándo vas a necesitar una imagen de gran resolución sobre una temática en concreto.

Como decimos, es una página muy útil y te aconsejamos realmente que le eches un ojo (no te arrepentirás), bien para que la uses en tu día a día, si por ejemplo te dedicas al diseño web o eres diseñador gráfico, bien para que tengas conocimiento de que existe por si en algún momento necesitas una imagen de calidad.

No hay Comentarios

6 argumentos de por qué las webs desarrolladas con tecnología Flash ya no son recomendables

htmlvsflash

 

Últimamente se viene hablando mucho de la tecnología Flash por las continuas vulnerabilidades en seguridad que presenta, además de porque grandes firmas tecnológicas (Google, Facebook, Apple) han mostrado su rechazo y apuestan por la migración a HTML.

Pero este no es el motivo de este post. Lejos de esto, queremos analizar por qué en el ámbito del diseño de páginas web la tecnología flash ya no es recomendable, en favor del desarrollo con lenguaje HTML.

Es cierto que con esta tecnología pueden crearse sitios web muy atractivos visualmente, con animaciones, juegos, vídeos, etc., sin embargo, estas animaciones ya son posibles a través de otras herramientas. Por el contrario, recogemos 6 argumentos en contra:

 

1. NECESITA ACTUALIZACIONES CONSTANTES: No te será raro ver avisos que te anuncian sobre la necesidad de que instales un plugin para que puedas seguir navegando por el sitio web. Y esta descarga tiene que hacerse continuamente.

2. FLASH NO ES USABILIDAD WEB: La usabilidad web se traduce a la experiencia que tiene un usuario cuando navega por una página web. Cuanto mejor sea esta experiencia y su satisfacción, mayor será la usabilidad web. Y esta se basa en una serie de principios como que el site se cargue de manera rápida, sin hacer esperar al usuario; que la navegación por la página sea sencilla y muestre los contenidos de forma simple y ordenada; que la web y sus contenidos sean actualizados; que sea accesible y compatible con los diferentes navegadores y resoluciones (diseño web responsivo), entre otros. Todo esto, como verás a continuación, en las páginas desarrolladas con Flash no se cumple.

3. NO CASA CON LOS DISPOSITIVOS MÓVILES: Ni los dispositivos Android ni los dispositivos iOS cuentan con soporte para tecnología Flash. Además, tenemos que recordar la tendencia hacia el diseño web responsivo y hacia la movilidad.

4. DIFÍCIL MANTENIMIENTO Y ACTUALIZACIÓN DE SU CONTENIDO: El contenido rey de las páginas hechas con Flash son las imágenes, las animaciones, los vídeos, en detrimento de los textos. Apenas muestran contenido en texto. Esto, sumado a que normalmente la administración de la web es complicada, la actualización del contenido se hace casi imposible.

5. NULO POSICIONAMIENTO SEO: Al no contener apenas textos, su posicionamiento viene a ser nulo. Los buscadores, hablemos de Google, “lee” el contenido de la web y la posiciona en el ranking en función de las palabras clave. Sin embargo, si una web no contiene texto, este proceso no puede darse.

6. TIEMPO DE CARGA LENTO: Al estar diseñado fundamentalmente con tantas animaciones, el tiempo de carga es lento, lo cual repercute en la usabilidad de la web (el usuario puede aburrirse de esperar).

 

Los aspectos anteriores argumentan por qué el diseño de páginas web mediante tecnología Flash no es recomendable. Las grandes compañías tecnológicas ya han comenzado la migración, y no desde hace poco, lo cual deja entrever que tarde o temprano las páginas webs deberían dejar atrás esta  tecnología, perteneciente a la empresa Adobe.

No hay Comentarios

En vigor la nueva Ley de los Derechos de los Consumidores a la que hay que adaptar el comercio electrónico

diseño web, comercio electrónico

El viernes pasado, día 13 de junio, entró en vigor la nueva Ley Nacional sobre los Derechos de los Consumidores. Su objetivo es establecer un marco legal homogéneo en los países europeos que facilite los procesos de internacionalización.

Esta normativa, entre otros fines, viene a adaptar el comercio electrónico  a los términos europeos. Los principales cambios son los siguientes:

– Mayor información para el consumidor: el empresario tiene que dar toda la información posible al usuario de manera clara y comprensible, tal como precios, condiciones del servicio, gastos, etc. antes de realizarse el contrato.

– Mayor plazo para efectuar una devolución o una cancelación: el nuevo plazo es de 14 días naturales; antes era de 7.

– No podrá hacerse un cargo adicional al consumidor si antes él no ha dado su consentimiento. Si esto ocurre, el usuario tiene derecho a que la empresa le reembolse la cantidad añadida.

 – Al realizar el pago, el consumidor debe ser consciente de ello, por lo que el botón de compra tiene que tener un término de acción claro, como “Comprar”, “Realizar la compra”, “Pagar”, “Realizar el pago”, o similar.

Hace unos meses os presentamos en el blog el proyecto de reforma de la Ley. Ahora ya la normativa está aquí, y tanto los nuevos sitios web de comercio electrónico que se creen como los ya creados deben adaptarse.

, , , ,

No hay Comentarios

Distintas pantallas, una web responsiva

Tener un sitio web ha dejado de ser una opción para las empresas. Y, aún más, la rápida evolución de los dispositivos móviles hace indispensable que los sites se adapten a los diferentes tamaños de pantallas, diseños y funcionamiento de estas nuevas plataformas. Esta actual necesidad de representación online recibe el nombre de web responsiva: un solo sitio web que visualmente responde de diferente forma según el dispositivo desde el cual es consultado (smartphone, PC, tablet, y un largo etcétera).diseno-web-adaptable

Una página web responsiva está construida combinando técnicas de HTML5 CSS3 y MediaQuery, que permite la representación de contenido para ajustarse a condiciones como la resolución de pantalla. Hay una gran cantidad de elementos que pueden hacer poco navegable una web si no se adaptan, como un menú desplegable, un video que no cabe en la pantalla de un smartphone, un banner diseñado en flash, o un párrafo en el que debe moverse la pantalla de arriba a abajo y de izquierda a derecha infinidad de veces para terminar de leerlo.
Esta forma de optimización web, que hasta hace muy poco tiempo se ofrecía como un valor agregado por los diseñadores, es hoy en día una obligación para cualquier empresa que busque tener una presencia efectiva en internet.

¿Tu sitio web está preparado para cualquier plataforma digital? ¿Quieres revisar cómo se ve tu web en distintos dispositivos móviles? Prueba esta herramienta

 

, , ,

No hay Comentarios

De la web al móvil. Consejos para optimizar tu site

Cada día hay más usuarios que navegan por Internet a través de sus dispositivos móviles. En concreto un 210% desde 2011, según el último informe Sociedad de la Información en España presentado por la Fundación Telefónica. Entre las conclusiones destaca el smartphone como el motor de crecimiento de Internet, ya que más del 43% de los usuarios se conecta a través de estos terminales. Sin embargo, aún hay muchas webs que no se encuentran optimizadas para su correcta visualización en las pantallas de un smartphone o de una tablet.

Los dispositivos móviles tienen unas características que hacen que la navegación por un site sea distinta, así que para adaptar la web al móvil hay que tener en cuenta los siguientes aspectos:

  • Se usan los dedos, no el ratón, por lo que son necesarios botones grandes y muy visibles.
  • Para hacer que la versión móvil de una web sea lo más accesible posible hay que prestar especial atención a la página de inicio. Algunos elementos, como los menús desplegables, no funcionan bien en el móvil, pero una buena alternativa es incluir, en la parte superior de la página, iconos fijos de acceso directo a todas las secciones.
  • También hay que tener en cuenta la velocidad de conexión. Las 3G no son tan rápidas como el ADSL de casa, por tanto las páginas web no puedes ser muy pesadas.
  • El tamaño de las diferentes pantallas también es importante. Imágenes y textos deben estar adecuados a las tan distintas dimensiones de los nuevos modelos de dispositivos móviles, tanto smartphones como tablets.

solbyte_movilUna herramienta muy sencilla y útil para llevar la web a las pantallas móviles es la creada por Google en colaboración con DudaMobile, un editor online de web móvil que nos permite previsualizar el contenido de nuestro site en un teléfono Android, en un iPhone, en Windows Phone y en BlackBerry. Se puede elegir entre una gran variedad de plantillas y dentro de estas personalizar los distintos elementos: cabecera, logo, menú de navegación, añadir o quitar contenidos, etc.

También ayuda a posicionar la página. Con esta herramienta se puede editar una descripción del sitio web y palabras clave, para tratar de conseguir un mejor SEO. Asimismo, la web móvil resultante se integra con Google Analytics y Google Maps. Esta herramienta es gratis durante un año, después se pagan unos 7 euros mensuales.

, ,

No hay Comentarios

Ricopesca renueva su web

Ricopesca, empresa malagueña especializada en pescados, mariscos y otros productos pesqueros congelados, ha confiado en Solbyte para el rediseño y la optimización de su web corporativa.

ricopesca_logoCon una experiencia de más de veinte años en el sector, Ricopesca está afianzado como uno de los grandes distribuidores de productos de la pesca en Málaga y Granada. Dispone de un almacén central en Vélez Málaga y otros tres puntos de venta repartidos por la provincia.

Solbyte ha rediseñado la página de Ricopesca centrándose en sus nuevas necesidades: actualizar su presencia en la red partiendo de la web de la empresa, ofrecer sus productos online e incrementar el contacto con sus clientes.

Con un diseño sencillo, limpio y fiel reflejo de una marcada identidad corporativa, la web se estructura en distintos apartados desde los que conocer a fondo la empresa, con información detallada de sus productos y la posibilidad añadida de realizar pedidos online. Además el portal cuenta con un área profesional de acceso restringido, la localización de todos los puntos de venta de Ricopesca, promociones y datos de contacto junto al enlace a las principales redes sociales. Todas estas funcionalidades siguen los criterios de usabilidad y optimización en buscadores que Solbyte, como empresa con experiencia en diseño web y marketing online, conoce.

ricopesca_web

, , , ,

No hay Comentarios