Tendencias web 2017 PARTE 1
Posted in Desarrollo

Tendencias web 2017 PARTE 1

by

[vc_row row_type=»row» use_row_as_full_screen_section=»no» type=»grid» angled_section=»no» text_align=»left» background_image_as_pattern=»without_pattern» css_animation=»» css=».vc_custom_1463133938886{padding-bottom: 25px !important;}»][vc_column offset=»vc_col-lg-offset-1 vc_col-lg-10 vc_col-md-offset-1 vc_col-md-10″][vc_column_text][dropcaps type=’normal’ font_size=’45’ color=’#191919′ background_color=» border_color=»]2[/dropcaps]017 ha llegado acompañado de una ola de frío, pero desde el blog os traigo un artículo recién sacado del horno. Durante el pasado año (que no dista mucho) pudimos comprobar y probar las diferentes maneras para desarrollar una página web y que esta fuera lo bastante digna para el disfrute del usuario final, así como, diferentes maneras para facilitar su creación al desarrollador. Aunque parezca descabellado, aún hay más para pulir, al igual que las personas las webs tienden a evolucionar paulatinamente y buena muestra de ello es de lo que quiero hablaros hoy. Os acordaréis (allá por la década de los 90) cuando los diferentes sitios webs hacían uso de los llamados GIFS como reclamo, ha llovido bastante y las tendencias han cambiado. Así que hoy os mostraré las tendencias que el 2017 nos tiene preparado para nuestras webs.[/vc_column_text][/vc_column][/vc_row][vc_row row_type=»row» use_row_as_full_screen_section=»no» type=»grid» angled_section=»no» text_align=»left» background_image_as_pattern=»without_pattern» css_animation=»» css=».vc_custom_1463133451090{padding-top: 50px !important;padding-bottom: 50px !important;}»][vc_column width=»1/3″][vc_single_image image=»968″ img_size=»full» qode_css_animation=»»][vc_separator type=»transparent» thickness=»0″ up=»0″ down=»30″][/vc_column][vc_column width=»1/3″][vc_single_image image=»966″ img_size=»full» qode_css_animation=»»][vc_separator type=»transparent» thickness=»0″ up=»0″ down=»30″][/vc_column][vc_column width=»1/3″][vc_single_image image=»967″ img_size=»full» qode_css_animation=»»][vc_separator type=»transparent» thickness=»0″ up=»0″ down=»30″][/vc_column][/vc_row][vc_row row_type=»row» use_row_as_full_screen_section=»no» type=»grid» angled_section=»no» text_align=»left» background_image_as_pattern=»without_pattern» css_animation=»» css=».vc_custom_1463134132862{padding-bottom: 75px !important;}»][vc_column offset=»vc_col-lg-offset-1 vc_col-lg-10 vc_col-md-offset-1 vc_col-md-10″][vc_column_text]Comenzaremos por uno que seguramente reconoceréis nada más verlo pero que ignorabais su nombre coloquial, el llamado menú hamburguesa. ¿Recordáis el botón con forma de tres rayitas que suelen encontrarse en diferentes webs? Pues eso es. Este típico botón que suele visualizarse sobre todo en las webs para smartphone, están abriéndose camino poco a poco. La familiaridad de uso que la gente hace de él en los terminales puede allanar el camino a la hora de usarlo en una página web.
Los formularios de registro es lo que su nombre indica, aunque en estos últimos tiempos se ha hecho de otro método. Anteriormente (aunque aún se conserva) el registro  iba guiando al usuario en un paso a paso en el que tenía que poner diferentes datos (nombre de usuario, email, contraseña…), eso hoy día ha variado en algo más simplista y con una doble utilidad para el empresario. El uso más utilizado hoy día para registrase es mediante el perfil de alguna red social del usuario (Facebook, Twitter, Instagram…), ahorrando a dicho usuario el engorro del registro paso por paso.
Los diseños webs tipo tarjeta es algo en alza ya que su diseño minimalista logra captar la atención del consumidor por su sencillez. Este tipo de diseño al “separar” en bloques el contenido logra que la atención recaiga sobre una cosa u otra, así como, una mejor accesibilidad.
Las animaciones en las páginas webs ha recogido el testigo de los añejos GIFS, su uso puede ser muy productivo dada la estética que puede llegar a dar a nuestra web pero, no hay que sobrecargar nuestra página con ellos. Hay diferentes modos de encajar una animación en una página web, pero ante ello hay que tener visión y buen hacer para saber cuál es el mejor momento y sitio. Por ejemplo: las animaciones de carga son aquellas en el que creamos una pequeña imagen en movimiento en bucle cuando hay algo que cargar en la web. Esto lleva años desarrollándose en la industria de los videojuegos como método de (por decirlo de alguna manera) apaciguar/entretener la paciencia del usuario que espera.
Otras de las animaciones son las Hover, que activa una animación solo al pasar el cursor por el lugar indicado. Su función es indicar al usuario que dicho lugar contiene algo (normalmente un enlace).
Los slideshows es un carrusel de imágenes ideal para no explotar al usuario con ingentes cantidades de fotografías. Este método es el ideal para mostrar productos (Amazon utiliza este medio) o webs de fotografías.
Por último hay algunas páginas que utilizan en el fondo de su web algún tipo de imagen o vídeo, aunque esto suele aumentar la vistosidad de la web nuestro usuario puede verse distraído por ello, así que recomiendo precaución en su uso.

[/vc_column_text][/vc_column][/vc_row][vc_row row_type=»parallax» parallax_content_width=»full_width» text_align=»center» background_image=»971″ full_screen_section_height=»no»][vc_column][vc_separator type=»transparent» thickness=»0″ up=»0″ down=»166″][vc_row_inner row_type=»row» type=»grid» text_align=»center» css_animation=»»][vc_column_inner offset=»vc_col-lg-offset-1 vc_col-lg-10 vc_col-md-offset-1 vc_col-md-10″][icons icon_pack=»font_elegant» fe_icon=»icon_quotations» size=»fa-lg» type=»normal» custom_size=»63″ target=»_self» icon_color=»#ffffff» icon_hover_color=»#ffffff»][vc_separator type=»transparent» thickness=»0″ up=»0″ down=»30″][vc_column_text]

Las tendencias desaparecen el estilo es eterno

[/vc_column_text][vc_separator type=»transparent» thickness=»0″ up=»0″ down=»28″][vc_column_text]

– Yves Saint Lauren

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_separator type=»transparent» thickness=»0″ up=»0″ down=»208″][/vc_column][/vc_row][vc_row row_type=»row» use_row_as_full_screen_section=»no» type=»grid» angled_section=»no» text_align=»left» background_image_as_pattern=»without_pattern» css_animation=»» css=».vc_custom_1463134091655{padding-top: 80px !important;}»][vc_column offset=»vc_col-lg-offset-1 vc_col-lg-10 vc_col-md-offset-1 vc_col-md-10″][vc_column_text]Hoy dejaremos hasta aquí el artículo y os emplazo al próximo viernes para ver la segunda y última parte.  No sin antes recordaros, que aunque las tendencias que están llamadas para quedarse este año son atractivas de cara al consumidor, pueden convertirse también en una lacra si uno no sabe mantener un equilibrio. Por lo tanto sed consciente de ello y utilizar estos métodos con moderación, así como, analizando cuáles son los mejores para utilizar según en qué sitio.

El viernes más ¡no os lo perdáis![/vc_column_text][/vc_column][/vc_row]

View all posts

Related Post
Posted in Consejos

XIAOMI MI MIX 2S VS MI 8

by
[vc_row layout="boxed"][vc_column][vc_column_text]Cuando nos dejamos nuestros ahorros para comprar un nuevo Smartphone miramos y volvemos a mirar todas aquellas características que…
Leer Más

Start typing and press Enter to search

View more
Marketing digital - Social media
¿Qué contiene este servicio?
  • Administración del perfil de empresa en Facebook, Twitter, Instagram y LinkedIn.
  • Publicación de un mínimo de 2 entradas (posts) semanales en las redes sociales.
  • Gestión de la ficha de Google My Business de la empresa.
  • Optimización de la red y auditoría Social Media analizando diferentes canales sociales.
  • Diseño y envío de 1 campaña al mes de Email Marketing.
  • Anuncios Ads en Facebook e Instagram (incluye 1 anuncio/mes).
  • Creación de un Social Media Plan, una estrategia de redes sociales alineada con tu misión y visión para conectar y fidelizar a tus clientes.
Precio desde 1200€.
Llámanos al teléfono 677676808 o envíanos un mensaje a través de nuestro formulario de contacto y concertaremos una cita para ayudarte en tu proyecto.
Tienda online
¿Qué contiene este servicio?
  • Creación de la tienda online o E-Commerce y alta del catálogo de productos. La solución incluye la carga de al menos 100 referencias de tus productos, salvo que no dispongas de este número, en cuyo caso podrá ser menor.
  • Configuración e integración de los métodos de pago en tu tienda online.
  • Tienda online responsive adaptándose en cualquier tipo de dispositivo.
  • El diseño de la tienda online cumplirá con los criterios de conformidad de nivel AA de las Pautas WCAG-2.1.
  • Posicionamiento básico en el que la tienda online será indexable por los principales motores de búsqueda (On-Page).
  • Disponibilidad de una plataforma de gestión de contenidos para modificar los contenidos de la tienda online sin necesidad de ayuda.
  • Configuración e integración de los métodos de envío de los productos de la tienda online.
  • Incluye consultoria inicial.
Precio desde 899€.
Llámanos al teléfono 677676808 o envíanos un mensaje a través de nuestro formulario de contacto y concertaremos una cita para ayudarte en tu proyecto.
Web corporativa
¿Qué contiene este servicio?
  • Dominio de la web durante un plazo mínimo de doce meses.
  • Hosting de la web durante un plazo mínimo de doce meses.
  • Diseño de la página web con un mínimo de 3 apartados y pudiendo llegar hasta 5. Si son necesarios más apartados la empresa beneficiaria tendrá que asumir el coste.
  • Web responsive adaptándose en cualquier tipo de dispositivo.
  • El diseño de la web cumplirá con los criterios de conformidad de nivel AA de las Pautas WCAG-2.1.
  • Posicionamiento básico en el que uno de los apartados de la web será indexable por los principales motores de búsqueda (OnPage).
  • Disponibilidad de una plataforma de gestión de contenidos para modificar los contenidos de la web sin necesidad de ayuda.
  • La web tendrá asegurado el cumplimiento de la normativa aplicable, en concreto el RGPD.
  • Incluye consultoria inicial.
Precio desde 499€.
Llámanos al teléfono 677676808 o envíanos un mensaje a través de nuestro formulario de contacto y concertaremos una cita para ayudarte en tu proyecto.
Ayudas económicas

Programa Kit Digital para la transformación digital de tu negocio

El programa de Kit Digital del Ministerio de Asuntos Económicos y Transformación Digital está dirigido a Pymes y autónomos para la transformación digital de tu negocio.

Estas ayudas económicas te permiten acceder a un amplio catálogo de soluciones digitales y agentes digitalizadores que te ofrecen estos servicios.

¿Cómo solicitar tu bono digital?
  • Regístrate en la página web de Acelera Pyme www.acelerapyme.es como pyme o como autónomo y hacer un test de diagnóstico digital en esa misma página, donde se evaluará la madurez digital de la empresa. La realización de este test es el paso previo para poder solicitar la ayuda Kit Digital.
  • Consulta el catálogo de soluciones digitales y escoge entre las diez soluciones disponibles que más interesen según el negocio. Hay que tener en cuenta que este bono se puede emplear en una o más soluciones digitales porque el bono digital funciona como un saldo disponible.
  • Una vez elegidas las soluciones digitales, se podrá solicitar la ayuda Kit Digital en la sede electrónica de Red.es cumplimentando el formulario disponible. En este momento se comunicará si el bono es concedido para que el beneficiario pueda empezar a emplear su bono. El Ministerio ha habilitado el teléfono mencionado anteriormente 900 909 001 para informar a las empresas de manera telemática también en este paso.
  • Para canjear el bono una vez concedido, es necesario acceder al catálogo de agentes digitalizadores y decidir quién va a ser quién te solicite los servicios.
Llámanos al teléfono 677676808 o envíanos un mensaje a través de nuestro formulario de contacto y concertaremos una cita para ayudarte en tu proyecto.