¿Qué es Diseño de Experiencia de Usuario UX?

¿Qué es Diseño de Experiencia de Usuario UX?

El Diseño de Experiencia de Usuario (Diseño UX, y User Experience Design en inglés), se refiere a un área en el diseño web que tiene como objetivo analizar con precisión las necesidades del usuario con el fin de implementar los resultados en la interfaz amigable de una aplicación de un sitio web o un programa de escritorio.

Esta experiencia de usuario es parte de Human Computer Interaction, que tiene lugar siempre que las personas operan ordenadores. El Diseño de la Experiencia del Usuario también puede ser parte del proceso de optimización de la conversión o SEO.

Las funciones de Diseño de Experiencia de Usuario se pueden enumerar sobre la base de preguntas sencillas:

¿Cómo puede una web añadir valor al usuario? ¿La operación de una aplicación o sitio web es fácil e intuitiva para el usuario? ¿Es divertido interactuar con el sitio web o la aplicación?

Esencialmente, la implementación del diseño de experiencia de usuario es un aumento en la usabilidad de una web, una aplicación o un programa de software.

Actualmente, el diseño de experiencia de usuario se compone de una serie de actividades (investigación, arquitectura de información, diseño de interacción, etc.) y exige tener conocimientos en psicología cognitiva, interacción persona-ordenador e incluso diseño de investigación. Esta lista de conocimientos son los que diferencian a un diseñador UX de un diseñador web tradicional.

Diferencias entre UX y UI

Un profesional experto en UI (Interfaz de usuario) diseñará un sitio, página o app para web, móvil o tablet enfocándose en todo lo que el usuario encontrará al llegar al sitio como: slides, personalización de botones, colores, agregar un vídeo o audio dentro del sitio, etc. En otras palabras, diseñar toda clase de elementos que ayuden a captar la atención de los visitantes.

En cambio, el profesional en UX se enfocará en cómo se comportará el usuario dentro del sitio y las reacciones que tendrá dentro de él. Por lo tanto verá aspectos como: qué tanta demora en cargar el sitio, dónde está el botón para descargar, cómo ve los servicios que ofrecen, entre otros. Todos estos elementos son detectados por el profesional UX y solucionados por toda la empresa.

Read More
bravo mayo 13, 2022 0 Comments

Diseño de paginas web

Diseño de paginas web

El diseño web implica trabajo relacionado con el layout y diseño de páginas online, así como la producción de contenido, aunque generalmente se aplica a la creación de sitios web.

En este caso, los diseñadores web crean las páginas utilizando lenguajes de marcado como HTML o XML.

Por otro lado, la parte visual de los sitios está a cargo del CSS, término utilizado para estilizar los elementos escritos en HTML.

Por lo tanto, es común que los diseñadores web utilicen ambos para construir un site porque juntos definirán cómo aparecerán las páginas en los navegadores.

El proceso de creación de sitios se puede realizar mediante programas de codigo abierto como los famosos Content Management Sistem o CMS que son plataformas de administración de contenido, como WordPress que es uno de los más conocidos y prácticos porque tiene una serie de templates que pueden basar el sitio. El web designer tiene la tarea de instalarlos y personalizarlos según lo que cada cliente quiera.

Elementos del diseño web

1. El tiempo de carga

A nadie le gusta esperar y menos cuando tiene otras opciones a la mano. Así que una de las primeras cosas que debes considerar al momento de diseñar tu sitio es que el tiempo de carga sea menor.

Cuida el peso de las imágenes y las integraciones que realizas para que tu sitio vaya disminuyendo su tasa de rebote.

2. Usabilidad

Aquí nos referimos a que sin importar quién acceda a tu sitio, el usuario pueda entender cómo está organizado y cómo funciona. Esto evitará que se frustre y lo abandone porque no encuentra lo que está buscando.

Por eso son muy importantes las A/B tests, pues te permitirán saber qué es lo que funciona y lo que no, para poder hacer optimizaciones oportunas y mejorar la experiencia de usuario.

3. Legibilidad

