Directorio de articulos. Publica articulos gratis. Posicionamiento SEO y web
Directorio de Software online Cloud, SaaS, PaaS y IaaS
Buscador de Cursos en PortalSaas
11Nov/150

Tendencias en diseño web

Este año traer muchas tendencias en cuanto al diseño web, cada vez se viene diseños más complicados en desarrollar pero muy sencillos y sofisticados a las vista. Por lo tanto, si estás pensando en renovar el diseño web vamos a mostrarte algunas características que debes tener en cuenta.

  1. Imágenes grandes

Las imágenes de pantalla completa en la web ofrecen mucha potencia al momento de querer comunicar algo y permite mostrar muchos detalles de la web. Es una de las grandes características.

  1. Videos de toda pantalla

Es uno de los recursos que desde inicios del año está empezando a utilizarse y seguramente será uno de los más vistos. El utilizar los videos a toda pantalla en la página principal es ideal para mostrar lo que estamos ofreciendo, es decir de que se trata nuestra web. Estos deben ser de corta duración, de tan solo 10 a 15 segundos.

  1. Diseño web responsive

Con la llegada del diseño web responsive las versiones móviles están empezando a dejarse de lado. Para este año las web deben de ser adaptables en proporción. Además quien no tenga este diseño está fuera del mercado.

  1. Iconos

La simplificación del diseño web traerá a colación el uso de la iconografía para sintetizar toda información. Además, la ventaja de los iconos no solo se encuentra en la estética sino también que va añadirse como si se trata de una tipografía, lo que permite ampliarse en proporción sin perder la resolución eso también ayudará a que la web tenga menos peso.

  1. Scroll

Los sitios que tiene fragmentada la historia de su marca en varias páginas, ya van dejándose de lado desde hace mucho. Los usuarios ahora están empezando a ser más sencillo y solo desplazarse por la página central. A pesar de que un diseño de web con varias páginas sea más amigable para realizar SEO pero los diseños de forma única están ganando a los usuarios de Tablet y Smartphone.

  1. Desorden pero ordenado

Una de las tendencias que se marcará mejor este año es la apariencia desordenada. Aparentemente los elementos del diseño web Girona serán caóticos pero sabemos que en realidad habrá un orden por concepto detrás. Hay imágenes de diferentes tamaños, que estará dispersadas por toda la ventana del escritorio de manera aleatoria. También los textos están pisando las imágenes y también desbordándose de estas. Parece una tendencia que no muestra demasiada estética pero que si dota nuestra web de originalidad y mucha personalidad.

1Jul/153

Estructura de la página principal de una tienda online

Si has decidido renovar el diseño web del home page de tu tienda online o recién vas a iniciar, lo primero que se debe tener en cuenta qué elementos principales son indispensables para tus clientes y donde podrías colocar dichos elementos. Es entonces que el orden de los elementos en la estructuración dependerá del uso que le den los usuarios.

  1. Barra de búsquedas

La barra sirve para facilitar la búsqueda de productos específicos, por lo general esta se encuentra en el centro o en la esquina superior izquierda de la web. En los dispositivos móviles se encuentra en lo alto de la web, justo debajo del logo o junto a la barra de menú.

  1. Carrito compras

Incluir objeto en el carrito de compras puede ser muy divertido, es entonces que puedes utilizar una técnica de diseño emocional para que la compra de los usuarios se vuelva en algo agradable. Siempre puedes utilizar el sentido del humor para agregar notificaciones o barras de estado, puedes incitar a los clientes que compren desbloqueando niveles compradores, como aficionado, manitas o experto.

  1. Slider

En la tienda online cómo máximo deben de estar 3 diapositivas, donde puede colocar las promociones temporales, las novedades y alguno que otra noticia. En estos siempre debes dejar claro que es lo que estás ofreciendo. Por supuesto el diseño de las diapositivas debe ir acorde con el contenido y espíritu de promoción.

  1. Menú

La barra de menú es uno de los primero elementos que el usuario verá nada más al llegar a la web en ordenador, pero si te encuentra por el dispositivo móvil siempre es bueno adaptarlo en un menú desplegable. Pero este elemento no se debe de abarrotar es mejor clasificarlo por grupos jerárquicos, además si tienes productos más comprado también debe de estar en el menú, pero intenta que los elementos de la barra de menú sean lo más corto posible.

  1. Opciones de filtración

Por lo general van en las páginas de categorías pero también se pueden utilizar en la página principal. Los filtros pueden ser por olores, tamaños, tallas, usos, etc. Es ideal que éste sea desplegable para que la home no se vea muy saturada.

  1. Productos en la página principal

Muestra los productos más buscados en la página principal, además son buenas para conseguir una entrada doble, una desde la home y otra desde el menú. Es importante que ese deje en claro la etiqueta y titulo de los productos, como novedades, descuentas, mejores compras, últimos en stock, etc. También se pude especificar la exclusividad del producto.

  1. Redes sociales

Se pueden añadir en la parte superior o en el pie de página incluyendo los comentarios de ciertos clientes que eres una tienda de confianza. Puedes mostrar los hashtag de las últimas campañas y mezclar esas fotos con el look book de la tienda.

Puedes leer tambien este artículo de ¿páginas web Girona, como?

8Jun/150

Tendencias de diseño web para una tienda online

