El Salvador, Centro América
+503 70398489

Ubiraci Sitios Web SEO Optimizados

Diseño Web El Salvador

Su sitio web es la pieza central de sus esfuerzos de marketing, debe saber como hablarle a con su cliente ideal y este conseguir clientes potenciales (leads).

En Ubiraci diseñados sitios web “SEO Optimizadas”. El algoritmo de Google está cambiando constantemente, lo primero es que Google toma en cuenta la experiencia del usuario como un factor de posicionamiento web. Estos son aspectos como el tiempo que pasan en la web o la tasa de rebote. Lo otro es que en Google no todo son los robots, y que hay personas que manualmente revisan los resultados, lo hacen a partir de las guías de calidad.

Diseñamos Sitios Web Considerando las Siguientes Tendencias.

Diseño web responsivo (diseño móvil)

Diseñar una experiencia web para los usuarios de PC, y luego adaptarlo a las pantallas de tableta y de teléfonos inteligentes, son cosa del pasado. Ahora ya se asume que el diseño móvil sea el que abarque a la mayoría de tus usuarios.

Diseño Web para móviles

Si hay algo que adaptar, será en la versión de escritorio de tu sitio. El diseño móvil es el nuevo estándar para el diseño web. Esto significa que las funciones móviles, como la hamburguesa/menú oculto o pantalla de ancho completo, pronto serán comunes en los sitios de escritorio también.

Aplicaciones web progresivas (PWA)

Es como una aplicación normal (nativa), pero que vive en nuestros navegadores, lo que significa que no necesitas descargar nada en tu dispositivo. Son servidos desde la web, al igual que una página web.

Al igual que las aplicaciones nativas de la tienda de aplicaciones, se pueden iniciar desde el escritorio o la pantalla de inicio del usuario, pero no necesitan de App Store o Play Store para existir.

PWA relevantes para el diseño web

El diseño web se estaba pareciendo cada vez más al diseño de aplicaciones, incluso a un nivel de desarrollo. Las experiencias Web se parecerán a las aplicaciones, y se desarrollarán como si fueran aplicaciones.

Cada vez más diseñadores pasarán de diseñar aplicaciones nativas de la tienda de aplicaciones, a PWAs. Al final de 2017, una gran parte de la web tendrá el aspecto de una aplicación. Y la otra parte parecerá anticuada.

Datos de interés: PWA (Aplicaciones Web Progresivas, por sus siglas en inglés), revisa lo que Google tiene que decir sobre ellas, así como esta presentación de slideshare.

Diseños Web en Esqueleto.

Los diseños en esqueleto no se refieren a la apariencia de un sitio web o aplicación. Son acerca de la forma en que se cargan. Esta última tendencia en la experiencia del usuario (UX).

Tomada de https://disciullodesign.wordpress.com/2015/03/13/animation-and-the-user-experience/

Las pantallas de carga en esqueleto son un sistema que asegura que tu experiencia en la web o la aplicación sea lo más rápida posible, y esto se logra cargando la página en etapas: desde los elementos más simples hasta los más complejos, pero siempre proporcionando al menos el esqueleto de la pantalla sobre la cual estás navegando.

De esta manera, los usuarios pueden predecir o anticipar lo que estás a punto de cargar (piensa en los marcadores de posición de imagen, siempre presentes), haciendo que el corto tiempo de espera sea más fluido. Esto es lo opuesto a las barras de estatus o spinners. Las cargas en esqueleto dominarán la web en 2017.

Páginas Web, WPA con Microinteracciones

Una microinteracción es una pequeña señal visual que se activa cuando un usuario realiza una determinada acción.

Las microinteracciones son los componentes básicos de la interacción del usuario. En cada dispositivo, cada vez que cambias una configuración, estás realizando una microinteracción. Es decir, cuando pasas el cursor sobre un botón, su color cambia. Cada vez que le das ‘like’ o marcas algo como ‘me gusta’, eso es una microinteracción también.

Veremos más y más microinteracciones alrededor de la web, pero no sólo porque son geniales. Bien utilizados, añaden una función al sitio o la aplicación, así como una sección de comentarios para los usuarios. Las microinteracciones le permiten al usuario saber que su acción ha provocado un cambio, y no necesita hacerlo de nuevo.

Para funcionar correctamente, necesitan tener un único propósito, deben ser relevantes y necesarios para tu sitio o aplicación. Si el usuario no obtiene nada de la interacción, su usabilidad sufrirá, en lugar de mejorar.

La microinteracción también puede sustituir fácilmente procesos o interacciones más largos. Pedir la opinión del usuario es un caso así, donde una elección entre tres o cuatro emoticones puede suprimir la necesidad de llenar un aburrido formulario en línea.

Crear buenas microinteracciones no es fácil. Las buenas microinteracciones separan los productos exitosos de la multitud. El menú de hamburguesa, los botones de ‘Me Gusta’ de Facebook, el Autocomplete de Google se han ganado una reputación como ejemplos clásicos de grandes microinteracciones.

Diseño Web en Bootstrap y Fuera de la Cuadrícula

Bootstrap esta presente en todos lados. Esta es una cuadrícula basada en CSS funcionando en casi todos los navegadores.

La construcción de una cuadrícula impecable y sensible para el diseño de tu sitio web será más fácil que nunca. Irónicamente, muchos diseñadores se han cansado de adaptarse a una cuadrícula geométrica para organizar su contenido.

Los elementos que rompen los límites de las cuadrículas rectas tradicionales se convertirán en el nuevo estándar. Incluso los sitios corporativos en las industrias más tradicionales comenzarán a adoptarlos, haciendo que los sitios web que aún se adhieren a la vieja cuadrícula luzcan un poco desgastados.

out-of-the-grid-design-1024x590

Diseños Web Verticales y Divididos

La páginas Web en su mayoria estan diseñadas en módulos horizontales, en  especialmente las Landing Pages, pero la nueva tendencia es hacerlo en formato vertical y dividido. 

Funcionan bien tanto en la sección de home como en las landing pages. La razón es que ofrecen dos o más opciones diferentes para el usuario, sin la necesidad de presentar uno como más importante que el otro.

Diseño Utilizando Imágenes SVGs

Los archivos del formato de Gráfico de Vector Escalable (Scalable Vector Graphics o SVG) son un formato de imagen vectorial que ha existido desde 1999. Ahora son tendencia Web por tener una excelente resolución y alta velocidad de carga de la página.

Dado que los archivos SVG son escalables, significa que son independientes de la resolución y se verán perfectos en cualquier pantalla, sin importar el dispositivo o el tamaño. Esto soluciona el problema en el que a veces se tenía que preparar dos archivos de imagen diferentes para cada objeto, uno para las pantallas de resolución normal y otro para las pantallas de retina.

Esto es sin duda excelente para los logos y cualquier elemento de marca. Crea tu logo una vez, de la manera que lo desees, y siempre se verá genial, no importa en qué tamaño.

En cuanto a la velocidad de página, los archivos SVG no realizan ninguna solicitud http. Esto se debe a que todo el contenido de un archivo SVG es sólo texto, lo que lo hace muy rápido para que los navegadores lo lean. Y como sabe, en una web cada vez más móvil, la velocidad de la página importa y mucho.

Pero hay aún más razones para su reciente popularidad: pueden ser animados, y son perfectos para crear fondos geométricos (otra gran tendencia, por cierto) sin añadir más tiempo de carga.