Con esto nos referimos a que los elementos que la conforman, por ejemplo los colores de las diferentes secciones deben ser amigables y no cansar la vista del lector. De lo contrario podría aumentar la tasa de abandono.

En los últimos años el minimalismo se ha apropiado de las tendencias de diseño web, en especial aquellas que lo utilizan como fondo para maximizar la legibilidad para el usuario y de las arañas de los motores de búsqueda.

En este aspecto la tipografía también es muy importante. Quizás el color de tu sitio y la estructura estén muy bien y sean fáciles de entender, pero si la tipografía es ilegible tampoco va a funcionar.

Además cuando se trata de una sección muy larga o de un contenido de blog, debes evitar párrafos muy largos porque puede parecer pesado y desanimar al usuario a terminar la lectura.

Diseño responsivo

El diseño responsivo se adapta a cada dispositivo, es decir que es un mismo diseño que va reestructurándose de forma automática dependiendo del dispositivo en donde se acceda al sitio.

El objetivo de esta reestructuración es que todos los elementos puedan hacer que la experiencia del usuario sea la mejor, aprovechando los espacios y características del dispositivo para que el contenido del sitio sea accesible y legible.

Por ser un poco más complejo, este tipo de diseño emplea diferentes hojas de estilos CSS, y puede requerir de un tiempo más largo de carga. Las medidas son proporcionales y van variando de acuerdo a la pantalla.

Este diseño se ha convertido en casi una norma (aunque depende del presupuesto y las necesidades de cada uno) en la industria.

Usabilidad Web

La usabilidad web (UX o user experience, en inglés) es el grado de facilidad de uso que tiene una página web para los usuarios que acceden e interactúan con ella. Jacob Nielsen está considerado el padre de la usabilidad y, en 2000 lanzó al mercado el libro Designing Web Usability: The Practice of Simplicity (1999) ​donde expone los 10 principios que deben regir la usabilidad de cualquier web​.

Estos principios son:

  • Visibilidad del estado del sistema. El sistema, es decir la web o aplicación, siempre debe mantener en todo momento a los usuarios informados sobre lo que está sucediendo, a través de mensajes en tiempo y forma.
  • Coincidencia entre el sistema y el mundo real. El sistema debe hablar el idioma de los usuarios, con palabras, frases y conceptos familiares para el usuario y no con términos técnicos.
  • Control y libertad del usuario. Dar la posibilidad a los usuarios a corregir sus errores en la navegación por la página web.
  • Consistencia y estándares. Los usuarios no deberían tener que preguntarse si diferentes palabras, situaciones o acciones significan lo mismo. Uno de los grandes retos como diseñadores es saber usar de forma habitual las convenciones o recursos habituales de las páginas web.
  • Prevención de errores. Incluso mejor que los buenos mensajes de error es un diseño cuidadoso que evita que nos equivoquemos. Un buen diseño web debe eliminar las condiciones propensas a errores.
  • Reconocimiento en lugar de recuerdo. Debemos minimizar en lo posible que el usuario haya de recordar de que ha hecho previamente haciendo visibles los objetos, las acciones y las opciones.
  • Flexibilidad y eficiencia de uso. Los aceleradores, que no son vistos por el usuario novato, a menudo pueden acelerar la interacción para el usuario experto, de modo que el sistema puede atender tanto a usuarios inexpertos como experimentados.
  • Diseño estético y minimalista. En diseño web menos es más. Debemos mostrar la información estrictamente necesaria para que el usuario no se pierda o marche. Debemos conducirlo por donde nos interesa.
  • Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de errores.
  • Ayuda y documentación. Aunque es mejor si el sistema se puede utilizar sin documentación, puede ser necesario proporcionar ayuda y documentación.

Read More
bravo mayo 12, 2022 0 Comments

Asociación Mexicana de Ventas Online (AMVO)

Asociación Mexicana de Ventas Online (AMVO)