Si uno de tus objetivos para este año es actualizar el diseño web de tu tienda online o es que recién vas a iniciar, estas de suerte porque existen algunas tendencias en diseño web de tiendas online. Si bien existen plantillas predeterminadas que hay en las plataformas para montar una tienda, como Shopify, tienda online Prestashop, Woocommerce y otros es esencial que se tenga algunos conocimientos sobre ellos y escoger bien el diseño de nuestra web.

Imágenes en pantalla grande

El uso de las imágenes grandes no solo está para los slider de la página principal de las webs. Es entonces que si tienes fotos espectaculares de tus negocios, no dudes en usarlas siempre que puedas. De hecho algunas tiendas utiliza como fondo en las páginas de sus productos.

  1. Material design, Flat Desing y colores brillantes

El año pasado el Flat desing fue uno de los más utilizados en las tiendas online, es caracterizados por colores planos, estilo minimalista y tipografía simple. En esa temporada Google presento el Material Desing, el cual está inspirado en las texturas de papel creando una sensación de profundidad. Estas dos tendencias son en colores vivos y muy llamativos, por lo tanto si tu marca es joven y divertida no dudes en probarlos.

  1. Diseño con tarjetas

Es ideal para que los usuarios puedan ver lo que necesitan de un solo vistazo. Es entonces que puedes crear una pequeña tarjeta de contenido para cada uno de tus productos, funciona perfectamente de forma grupal o individual. En ellas puedas incluir acciones, descripciones, sin olvidar que la interacción es lo más importante, es decir coloca un botón de: ‘Comprar ’

  1. Efecto Parallax

Es probable que al navegar por una web hayas quedado impresionado por esos fondos o imágenes que simplemente se animal al pasar el mouse. Se trata del efecto Parallax, que es muy vistoso y gran aliado al momento de mostrar un producto, pero si vas añadirlo debes tener mucho cuidado para que no quite protagonismo. Además las animaciones deben estar acompañadas por las ventas.

  1. Botones minimalistas

Los botones que tienen un diseño web minimalista siempre sugieren las llamadas de acción pero se mantienen discreto, es entonces que no será molesto para los usuarios. Utilízalos cuando tu mensaje se encuentre sobre una tipografía. Además son muy útiles para los carruseles de imágenes, es decir los sliders de la página principal.

Si lo deseas puedes consultar más en nuestra empresa de diseño web Girona.

29Dec/120

Consejo de diseño para diseñadores de sitios web

Los diseñadores de sitios disponen hoy en día de muchas opciones en cuanto a herramientas y tecnologías que pueden utilizar para la creación de sus portales, aunque siempre existen una serie de preguntas sobre que es mejor utilizar y que no.

Las preguntas más comunes que podemos encontrar son si es recomendable usar Flash, utilizar iframes, si es recomendable incluir un carrito de compras para un sitio de comercio electrónico, entre otras. Son muchas las preguntas y varios los factores que debemos de tener en cuenta, por ese motivo los diseñadores deben poner en práctica esta serie de consejos útilies para el diseño de un sitio web.

Evita el uso de conjuntos de marcos o iframes en su sitio web, ya que no son necesarios en la mayoría de los casos, tampoco incluir un fondo pesado. Un fondo muy cargado distrae a los usuarios de lo que estamos tratando de mostrar y hace que el texto sea difícil de leer. No es necesario impresionar a los espectadores con una imagen de fondo de lujo, en cambio, mejor centrarnos en el contenido del sitio web donde vamos a incluir información esencial y las ilustraciones que los espectadores necesitan. Que sea sencillo de leer, que los textos se puedan leer sin problemas y los colores no dificulten la lectura. Como ejemplo puedes ver este sitio web ReInSpirit.com .

Evita siempre que puedas el uso de Flash, pues no es nada recomendable para el posicionamiento en los motores de búsqueda, debido a que es un programa externo que no pueden indexar los busadores.

El uso de imágenes gráficas claras y nítidas es esencial en el diseño de una web. Una página de gran apariencia se puede crear con una sola imagen clara y nítida, en cambio incluir imágenes mal configuradas o de poca calidad, da una imagen descuidada y poco profesional.

Es importante también disponer de un buen logotipo. Si tenemos un negocio, es imprescindible para un aspecto profesional que la gente pueda reconocernos solo por ver el logo. Llevate todo el tiempo que sea necesario para diseñar un buen logotipo, pues será la imagen de tu marca y dará confianza al usuario para futuras compras.

Poner un procesador directo de tarjeta de crédito puede aumentar las ventas significativamente. En algunas situaciones, deseamos crear una tienda on line, pero evitamos el problema de incluir un servicio de procesador de tarjetas de crédito debido al gran trabajo de programación necesaria. Pero esto es un error, los estudios han comprobado que las webs que tienen la opción de pago, con tarjetas de crédito en sus páginas de comercio electrónico activados, tienen conversiones mucho mejores.

Principalmente, una web no debe superar los 60-70k. Debemos mantener las cosas muy simples para que los clientes puedan encontrar las cosas de forma sencilla. Podemos hacer esto mediante el uso táctico de las capacidades de almacenamiento en caché del navegador. Esto significa que el navegador volverá a utilizar las imágenes que se cargan. Por ejemplo, si tenemos una foto en la primera página que también se utiliza en otras dos páginas, el navegador descarga la imagen una sola vez. De esta forma, las sucesivas veces el navegador carga automáticamente una copia de la imagen que tiene en su propia caché. Esto puede acelerar las cosas desde la perspectiva de navegación para el usuario de Internet y también ahorra ancho de banda.