La Asociación Mexicana de Venta Online, A.C. (AMVO) es una organización civil sin fines de lucro constituida en 2014 con el propósito de apoyar e impulsar el desarrollo del comercio electrónico y la economía digital en México. La AMVO reúne a más de 550 empresas mexicanas e internacionales (startups, bricks, agencias y pure players) de los sectores de retail, moda, viajes, servicios financieros, entre otros, que buscan desarrollar su comercio electrónico y aplicar las mejores prácticas de la industria.

La Asociación Mexicana de Ventas Online intenta cumplir con su objetivo general de ayudar al ecommerce mexicano abordando una serie de funciones de lo más amplias: desde asesorar y proveer apoyo técnico, pasando por promocionar eventos y brindar consultoría a todos los sectores del comercio online en México.

El comercio electrónico registró un crecimiento de 81 % en México durante el 2020, generando un valor de 316 mil millones de pesos, equivalente al 9 % del total del retail nacional.

De acuerdo con información de la Asociación Mexicana de Internet (2019), la caracterización de los compradores online en México es la siguiente: 51% son mujeres y el resto varones; las personas con edades de 18 a 24 años y de 25 a 34 años son los principales compradores del comercio en línea; uno de cada cuatro consumidores reside en alguno de los estados de la zona centro-sur (Ciudad de México, Estado de México y Morelos); los segmentos de la población de los niveles socioeconómicos medio bajo y medio alto son los principales consumidores del comercio electrónico. El transporte, la comida rápida, el alojamiento y los viajes por turismo fueron los sectores con más demanda por los consumidores online.

De acuerdo con la Asociación Mexicana de Ventas Online (AMVO), la pandemia por Covid-19 provocó un aumento de la compra y venta en línea, al incrementarse un 81% en 2020 con respecto a 2019. Asimismo, el Covid-19 cambió los hábitos de los consumidores ante las restricciones sanitarias implementadas por el gobierno federal, ya que las personas optaron por realizar sus compras en línea, debido a la no disponibilidad de productos en tiendas físicas (60%); la posibilidad de recibir sus productos en casa (60%); ahorrar tiempo (57%) y evitar las aglomeraciones en las tiendas físicas (55%) (AMVO, 2021).

Read More
bravo mayo 9, 2022 0 Comments

¿Qué es el diseño web?

¿Qué es el diseño web?

El diseño web es un área enfocada en el desarrollo de interfaces digitales, como el diseño de sitios y aplicaciones para web. Para ello, los diseñadores web crean las páginas utilizando lenguajes de marcado como HTML.

El diseño web implica trabajo relacionado con el layout y diseño de páginas online, así como la producción de contenido, aunque generalmente se aplica a la creación de sitios web.

En este caso, los diseñadores web crean las páginas utilizando lenguajes de marcado como HTML o XML.

Por otro lado, la parte visual de los sitios está a cargo del CSS, término utilizado para estilizar los elementos escritos en HTML.

Por lo tanto, es común que los diseñadores web utilicen ambos para construir un site porque juntos definirán cómo aparecerán las páginas en los navegadores.

El proceso de creación de sitios se puede realizar desde herramientas como Adobe Dreamweaver (que requerirá que el profesional sepa más sobre los códigos) y CMS que son plataformas de administración de contenido.

WordPress es uno de los más conocidos y prácticos porque tiene una serie de templates que pueden basar el sitio. El web designer tiene la tarea de instalarlos y personalizarlos según lo que cada cliente quiera.

Y este diseño está muy relacionado a hacer más amigable la experiencia del usuario. En especial porque existen diferentes tipos de gustos y tendencias, las cuales pueden variar de acuerdo a las industrias en donde te desenvuelvas.

De la misma manera, diseñar sitios web que respondan a la experiencia del usuario se ha vuelto parte de la norma, aunque en un principio no todos lo consideraban así.

En el marketing digital es un elemento clave en la creación y ejecución de estrategias.

El diseño web implica muchas habilidades y conocimientos, las cuales dependen del diseñador.

Los web developer y los web designers tienden a confundirse y pasar como uno solo, pero ambos perfiles cumplen diferentes funciones y son importantes para poder hacer que tu web funcione lo mejor posible destacándose del resto.

Contar con uno o varios en tu empresa garantiza que estén enfocados solo en tu proyecto —a diferencia de los freelancers— y que tengan una idea más clara de la imagen corporativa que deseas transmitir y así conseguir una web profesional.

Otra de las ventajas es que al tener mayor conocimiento sobre el producto o servicio que ofreces pueden conseguir que la eficiencia de los proyectos no solo sea a corto y mediano plazo, sino también enfocada a largo plazo.

Además, la necesidad de poder aplicar soluciones inmediatas a cualquier imprevisto que surja, está cubierta al tener un web developer de planta.

Read More
bravo octubre 31, 2021 0 Comments

¿Qué es el Big Data?

¿Qué es el Big Data?

¿Sabes que es el Big Data? ¿Por qué los datos son el nuevo petroleo y como su análisis y procesamiento pueden transformarse en soluciones para la ciudadanía o nuevas oportunidades para las empresas? En este video te lo contamos en detalle.

Conceptos que debes aprenderás en este video:

* Datos estructurados
* Datos no estructurados
* Bases de datos
* Data warehouse
* On premise
* Cloud computing
* Machine learning
* ETL (Extraction Transform Load)
* Ciclo de vida de los datos
* Las 5 V del Big Data

Definimos Big Data como el proceso de recolección y análisis de grandes cantidades de información. La complejidad y el gran volumen de datos impiden que estos puedan ser analizados por los medios tradicionales. Lo que hace diferente al Big Data respecto a otro tipo de mecanismos utilizados para la gestión y el análisis son las 5Vs: volumen, velocidad, variedad, veracidad y valor.

¿Para qué sirve el Big Data?

En el mundo de los negocios, el Big Data proporciona información a las empresas. Les permiten fijar de forma más estratégica sus objetivos, centrando sus acciones en utilizar y sacar partido a las nuevas oportunidades que pueden aparecer entre estos datos e incluso, abandonar aquellos objetivos o estrategias que les resulten más problemáticas. Uno de los campos donde es más útil este sistema es el marketing. El análisis de más variedad de datos permite conocer mejor los gustos o deseos de los clientes y poder ofrecer así productos nuevos que satisfagan sus necesidades.

Read More
bravo julio 15, 2019 0 Comments

Por qué se cayó Facebook, WhatsApp e Instagram, 13 de Marzo 2019

Por qué se cayó Facebook, WhatsApp e Instagram

El Miércoles 13 de Marzo toda la familia de servicios de Facebook tuvo una caída de 24 horas.

Facebook, Instagram y WhatsApp experimentaron la falla de sus funciones afectando a millones de usuarios en varios países del mundo, tanto en su versión móvil como en escritorio.

Los cibernautas a través de otras aplicaciones como Twitter, reportaron que las plataformas no se podían actualizar, ni publicar contenido, así como mandar y recibir mensajes.

En este video Freddy Vega de Platzi, nos cuenta cuáles fueron las consecuencias de este apagón de redes sociales y cómo reaccionó el mundo.

Read More
bravo marzo 15, 2019 0 Comments

¿Qué es Javascript?

¿Qué es Javascript?

La Web es un medio dinámico, los diseñadores también querían que sus páginas interaccionaran con el usuario, y pronto resultó evidente que HTML era insuficiente para atender esta demanda.

Brendan Eich, un programador que trabajaba en Netscape, pensó que podría solucionar este problema adaptando otras tecnologías existentes (como ScriptEase) al navegador Netscape Navigator 2.0, que iba a lanzarse en 1995.

JavaScript fue creado en un período de diez días por Brandan Eich, un empleado de Netscape, en septiembre de 1995. Inicialmente llamado Mocha, el nombre del lenguaje se cambió a Mona y luego a LiveScript antes de que finalmente se conociera como JavaScript. Las versiones iniciales del lenguaje se limitaban exclusivamente a Netscape y solo ofrecían una funcionalidad limitada, pero han seguido creciendo con el tiempo gracias en parte a la comunidad de desarrolladores que continúan trabajando con él.

En 1996, JavaScript recibió oficialmente el nombre de ECMAScript, con ECMAScript 2 en 1998 y ECMAScript 3 apareció en 1999. Así evolucionó hasta convertirse en el JavaScript actual, que ahora funciona no solo en diferentes navegadores sino también en diferentes dispositivos, incluidos teléfonos móviles y computadoras de escritorio.

JavaScript ha seguido creciendo desde entonces, hasta el punto en que el 92% de los sitios web usaba JavaScript en el 2016. En solo veinte años pasó de ser un lenguaje de programación primitivo a ser una de las herramientas más importantes en la caja de herramientas de un desarrollador web. Si usas Internet, probablemente también te hayas encontrado con JavaScript.

JavaScript no es Java

A pesar del nombre, Javascript y Java no tiene casi nada que ver el uno con el otro.

Java es un lenguaje de programación con todas las funciones, desarrollo y comercializado por Sun Microsystems.

Con Java, descendiente de los lenguajes de programación C y C++, los programadores pueden crear aplicaciones enteras y controlar los dispositivos electrónicos del usuario.

A diferencia de otros lenguajes, Java mantiene la promesa de compatibilidad entre las distintas plataformas (plataforma cruzada), lo que quiere decir que un programador podría escribir un programa Java que se ejecutara en cualquier clase de computadora, ya ejecute este Windows, Mac OS X o cualquiera de las diferentes versiones de Unix.

Read More
bravo febrero 20, 2019 0 Comments

¿Qué es Diseño Web Responsive, o Multi Pantalla?

¿Que es diseño web responsive?

El diseño web responsive o adaptativo es una técnica de diseño web que busca la correcta visualización de una misma página en distintos dispositivos. Desde ordenadores de escritorio a tablets y móviles.

Hoy en día accedemos a sitios web desde todo tipo de dispositivos; ordenador, tablet, smartphone… por lo que, cada vez más, nos surge la necesidad de que nuestra web se adapte a los diferentes tamaños de los mismos.Pero, ¿qué es esto exactamente?

Una Web Responsive es aquella que es capaz de adaptarse a cualquier dispositivo donde se visualice. Las estadísticas muestran el creciente tráfico web que se genera desde dispositivos móviles, pero además Google penaliza ya en su buscador a aquellas webs que no son responsables. Si tu sitio web está obsoleta, es el momento de ponerte en manos de nuestro equipo para diseñar una web responsive con las mejores garantías.

Este término hace referencia al diseño web multidispositivo. Hoy en día los usuarios acceden a los sitios web desde diferentes dispositivos, ya sean ordenadores de sobremesa, portátiles, iPads, tablets Android o smartphones. Cada uno de estos dispositivos muestra el sitio web de una forma diferente, si esto ocurre así estamos ante una Web Responsive, es decir un sitio web capaz de adaptarse al dispositivo en el que se está visualizando.

En Bravo Web Solution, creamos sitios web responsivos para garantizar el trafico hacia tu sitio, desde cualquier dispositivo movil.

Read More
bravo febrero 20, 2019 0 Comments

Los 20 productos que más se venden por internet

Los 20 productos que más se venden por internet

Las tiendas online están en auge y la tendencia de compras en red sigue en aumento, la pregunta que surge antes de montar tu negocio en línea es: ¿qué vender por internet?

Vender no es tarea fácil, aquel que te diga lo contrario simplemente te está mintiendo, pero tampoco es imposible, porque con una buena planificación, un toque de esfuerzo, dedicación y fe, podemos alcanzar objetivos muy grandes.

En este video te mostramos 20 productos que son considerados los más vendidos en Internet.

Read More
bravo febrero 19, 2019 0 Comments

¿Por qué es importante contar con una pagina web?

¿Por qué es importante contar con una pagina web?

Esta es una de las preguntas que muchos micro empresarios y emprendedores se hacen, ya que no han conocido todos los beneficios que tener su propia pagina web les trae.

En este video, veremos algunos puntos importantes que te ayudaran a tomar la decisión de poner tu propia pagina en internet.

 

Read More
bravo febrero 19, 2019 0 Comments