Búsqueda
Cerrar este cuadro de búsqueda.
Búsqueda
Cerrar este cuadro de búsqueda.

Qué es UX Design.

¿Qué es UX Design?

Diseñar productos digitales, al tiempo que brinda una experiencia agradable a las personas, puede ser desafiante pero divertido.

Como diseñador de UX, a menudo me encuentro en un laberinto de posibilidades al resolver problemas. Y después de hablar con otros diseñadores, me di cuenta de que no estoy solo, esto es parte de nuestra práctica.

Aquí quiero hablar de la complejidad y ambigüedad a la que nos enfrentamos en nuestro día a día. Pero antes de eso, quiero darles un poco de contexto y mirar hacia atrás cómo surgió nuestra profesión.






Mirando hacia atrás.

En 1993 Don Norman acuñó el término "experiencia de usuario" para su grupo en Apple Computer. Antes de este rol UX No había diseño en la industria. El trabajo de un diseñador tenía más que ver con la estética que con los negocios. Los diseñadores de UX, como sabemos ahora, comenzaron a aparecer a finales de los 90 junto con la burbuja de las puntocom, pero se llamaron Arquitectos de información.

¿Qué es el diseño UX / UI?

Para entonces, la usabilidad y la asequibilidad se habían convertido en el sello distintivo de los productos en línea. Y las organizaciones comenzaron a crear puestos de trabajo para que la gente se ocupara de esas áreas.

Al principio, el trabajo diario de un arquitecto de información era organizar la sobrecarga de información y crear sitios web fáciles de usar. También fueron responsables de realizar pruebas de usabilidad para sitios web.

Pronto, las empresas de comercio electrónico comenzaron a darse cuenta de que los arquitectos de la información también podían ayudar a aumentar las ventas. Los continuos avances en software, hardware y tecnología digital han hecho que su trabajo sea intrínsecamente complejo.

La verdadera experiencia de usuario del diseño.

Actualmente el trabajo de UX Designer incluye más ramas. Tomamos en cuenta las experiencias de un extremo a otro de las personas que interactúan con productos y servicios.

Junto con otros usuarios de UX, planificamos y realizamos investigaciones de usuarios. Junto con los gerentes de producto, exploramos nuevas oportunidades comerciales estratégicas para determinar qué productos y funciones deben construirse.

Luego, hacemos prototipos y pruebas con los usuarios para identificar los problemas que las personas pueden encontrar al usar nuestros productos y luego proponer soluciones.

Trabajamos con otros diseñadores para convertir prototipos rápidos y sucios en increíbles interfaces de usuario.

En equipos multifuncionales, nos asociamos con ingenieros para crear aplicaciones que las hagan fáciles de usar. Una vez que los productos están a la venta, trabajamos con analistas de datos para rastrear el comportamiento y la conducta del usuario. Pruebas A / B.

Equilibrar lo que la gente quiere y lo que la empresa necesita para crecer y ser sostenible puede ser una tarea abrumadora.

Tratar con esta ambigüedad no siempre es conveniente, ya que a menudo tenemos que lidiar con concesiones difíciles que podrían afectar potencialmente a millones de usuarios.

Comprender las interdependencias en el diseño.

Diseño de sitios web UX

Los productos digitales conllevan muchas interdependencias dentro y fuera de las organizaciones. Por ejemplo, el estado de la economía, la política, la sociedad, el medio ambiente, las tecnologías disponibles pueden afectar la vida de las personas y, por tanto, la aceptación de los productos por parte de los consumidores.

Dentro de las organizaciones, necesita crear y enviar productos rápidamente. Esto requiere una amplia colaboración interdisciplinaria de una variedad de equipos y departamentos.

La cultura organizacional influye en todo y el desafío, especialmente en las grandes organizaciones, es motivar a todos y trabajar hacia los mismos objetivos.

La interdependencia de todos estos factores y las personas involucradas hace que el diseño y desarrollo de productos sea realmente desafiante.

Cuando se enfrenta a la complejidad, es común adoptar un enfoque reduccionista y tratar de simplificar las cosas. Pero el problema es que al hacer esto, a menudo excluimos cosas que pueden ser importantes para algunos de nuestros clientes. Al desarrollar un producto, debemos priorizar aproximadamente, y esto es difícil cuando nos esforzamos por ser inclusivos.

Ahora entendemos la necesidad de experimentación y, por lo tanto, el movimiento rápido, el aprendizaje y la adaptación al mercado son las claves para el éxito del producto.

En el mundo digital, el rendimiento "perfecto" ya no existe. Solía ser que las cosas eran más de arriba hacia abajo y, por lo tanto, más predecibles.

Los productos se formaron, diseñaron y entregaron completamente de una sola vez. Hoy en día, es más importante tomar riesgos desde el principio y aceptar las compensaciones tanto para la empresa como para los usuarios de sus productos.

Manejo de la complejidad en UX / UI.

Ser diseñador de UX requiere mucha flexibilidad. Es un proceso continuo de aprendizaje, destete y adaptación. La tecnología cambia constantemente y están apareciendo nuevas herramientas de diseño en el mercado, pero eso no es todo.

Estudiar el comportamiento de las personas que interactúan con sus productos es un ejercicio continuo. Además, a medida que pasamos de un proyecto a otro, debemos adaptarnos rápidamente a la dinámica y cultura de los nuevos equipos.

Un enfoque colaborativo continuo puede ayudarnos a lidiar con la complejidad y la ambigüedad.

Involucrar tanto a los usuarios como a los empleados de diferentes áreas comerciales en el proceso de desarrollo de productos aporta perspectivas diferentes y valiosas. Escuchar las historias de las personas puede desafiar nuestros propios prejuicios, y esto es muy importante para la inclusión.

La conciencia también puede provenir de diversas industrias. Permiten que nuestro cerebro cree nuevas extensiones de pensamiento y perspectivas sistémicas sobre los problemas.

Trabajando en equipo, no hay nada mejor que hacer algo visual para crear un entendimiento compartido. La creación de conceptos es una forma poderosa de ver el panorama general, priorizar y concentrarse en lo más importante. Esto despierta la imaginación al discutir posibles escenarios.

Resolución de problemas en UX / UI Design.

Muy a menudo, la resolución de problemas requiere que actuemos como detectives, tratando de encontrar pistas y pruebas para resolver nuestros misterios.

  • Realizamos varios tipos de investigación con usuarios existentes y potenciales, como resultado de lo cual profundizamos para comprender sus necesidades y motivos.
  • Comenzamos una investigación completa desde cero, desafiando nuestras propias suposiciones.
  • Formulamos y repensamos problemas, creamos hipótesis y probamos soluciones.
  • Basamos nuestras líneas de investigación en cualquier evidencia que podamos tener en cualquier etapa del desarrollo del producto.

Los desafíos que enfrentamos requieren enfoques analíticos y pragmáticos, así como creatividad e imaginación. A diferencia de los acertijos de lógica como el Sudoku o los crucigramas, las soluciones no siempre son precisas. No llenan el tablero con números o letras perfectamente combinados dentro de los cuadrados.

Dado que a menudo no existe una solución perfecta, tenemos que considerar los pros y los contras de cada alternativa o suposición que tenemos.

Una vez que hemos considerado las diversas limitaciones, podemos tomar decisiones informadas para proporcionar una solución viable y viable.

Experimente y aprenda en el desarrollo de UX.

Cuando se trata de la ambigüedad en UX Design, tenemos que admitir que no tenemos todas las respuestas. Para no estancarse, podemos ofrecer experimentos en la recopilación de datos, aprender haciendo y resolver cosas.

Podemos crear hipótesis, planificar pruebas, observar resultados y desarrollar soluciones. Este enfoque ayudó a los equipos en los que trabajé a desarrollarse.

En general, reunimos rápidamente a un grupo de personas en equipos multifuncionales y decidimos:

  • ¿Cuáles son nuestras hipótesis?
  • ¿Qué queremos probar?
  • ¿Quién lo va a probar?
  • ¿Cuánto tiempo van a intentarlo?
  • ¿Cómo sabemos si funcionó?

A medida que experimentamos, aumenta la confianza y los equipos se vuelven más confiados y alineados con objetivos comunes. Además, la toma de decisiones basada en evidencia proporciona transparencia al proceso.

Es difícil predecir cómo evolucionará el diseño de usabilidad. Sin embargo, no hay duda de que nuevas dificultades y seguirán apareciendo nuevas publicaciones.

La tecnología impulsará el cambio en todos los aspectos de nuestras vidas, y la ambigüedad seguirá preocupándonos si no somos conscientes de la interdependencia.

Como se mencionó anteriormente, un enfoque sistemático, colaborativo y experimental me ayudó a navegar la complejidad en el trabajo. Esto permitió a los equipos compartir la responsabilidad de decisiones difíciles.

Así que la próxima vez que se encuentre con ambigüedad, en lugar de preocuparse y apresurarse a encontrar soluciones “fáciles”, intente dar la bienvenida a lo desconocido y energizar su imaginación con sus escenarios y posibilidades.

✓ ¿Quién es UX Designer?

Un especialista que calcula diseños en función de los hábitos de comportamiento de los usuarios.

✓ ¿Qué son los experimentos de usabilidad?

Esta es la prueba A / B. Se toman dos o más opciones de diseño. Las pruebas muestran qué diseño es más conveniente para el usuario.

✓ ¿Qué datos se utilizan para las pruebas A / B?

El especialista en UX tiene un amplio conocimiento de diseños exitosos. Selecciona opciones y pruebas.

✓ ¿Cómo elegir un diseñador UX entre todos los diseñadores?

Un diseñador de UX está listo para brindarle dos opciones de diseño y probar qué diseño atraerá mejor a los clientes.

✓ ¿Qué hace exactamente un diseñador de UX?

El diseñador de UX se ocupa de todo el proceso de compra e integración de un producto, incluidos los aspectos de marca, diseño, usabilidad y funcionalidad. Esta es una historia que comienza incluso antes de que el dispositivo esté en manos del usuario.

✓ ¿El diseño UX es lo mismo que el diseño gráfico?

A diferencia de los diseñadores gráficos, que se centran en la estética, los diseñadores de UX se centran en los usuarios y en cómo interactúan con el producto. Los diseñadores de UX quieren mejorar la vida de las personas y, al desarrollar, anteponen las necesidades del usuario a sus preferencias personales.

✓ ¿Qué es una mala experiencia de usuario?

La mala experiencia del usuario, también conocida como "Bad UX", ocurre de vez en cuando, probablemente en todas las empresas. Cuando pensamos en UX, tendemos a pensar en interfaces digitales. Sin embargo, esta asociación se remonta a la época en que el término "experiencia del usuario" apareció por primera vez en la década de 1990, cuando comenzó el uso generalizado de Internet.

¿Qué son los trabajos a realizar en la usabilidad de UX?

Trabajos de UX realizados

Un marco genial que, desafortunadamente, pocas personas conocen: Jobs-To-Be-Done (JTBD). Fue popularizado por el profesor de Harvard Business School y autor de El dilema del innovador, Clayton Christensen.

La esencia del enfoque es muy simple.:
aquí está, por ejemplo, Petya. Petya tiene 30 años, esposa e hijo. Petya es trabajadora, alegre y amable. Los fines de semana, Petya va al gimnasio y una vez al mes se reúne con amigos en el bar deportivo.

Hace 5 minutos Petya compró snickers.

¿Alguna de las características enumeradas anteriormente afectó el hecho de la compra? No, no fue así. Petya compró unas risitas no porque tenga 30 años, sino porque tenía hambre.

El punto es que todos tenemos constantemente algunas tareas ("trabajos" en la terminología JTBD): matar el tiempo haciendo cola; preparar un desayuno saludable; comparte tus impresiones del viaje. Cuando comenzamos a usar un producto, esencialmente lo “contratamos” para que nos ayude a hacer un “trabajo” específico. El producto no se corresponde con la persona ni con sus características, se corresponde con los problemas que resuelve.

Por supuesto, la idea de construir un producto alrededor de un problema no es nueva en absoluto (de hecho, JTBD existe desde hace más de 30 años, pero se utilizó principalmente en la producción de productos físicos). JTBD solo proporciona un marco y un conjunto de herramientas convenientes para trabajar, eso es todo. Pero la diferencia en la organización del equipo, la construcción de estrategias y el desarrollo de funciones es enorme.







Historias de usuarios frente a historias de trabajo.

Incluso si no eres un experto en UX, Probablemente hayas escuchado (o visto) este patrón:

Como un , Quiero  de modo que 

De hecho, esta es una historia de usuario: una breve descripción de una función desde el lado del usuario. generalmente basado en una de sus Identidades (puede leer más sobre Identidad aquí, en resumen: realiza investigaciones de usuarios, analiza datos en línea y crea varios (generalmente 5-6) usuarios colectivos que representan segmentos clave de su audiencia).

Honestamente, intenté varias veces usar historias de usuarios y personas en mi trabajo, pero constantemente me enfrentaba a los mismos problemas:

  • En teoría, las Personas deben mantener el nivel de empatía necesario en el equipo, especialmente para aquellos que no se comunican mucho con los usuarios. De hecho, nadie en el equipo pudo memorizar todas las características de una sola Persona. Todos recordaron algo diferente y, como resultado, todos obtuvieron una imagen completamente diferente;
  • ¿Qué pasa si tu audiencia es demasiado grande y está segmentada? Todos tienen diferentes objetivos, diferentes profesiones, diferentes orígenes; claramente hay más combinaciones que 6. Es aún más interesante cuando la audiencia es aproximadamente homogénea en términos de características personales y sociales. En este punto, los intentos por lo general comienzan a combinar todo de alguna manera en “Lena, una abogada” o “Vanya, una estudiante”; esto significa que comenzamos a hacer suposiciones. Algunos aspectos pueden resultar confusos: por ejemplo, estamos creando una función "compartir en redes sociales" para un sitio de noticias. El hecho de que nuestra persona trabaje como médico debería influir de alguna manera en el desarrollo de la función, ¿deberíamos tener esto en cuenta de alguna manera? Aquí, por ejemplo, comencé la transformación de qué en por qué: ¿por qué alguien compartiría nuestras noticias en las redes sociales? ¿Qué impulsa al usuario, cuál es su motivación? Y, curiosamente, muchas personas, al responder a esta pregunta, se unieron en un solo grupo.

No ofendamos tanto a la gente, en general, esta es una buena herramienta para "presentar" los desarrolladores a los usuarios. Pero no es muy adecuado para definir la estrategia de producto y priorizar funciones. Aquí hay una cita de un artículo de Paul Adams, vicepresidente de producto en Intercom (y anteriormente en Google y Facebook):

“Mientras que las mejores personas en su clase se enfocan en los objetivos (las metas son las que impulsan el comportamiento de las personas) así como en los atributos, la realidad es que la mayoría de las personas se enfocan solo en los atributos, e incluso las personas impulsadas por objetivos separan artificialmente las audiencias. Así que, críticamente, las personas limitan artificialmente la audiencia de su producto porque se enfocan en atributos en lugar de motivaciones y resultados ”.

Por lo tanto, abordamos sin problemas las historias de trabajo que inventó Intercom. Y la conclusión es que el enfoque cambia de las características personales al contexto:

Cuándo  Quiero  Así que puedo 

Comparemos:

Como Petya de 30 años, quiero comer algo sabroso, para no tener más hambre.

Cuando solo tengo 2 minutos para tomar un refrigerio entre las citas, quiero comer algo que sea fácil, rápido y que eleve mi nivel de azúcar en la sangre, para poder aguantar hasta la hora del almuerzo y mantener mi estado de ánimo de trabajo.

¿Sientes la diferencia?

Historia de trabajo en acción.

UX-Usabilidad

Ahora echemos un vistazo más de cerca a cómo redactar una historia laboral.

Tenemos, por ejemplo, un gimnasio donde queremos incrementar las ventas de suscripciones mensuales. Primero, miremos a las personas (la descripción es bastante arbitraria, en realidad es mucho más detallada y detallada):

  • Masha, de 30 años, es madre de dos. Masha se ha recuperado después de dar a luz y quiere ponerse en forma, pero solo puede hacerlo dos veces por semana. De hecho, lo hace con menos frecuencia, y a menudo se salta los entrenamientos. Masha es filóloga de formación, en su tiempo libre le gusta dibujar y leer libros de arte;
  • Nikita, una atleta de 25 años, es una habitual de nuestro gimnasio. Nikita es estudiante de la Facultad de Administración, tiene mucho tiempo y poco dinero. A Nikita le encanta andar en bicicleta y hacer senderismo con sus amigos.

¿En qué caso nos serán útiles estas descripciones?

Por ejemplo, para publicidad dirigida. Si queremos atraer a más Masha o Nikita, por favor: configure la campaña de acuerdo con ciertas características de nuestra gente y espere.

¿Son aptas para el desarrollo, especialmente innovadoras?

En mi opinión, no mucho. Una persona es una especie de resultado final de la investigación y nuestro trabajo; esta es la audiencia que ya tenemos. Centrándonos en las personas, limitamos artificialmente nuestro producto, no desarrollamos funciones para nuevos usuarios potenciales. Una vez más, al centrarnos exclusivamente en los "antiguos", mejorando el producto para ellos, estamos fuera de la competencia. ¿Por qué? Porque no pensamos en otras formas de solucionar el problema de nuestros usuarios. Pensamos en cómo ven esta solución y la perfeccionamos, en lugar de cambiar radicalmente el enfoque y analizar las opciones de solución.

En términos relativos, podemos construir un gimnasio ultramoderno con pantallas táctiles y un rincón para niños, y aún así "dar" a algunos de los usuarios una aplicación móvil con entrenamientos o una bicicleta estática en casa.

Volvamos a nuestra Masha. Aquí hay una historia de trabajo de ejemplo que podría suceder:

Cuando hago deporte en el gimnasio, y tengo niños pequeños y no tengo con quien dejarlos, quiero que estén supervisados para no preocuparme y hacer ejercicio con tranquilidad durante una hora.

¿Es importante aquí que Masha tenga 30 años? ¿Que tiene dos y no un hijo? Cual es su educacion? ¿Y qué es Masha y no Anya? No, solo una característica pasa a primer plano: que nuestro usuario tiene niños pequeños. En las historias de trabajo, esto es parte del contexto, no una descripción del usuario, simplemente porque el contexto puede contener usuarios completamente diferentes. En el ejemplo de los niños, podría ser Masha, o tal vez Nikita, si su hermana mayor se fue de viaje de negocios y pidió sentarse con los niños, pero él no quiere perderse un entrenamiento.

La forma más fácil de entender esto es Uber. Parece que definitivamente hay dos personas específicas aquí: el conductor y el pasajero. De hecho, esta característica es solo una parte del contexto: dependiendo de la situación, el conductor puede estar en el asiento del pasajero y viceversa.
Si estamos hablando de una tienda de golosinas, y el contexto “Quiero consentirme con dulces de vez en cuando después de un día duro o un proyecto exitoso”, tanto Masha como Nikita y la diabética Misha, la vegetariana Alisa y la dietética Petya pueden llegar aquí. . No pensamos en lo que separa a nuestros usuarios, sino en lo que los une... Por lo tanto, las funciones que creamos y lanzamos reciben más cobertura.

Las personas son definitivamente mucho mejores que nada. Además, muchas empresas de éxito siguen trabajando con este marco y se sienten muy bien. En cualquier caso, las historias de trabajo son solo otra forma genial de obtener una perspectiva diferente de su producto. Las personas le permiten ver a sus usuarios con una lupa, pero no responden a la pregunta de por qué continúan usando su producto y por qué aparecerán nuevos después de que lance la función. En mi imagen del mundo, todo se ve así:

  • en general, es importante comprender cómo se ve su audiencia actual; esta comprensión se produce después de las investigaciones habituales de los usuarios y el trabajo con cifras de audiencia;
  • pero específicamente antes de desarrollar una característica o estrategia de producto, necesita una historia de trabajo.

Cómo hacer una investigación para una historia laboral.

Entonces, digamos que estamos imbuidos y queremos escribir una buena historia laboral. ¿Dónde empezar? De la investigación, por supuesto.

La mayor parte de la investigación actual se centra en el momento del consumo del producto, mientras que la investigación de historias laborales intenta comprender cuando y en que condiciones el cliente tuvo el primer pensamiento sobre la compra del producto (es decir, lo que sucedió antes de comenzar a usarlo). El investigador parte del supuesto de que cuatro fuerzas actúan sobre el cliente en el momento de la decisión de compra:

  • insatisfacción con la situación actual ("empuje") - "Este gimnasio está abierto solo por la mañana y quiero hacer ejercicio por la noche"
  • atractivo de la nueva solución ("pull") - "Otro gimnasio está abierto las 24 horas"
  • ansiedad de que algo pueda salir mal - "¿Qué pasa si hay demasiada gente en el nuevo gimnasio?"
  • apego a lo que es - "Llevo un año yendo a este gimnasio y conozco a todos los entrenadores".

En realidad, la tarea principal en una entrevista de este tipo es identificar estos cuatro factores. Al mismo tiempo, es muy importante comprender no solo los aspectos racionales, sino también emocionales de la decisión (condicionalmente - "¿llovió cuando hizo la compra?"):

- ¿A qué gimnasio fuiste antes? ¿Cómo supiste de él?
- Cuéntanos, ¿qué tipo de vida llevabas en ese momento? ¿Con qué frecuencia experimentó estrés?
- Háblame de tu antiguo gimnasio. ¿Con qué frecuencia entrenaba? Describe en pasos lo que sucedió después de que abriste la puerta principal.
- ¿Qué te molestó especialmente en el antiguo gimnasio? ¿Cuándo empezaste a pensar en buscar algo nuevo?
- ¿Cuándo se enteró por primera vez del gimnasio actual? ¿Tenías varias opciones o solo una?
- ¿Cuánto tiempo te llevó tomar la decisión de transferir? ¿Qué le impedía comprar?

Y así. Un punto muy importante: es necesario hablar no con el usuario, sino con el comprador; la persona que tomó la decisión de compra. Es decir, no debe entrevistar al niño cuyos padres compraron una membresía de gimnasio, sino solo a los padres.

¿Por qué todo esto y qué nos aporta?

Las personas son inertes por naturaleza. En la mayoría de los casos, seguirán usando su solución habitual, en lugar de investigar el mercado y buscar algo nuevo, simplemente porque ya están bien. Algo fuera de lo común debe suceder para que deje de tomar café en mi cafetería favorita.
Y es muy importante comprender que los usuarios no están comprando su producto, sino que lo están cambiando desde otra cosa. Había un gimnasio anterior antes del nuevo gimnasio. Antes del gimnasio anterior, tenía ejercicios en la colchoneta por la mañana. Antes de la alfombra, había hamburguesas y helados en McDuck (esta es una competencia indirecta, más sobre eso más adelante). El costo de cambiar de un producto a otro está determinado por el hábito y la satisfacción, multiplicado por el miedo al cambio. Y es de vital importancia para usted captar este momento de lucha interna y empujar al usuario en la dirección correcta.

Cuando termina el “trabajo” del producto.

Los productos no resuelven problemas aislados, sino problemas que ocurren en algún tipo de flujo de trabajo: está lo que sucedió "antes" y lo que sucederá "después". Es decir, de esta manera, un producto "funcional" tiene un inicio y un final. La cuestión es cómo definirlos correctamente.

Si su producto hace muy poco, a los ojos del usuario, no vale la pena instalarlo (y mucho menos pagar por él). Si el producto hace demasiado, entrará en conflicto con elementos de flujo de trabajo preexistentes que están bien para el usuario.

Entonces, ¿dónde está la media dorada?

Echemos un vistazo a un ejemplo sencillo. Digamos que está escribiendo una aplicación de despertador; en este caso, el flujo de trabajo podría verse así:

  1. El usuario fija Instagram por la noche
  2. Se da cuenta de que es demasiado tarde y es hora de dormir.
  3. Establece la alarma en 7
  4. Dormido
  5. Se despierta, va a la cocina a tomar una copa
  6. Dormido
  7. El despertador suena a las 7, el usuario lo ajusta a 7-30
  8. El despertador suena a las 7-30, el usuario se levanta
  9. Enciende la radio
  10. Haciendo ejercicios.

El “trabajo” de su producto debe comenzar en el punto en el que pueda agregar valor al usuario. Para nuestro ejemplo, lo más probable es que este sea el paso 3. Nosotros, por supuesto, podemos entrar antes: por ejemplo, si el usuario suele levantarse a las 7 a. M. Y ya a las 12 p. M. Y el teléfono está activo, nuestra aplicación enviará un recordatorio: gato, ¿quieres poner una alarma e irte a dormir? Podemos ir aún más lejos: hacer una pulsera de fitness que rastreará la frecuencia cardíaca y la actividad del usuario y recomendará el mejor momento para acostarse (y despertarlo, en consecuencia, también en el mejor momento para levantarse). ¿Lo necesitas? ¿Experimenta el usuario "dolor" en consonancia con el alcance de la investigación y el desarrollo? Esto es lo que el equipo de producto necesita entender y decidir desde el principio.

¿Y cuándo debería terminar el “trabajo”?

Cuándo:

  • el siguiente paso en el flujo de trabajo tiene claros líderes del mercado y no desea competir con ellos
  • el siguiente paso en el flujo de trabajo se puede realizar de un millón de formas diferentes y un millón de tipos diferentes de usuarios
  • en el siguiente paso, nuestra audiencia está cambiando radicalmente
  • el siguiente paso no agregará ningún valor al producto.

Competencia en el contexto de JTBD.

Que es UX

Hace algún tiempo escribí sobre la empresa BVG, que es un monopolio de facto en el campo del transporte público en Berlín. BVG gasta mucho dinero en publicidad, la pregunta es: ¿por qué hace esto, si ya todos los metros, autobuses y tranvías pertenecen exclusivamente a ella?

Si observa esta pregunta desde la perspectiva de JTBD, la respuesta es natural. El "trabajo" del usuario en este contexto es ir del punto A al punto B y no utilizar el transporte público. Y aquí BVG no es un monopolista, sino solo uno de los participantes del mercado, junto con:

- bicicletas
- alquiler de bicicletas / scooters
- taxi
- coches propios
- auto compartido
- sí, incluso caminando.

JTBD le permite tener una visión más amplia de los problemas del usuario e identificar a sus competidores reales.

Competencia directa e indirecta

Con competencia directa, todo está claro. Pero hay otro tipo de competencia que todos olvidan.

Ejemplo: Petya ama las hamburguesas y quiere comer solo hamburguesas, pero al mismo tiempo, Petya quiere ser musculosa y atlética.

Es decir, BurgerKing y FitBit condicional venden productos completamente diferentes y resuelven diferentes problemas, pero luchan por el mismo usuario. Esta es una competencia indirecta.

Competencia directa: competencia por "trabajo"
Competencia indirecta: competencia por el "resultado"

TopUser.Pro funciona para el resultado con todos los parámetros iguales!

¡Buena suerte con tu JBTD en profundidad!

✓ ¿Qué es JTBD?

Así es como se satisfacen todas las necesidades del comprador.

✓ Cómo funciona el principio JBTD

Brindar al cliente el nivel de servicio con el que solo sueña.

✓ Donde se usa el principio JTBD

Todas las empresas exitosas utilizan el principio Jobs-To-Be-Done. Las empresas 90% que no lo utilizan se declaran en quiebra.

✓ ¿Por qué funciona el principio de trabajos por hacer?

Por falta de monopolios de mercado. Quien sirve más, gana más.

✓ ¿Cómo debe relacionarse el desempeño de su producto con la personalidad de su cliente?

Su cliente quiere que su producto refleje su percepción del mundo que lo rodea. Al estudiar el trabajo que realiza su producto, comprenderá mejor la personalidad de su cliente. Al examinar la personalidad de su cliente, descubrirá qué tipo de trabajo está tratando de hacer.

✓ ¿Cómo usar JTBD?

Identifique el trabajo que los clientes intentan hacer.
Definir las categorías de trabajo a realizar.
Identifica a tus competidores.
Crea solicitudes de empleo.
Priorice las capacidades de JTBD.
Enumere los resultados JTBD esperados.
Crea informes de resultados.

✓ ¿Qué es el marco JTBD?

Una estructura de ejecución del trabajo es un enfoque para el desarrollo de productos que se basa en la comprensión tanto del objetivo o "trabajo" específico de un cliente como de los procesos de pensamiento que llevarán a ese cliente a "contratar" un producto para hacer el trabajo.

Pruebas de usabilidad del sitio. 11 tipos de pruebas y métodos de UX.

Prueba de usabilidad Las 11 pruebas de UX más informativas

Se crearon 5127 prototipos de la tecnología ciclónica de Dyson antes de que decidiera que era adecuada para su uso en una aspiradora. La prueba es un método de prueba y error. Lo mismo ocurre con el análisis UX.

Que es la prueba usabilidad?

  • hay  ¿Su sitio, producto o servicio tiene un propósito práctico? Cuanto más útil, más clientes.
  • ¿Puede el usuario encontrar lo que busca? Ya sea información o un producto. La información y los objetos deben ser accesibles.
  • ¿Hay suficiente emoción en tu diseño? ¿Cuáles son las impresiones de imágenes, personalidad, marca y otros elementos del producto? ¿Hay demasiados?





¿Qué es UX?

El resumen proporcionado por Don Norman Jacob Nielsen define UX como:  "Todos los aspectos de la interacción del usuario final con la empresa, sus servicios y productos".

¿Cómo pruebo la UX?

Se utilizan diferentes términos para describir los métodos de verificación:

  • тестирование UX.
  • тестирование удобства использования, которое на самом деле является лишь частью тестирования UX.
  • verificación de la experiencia del usuario. 

Métodos de prueba de usuario.

Dicho análisis es el estudio del uso de un producto con personas reales que trabajan con él. 

Hay dos tipos principales de pruebas de usuario:

  1. Prueba moderada.
  2. Prueba no moderada.

1. Prueba de usuario moderada.

En esta verificación, el usuario realiza las tareas asignadas en relación al producto o servicio, mientras el investigador o moderador lo observa en tiempo real.

ventaja de realizar pruebas con la presencia de un coordinador y observadores en la oficina

Al mismo tiempo, el moderador guía a los usuarios evaluados en las tareas, explora, profundiza en los problemas y recibe comentarios de inmediato. 

La ventaja es la capacidad de investigar el problema del usuario en tiempo real, pero la desventaja es el sesgo y la simplificación.

Pros:

  1. Consulte a los usuarios durante la prueba actual para obtener más información.
  2. La retroalimentación y las respuestas emocionales son inmediatas.
  3. Muestras de buena calidad con un estricto control de la actividad del usuario.

Desventajas:

  1. Contratar un laboratorio o un estudio puede resultar caro.
  2. Es posible que no tenga el equipo para ejecutar una prueba moderada interna.
  3. Llevará tiempo escribir, validar previamente, ejecutar pruebas y analizar sus resultados.
  4. Limitado a unas pocas ubicaciones a menos que esté disponible la moderación remota.

2. Prueba de usuario no moderada.

A los participantes se les asigna una serie de escenarios, tareas y preguntas. La verificación generalmente se realiza de forma remota. Por ejemplo, los usuarios están en casa.

ventajas de las pruebas remotas de ux

Pros:

  1. La capacidad de reclutar a un grupo de usuarios para realizar pruebas de todo el mundo.
  2. Trabaje fácilmente con muestras de gran tamaño.
  3. Costos mínimos debido a la baja compensación y sin necesidad de servicios adicionales.
  4. ¡Rápido!
  5. Costos iniciales conocidos y buena relación calidad-precio..

Desventajas:

  1. La calidad de la muestra puede ser mala si el reclutamiento no es correcto.
  2. No se puede observar a los participantes de la prueba durante una sesión de revisión.
  3. Si un usuario se queda atascado en una prueba, no podrá dirigirlo en la dirección correcta.

3. Pruebas de usabilidad de cinco segundos.

Este método, ampliamente popularizado por UsabilidadHub, es una estimación de la primera impresión del usuario sobre la claridad de su sitio en 5 segundos. Que el contenido del sitio sea claro depende de la calidad de la redacción.

Las pruebas de usabilidad de cinco segundos son las mejores para responder las siguientes preguntas:

  • ¿Para qué se utiliza este sitio?
  • ¿Es fácil para un visitante conocer la empresa?
  • ¿Cuáles son los beneficios de este servicio o producto?

Cómo crear una prueba de cinco segundos:

  1. Diseña lo que quieras usar en tu prueba de usabilidad. En la mayoría de los casos, se trata de una página de inicio, una página de destino o una página de producto. Puede usar la extensión de Google Chrome para tomar una captura de pantalla.
  2. Sube tu diseño a un servicio de pruebas de usabilidad como UsabilidadHub.
  3. Haz preguntas de prueba de usabilidad. 

Las pruebas de usabilidad de cinco segundos son una excelente manera de proporcionar datos tanto cualitativos como cuantitativos para generar resultados.

4. Método: Clasificación de las cartas.

El propósito de la clasificación de tarjetas es comprender cómo los usuarios o clientes encuentran información, navegan por el sistema, etiquetan la información y la organizan.

clasificación de tarjetas para pruebas de UX

Esta popular técnica se utiliza al diseñar o evaluar la arquitectura de información de un sitio y mejorar la navegación. Los usuarios reciben tarjetas con bosquejos de la estructura de información del sitio y las ordenan en la secuencia que les parece lógica.

Para probar la usabilidad de la clasificación de tarjetas para su sitio web o aplicación, puede utilizar:

  • tarjetas reales;
  • pegatinas de papel;
  • notas;
  • software de clasificación de tarjetas en línea.

Hay 2 tipos de clasificación:

  1. Clasificación de tarjetas abiertas:  los miembros son libres de organizar los temas de contenido en grupos que tengan sentido para ellos. Luego, los participantes etiquetan estos grupos de temas sin clasificaciones predefinidas.
  2. Clasificación de tarjetas cerradas: los participantes clasifican los temas de contenido en categorías predefinidas.

5. Un método de prueba de usabilidad similar a un árbol.

Este método de investigación de usabilidad se utiliza para evaluar si los temas y elementos son fáciles de encontrar en un sitio web o una aplicación.

Usando una versión de texto simplificada de la estructura del sitio, el usuario navega a través de una serie de temas de nivel superior seleccionando un encabezado y luego una lista de subtemas. El usuario completa la tarea cuando está seguro de haber elegido el tema correcto.

Cómo utilizar las pruebas de árbol:

  1. Crea tu propio árbol. Esta es la estructura de su sitio.
  2. Escribe una serie de problemas de "búsqueda". Por ejemplo: compró un reloj nuevo y necesita una funda protectora. ¿Dónde te gustaría comprarlo?
  3. Reclute participantes para su prueba. En la mayoría de los casos, desea involucrar al usuario de su sitio web o producto.
  4. Pida a los participantes que completen sus elementos de prueba.
  5. Analiza los resultados finales de tu prueba de usabilidad.

La investigación se puede realizar en un sitio existente como base. Se pueden comparar con los resultados de cada etapa de las pruebas de usabilidad: Stephen Byrne.

6. Repeticiones de sesiones.

La repetición de la sesión no es una grabación de audio y video del viaje y las acciones de un usuario en su sitio. Incluye acciones de la interfaz de usuario como desplazarse, hacer clic e interactuar con formularios. Esta suele ser una forma anónima de probar la usabilidad de su sitio web.

Es ideal para identificar el comportamiento y las tendencias de los usuarios. Tiene una ventaja sobre las pruebas de usuario. Los participantes en la auditoría no saben que están siendo observados. De esta forma, los usuarios demuestran su comportamiento real en el sitio.

Al igual que con Google Analytics, para comenzar con las repeticiones de sesiones, todo lo que tiene que hacer es instalar un fragmento de JavaScript en su sitio para comenzar a recopilar datos. 

7. Encuestas.

Al trabajar en conjunto con otras pruebas, las encuestas son excelentes para comparar datos cualitativos y cuantitativos y comentarios de sus usuarios.

Con la ayuda de herramientas de encuestas, puede recopilar información de sus usuarios en el momento en que realizaron ciertas acciones en la página.

Por ejemplo: un usuario acaba de comprar un artículo: envíele una encuesta motivada para averiguar qué tan difícil o fácil fue el proceso de compra.

un usuario satisfecho deja una reseña

8. Mapas de calor.

Es una representación gráfica de dónde los usuarios hicieron clic, se desplazaron, se desplazaron o navegaron por las páginas.

visualización del movimiento del usuario en el mapa de calor del sitio de toques de pantalla

Determine dónde fueron varios miembros a una página en particular. En un mapa de calor, las áreas de clic de nivel superior generalmente se muestran en rojo y los niveles de interacción generalmente se indican en naranja, amarillo, verde y azul.

Además, un mapa de calor de desplazamiento muestra el porcentaje de usuarios que se desplazan a un nivel o área en una página específica.

Hay mapas de calor de seguimiento ocular. Similar a cómo funcionan los mapas de calor, los mapas de seguimiento ocular muestran dónde es más probable que los usuarios estén mirando en una página web. 

9. Comentarios de los usuarios.

Puede proporcionar a los usuarios la posibilidad de proporcionar comentarios sobre UX o usabilidad cuando sientan la necesidad de hacerlo.

Las herramientas populares como Hotjar y UserSnap ofrecen la posibilidad de agregar un widget a su sitio, lo que permite al visitante seleccionar el área del sitio sobre la que desea dar su opinión.

Esto permitirá que el usuario sea abierto y honesto sobre ciertos elementos de su sitio que afectan la UX. Sin embargo, los comentarios recibidos no son tan detallados como las pruebas personalizadas o las repeticiones de sesiones, y pueden variar de una página a otra, lo que limita el tamaño de la muestra.

Si bien la cantidad de datos puede ser pequeña, puede recopilar información sobre el sentimiento y el uso del lenguaje de la audiencia objetivo. Luego, cambie la ortografía del texto para que coincida con los idiomas de los visitantes del sitio.

10. Pruebas A / B.

Esta es la mejor manera de medir con precisión y ver si sus cambios están impactando positivamente la métrica que es importante para su UX.

Puede probar diferentes diseños y distribuciones de elementos del sitio. Una prueba A / B mostrará cuáles resonaron más entre los usuarios.

Las pruebas AB muestran cuál de las dos opciones de diseño es más popular entre los usuarios.

11. Investigación biométrica UX.

La capacidad de comprender verdaderamente cómo se siente una persona mientras usa un recurso web es el sueño de un investigador de UX.

¿Están decepcionados? ¿Les gusta él? 

Poder comprender con precisión los sentimientos del usuario durante la experiencia nos ayuda a optimizar y mejorar nuestra UX.

La investigación biométrica abarca muchos métodos de investigación, que incluyen:

  • Seguimiento  Mira : la capacidad de seguir el movimiento de los ojos de los participantes. Por lo que están mirando, mirando, cuánto tiempo están mirando, etc. Algo así como un mapa de clics y calor, pero esta es la observación de una persona desde el exterior, no un programa.
  • EEG (electroencefalografía):  medir la actividad eléctrica del cerebro usando electrodos. Excelente para mostrar emociones sobre la marcha y realizar un seguimiento de la actividad cognitiva.
  • GSR (respuesta galvánica de la piel):  La conductividad se mide en la pequeña cantidad de sudor que producen los poros de la piel. Proporciona información sobre su estado emocional.

Conclusión: Lista de verificación de pruebas de usuario.

  1. Comience por definir los resultados y los objetivos que desea lograr a través de las pruebas de experiencia del usuario.
  2. Pregunte qué preguntas es importante responder en una prueba de usuario para lograr sus resultados u objetivos.
  3. Elija un método de investigación de UX que responda a sus preguntas. Asimismo, asegúrese de elegir un método que se adapte a su tiempo, costo y otros recursos.
  4. Con una herramienta o servicio de usabilidad, ejecute una prueba de UX con probadores humanos reales y recopile comentarios cualitativos y datos cuantitativos.
  5. Analizar datos de prueba, diseño del sitio.

¡Pruebas informativas de UX para ti!

Basado en materiales del sitio: userpeek.com.

✓ ¿Cuáles son las principales direcciones de las pruebas de UX?

Son conductuales: muestran lo que hacen los usuarios y son "relacionales": les permiten saber lo que les gusta y lo que no.

☆ ¿Qué es un focus group como prueba de usabilidad?

Varios usuarios y un moderador se reúnen para discutir ideas para el diseño y la arquitectura del sitio.

✓ ¿De qué otra forma pueden participar los usuarios en la creación del sitio?

Pueden escribir en papel cómo ven la estructura del sitio y qué les resultará conveniente.

☆ ¿Cuándo se utilizan las pruebas con diarios de usuario?

Los usuarios escriben en un diario cuándo y bajo qué circunstancias pensaron sobre el producto que estaban desarrollando. Esto ayuda a comprender el contexto de su uso.

☆ ¿Qué son las pruebas de usabilidad en UX?

Las pruebas de usabilidad son la práctica de probar qué tan fácil es usar un diseño con un grupo de usuarios representativos.

☆ ¿Qué son las pruebas de usabilidad del sitio web?

Las pruebas de usabilidad del sitio web son la práctica de evaluar la funcionalidad y el diseño de su sitio web mediante la observación de las acciones y el comportamiento de los visitantes mientras realizan ciertas tareas.

☆ ¿Cómo escribir un caso de prueba de UX?

Al escribir guiones de tareas, debe seguir algunas pautas generales. Las tareas deben ser realistas. Si un usuario puede identificarse con una situación, es más probable que se involucre. Evite las indicaciones y sea específico.

Métodos de prueba de usabilidad del sitio.

Pruebas de usabilidad exitosas: 6 sencillos pasos

Personalizado pruebas Es un componente clave en el desarrollo y lanzamiento de un gran producto digital. Es importante verificar si el recurso web es conveniente en todas las etapas de su creación. Esto se puede entender haciendo un seguimiento de cómo los usuarios interactúan con el producto en un entorno realista. Gracias a la verificación usabilidad, puede ver exactamente qué funciona y qué no.

Las pruebas de usabilidad implican un enfoque integrado.

Hay muchas variables que pueden afectar la calidad y validez de una prueba de usabilidad. Cosas como el presupuesto, los plazos ajustados, los participantes, la escasez de personal, las preguntas mal estructuradas, los criterios poco claros y las diferentes condiciones de prueba a menudo sesgan los resultados.

Para asegurarse de configurar pruebas de usabilidad objetivas, debe comprender el proceso. Echemos un vistazo a 6 sencillos pasos para analizar con éxito el comportamiento del usuario.






Paso 1. Determine los objetivos de la prueba.

Empiece por definir claramente sus objetivos de prueba de usuarios. ¿Qué desea verificar y qué respuestas espera recibir?

Pruebe las opciones de destino:

  • Finalización de la tarea. ¿Puede un usuario lograr su objetivo en un recurso web? ¿Qué lo detiene en esto? ¿Hasta dónde pueden llegar los visitantes del sitio en el embudo de finalización de tareas?
  • Cuánto tiempo se pierde. ¿Cuánto tiempo tarda el usuario en alcanzar la meta? ¿La tarea está tardando demasiado o muy poco tiempo?
  • Eficiencia de transmisión. ¿Pueden los usuarios navegar por el producto fácilmente? ¿Alguna parte del flujo de usuarios fue confusa? ¿Necesito agregar o eliminar algún paso?
  • Detección de errores. ¿Los usuarios han tenido algún error? ¿Cuándo surgieron? ¿Podrían haberse evitado? ¿Si es así, cómo? ¿Cómo afectó la falla al usuario?

Lo que quieras probar depende completamente de ti. Solo asegúrese de definir sus objetivos de prueba con anticipación y mantener la coherencia. Las pruebas de usabilidad requieren mucha investigación, planificación y preparación. 

Paso 2: elija un método de prueba de usabilidad.

Una vez que haya decidido qué desea obtener de las pruebas, es hora de elegir el que mejor se adapte a sus necesidades. Hay muchos métodos de prueba a considerar. A continuación, se muestran algunos de los más comunes:

  • Entrevistas individuales en profundidad. Este método es el que lleva más tiempo. Requiere un moderador de pruebas capacitado y un guión preparado.
  • Pruebas de usuarios remotos. Este es un método rentable. Puede tener lugar en un entorno natural para los participantes, como en casa o en el trabajo.
  • Clasificación de tarjetas. Los participantes organizan las tarjetas de contenido en un dendrograma que comprenden mejor.
  • Pruebas A / B. A los usuarios se les presentan dos opciones para un producto digital para determinar qué versión funciona mejor. Este método requiere más participantes que otros para obtener resultados precisos.
  • Seguimiento del movimiento de los ojos. Este análisis utiliza software para rastrear dónde miran los usuarios cuando interactúan con su producto.
  • Grupo de enfoque. Esta prueba implica una discusión moderada entre pequeños grupos de usuarios. Se lleva a cabo en una sala equipada con un espejo de doble cara.

Al elegir un método de prueba de usuario, tenga en cuenta en qué etapa de desarrollo se encuentra su recurso web. Algunos tipos de pruebas se utilizan mejor desde el principio y algunos son más apropiados para el producto terminado. Por supuesto, también debe considerar aspectos como el presupuesto y las capacidades de prueba antes de elegir un método.

Paso 3. Encuentre usuarios típicos para probar.

Seleccione personas para aprobar las pruebas de usabilidad de acuerdo con criterios claros. Luego, verificará aquellos que coincidan con su perfil de usuario objetivo.

Alrededor de 3-5 personas suelen ser más que suficientes para identificar los problemas clave. Probador de segmentos según características específicas que reflejen su imagen de usuario ideal, por ejemplo:

  • Envejecer
  • Suelo
  • Ubicación
  • Educación
  • Profesión
  • Ingreso
  • Entrenamiento tecnico
  • Otras características de su producto

Para obtener resultados más confiables, seleccione personas que no estén familiarizadas con su producto. Quienes lo han utilizado pueden ser parciales o halagados si son conocidos o familiares de los desarrolladores. Por esta razón, no debe contratar a otros empleados, sus familiares directos o amigos. Es muy probable que probar su producto en estos grupos de personas reduzca la confiabilidad de sus resultados finales.

Además de los participantes de la prueba, también necesitará a alguien que dirija la prueba y varios observadores que tomarán notas durante la prueba.

Consejo: cuando haga preguntas personales, asegúrese de que sus preguntas de seguridad no incluyan nada más allá de la confidencialidad.

Paso 4. Cree secuencias de comandos de tareas.

La forma en que pide a los usuarios que completen las tareas es fundamental para el éxito de las pruebas de usabilidad. No desea revelar el orden exacto de las acciones que los usuarios deben realizar para llegar del punto A al punto B. Es importante que completen el viaje de forma intuitiva, por sí mismos.

Sea vago acerca de los scripts de tareas. Comparta la menor información posible sobre el progreso de la tarea. Las instrucciones demasiado detalladas pueden estropear el propósito de la prueba. Piense en ello como una ecuación matemática. Les das a los usuarios un problema y ellos tienen que encontrar la fórmula adecuada para resolverlo.

Pruebas de usabilidad de sitios

A continuación, se muestra un ejemplo de un script incorrecto para una tarea:

Vaya a la barra de búsqueda, ingrese sandalias rojas, seleccione el tamaño 8, haga clic en el botón Agregar al carrito y proceda al pago.

¿Por qué es tan malo? esta no es una prueba realista. En la práctica, los usuarios no reciben instrucciones sobre cómo completar la tarea. Lo adivinarán por sí mismos. Se deben crear las mismas condiciones para las personas que están probando el sitio.

Y aquí hay un ejemplo de un escenario de tarea exitoso:

Visite el sitio web y compre un par de sandalias rojas de su talla utilizando el número de tarjeta de crédito proporcionado.

Por qué es bueno: le da al usuario suficiente información sobre lo que quiere que haga sin revelar demasiado.

Al formular guiones de tareas, asegúrese de incluir tanto tareas abiertas como específicas. Las preguntas abiertas son excelentes para observar cómo los usuarios interactúan libremente con un producto. Las tareas específicas son efectivas cuando se prueban características específicas. 

Usados correctamente, ambos enfoques son extremadamente valiosos para las pruebas de los usuarios.

Paso 5. Creación de un esquema de prueba unificado.

Los scripts juegan un papel muy importante en las pruebas de usuario. Con un script, elimina la posibilidad de inconsistencias durante la validación. Curiosamente, suele ser el examinado quien causa las inconsistencias. 

Por ejemplo, podría saludar a un participante de una manera y enfatizar ciertas partes de una tarea de otra. O puede revelar algunos de los detalles del proceso de prueba a algunos y no a otros. Todo esto crea un entorno de prueba controvertido.

Es mejor utilizar un script para replicar su entorno de prueba y garantizar la coherencia en todo momento.

Registre todo lo que hace y dice durante las pruebas de usuario. Incluye, Cuándo y como dices y haces algo. Si bien esto puede parecer abrumador, créanos que no lo es. Recrear el entorno de prueba es la única forma en que el 100% puede confiar en la precisión de sus resultados.

Paso 6: analiza los resultados de las pruebas de usabilidad.

Este es el momento que estabas esperando. Finalmente, es hora de recopilar los resultados y ordenarlos. ¿Cómo respondieron los participantes a la prueba? ¿Cuáles son los problemas clave que encontraron? ¿Se ha confirmado alguna de tus hipótesis? Comparta sus hallazgos y resúmalos con su equipo.

Después de terminar de resumirlo, trabaje con los diseñadores y desarrolladores para:

  • priorizar problemas
  • discutir posibles soluciones,
  • Elija el mejor curso de acción para mejorar la experiencia del usuario.

Pruebas de usuario: comprobar, analizar, repetir.

Las pruebas de usuario exitosas son bastante fáciles si define sus objetivos, elige un método de prueba, crea guiones de tareas, formula sus preguntas y documenta los resultados.

Siga estos 6 pasos de prueba de usuario y obtenga respuestas que lo ayudarán a mejorar su experiencia de usuario, aumentar la retención de atención y obtener el beneficio que se merece. 

¡Prueba, analiza y repite!

Basado en materiales del sitio: adamfard.com

❤️ ¿Qué más debe tener en cuenta al realizar la prueba?

Es importante no ayudar a los usuarios a completar la tarea, no distraerlos.

❺ ¿Qué preguntas no se pueden utilizar en las pruebas?

Aquellos a los que se puede responder "sí" o "no" no son informativos, sugerentes.

❤️ ¿Cuánto tiempo debe durar el cheque?

No demasiado, pero sí lo suficiente para obtener respuestas a sus preguntas. No más de 12 tareas por sesión,

❺ ¿Dónde puedo encontrar participantes para la prueba?

Según un anuncio en el sitio, entre los clientes, a través de una agencia.

❺ ¿Qué método se utiliza para las pruebas de usabilidad?

Básicamente, el método de caja negra se utiliza para las pruebas de usabilidad.

❺ ¿Qué es un ejemplo de prueba de estrés?

A continuación, se muestran algunos ejemplos básicos de pruebas de carga.
Prueba de la impresora enviando una gran cantidad de documentos a imprimir.
Probando un servidor de correo con miles de usuarios concurrentes.
Probar un procesador de texto realizando cambios en una gran cantidad de datos.

❺ ¿Cuáles son los principios básicos de las pruebas de usabilidad?

Comprender las necesidades de los usuarios.
Definición de los objetivos de la prueba.
Formación de un equipo de testers.
Configuración de un entorno de prueba.

Los 10 errores principales en la usabilidad del diseño de sitios web.

Los 10 errores principales en el diseño web.

Si bien muchas atrocidades de la usabilidad del diseño son menos comunes de lo que solían ser, aún existen. Echemos un vistazo a diez de los delitos más atroces contra los usuarios. Estos son los flagelos del diseño web y los horrores del HTML.

En 1996, compilé muchos de los 10 mayores fracasos en diseño web y los actualiza periódicamente. Este artículo presenta los aspectos más destacados: lo peor errores en el diseño web






1. Mala búsqueda en el sitio.

El diseño de usabilidad también es importante para la búsqueda

Los motores de búsqueda que requieren una entrada literal reducen la usabilidad. No pueden manejar errores tipográficos, plurales, guiones u otras variaciones en las condiciones de consulta. Son especialmente difíciles de usar para las personas mayores, no son convenientes para todos.

Los motores de búsqueda priorizan los resultados basándose únicamente en la cantidad de términos de consulta que contienen, no en la importancia de cada documento.

Es mucho mejor si el servicio de información en línea coloca las "mejores ofertas" en la parte superior de la lista para consultas importantes, como los nombres de sus productos.

Si bien una búsqueda avanzada a veces puede ayudar con búsquedas difíciles, una búsqueda simple generalmente funciona mejor. Debe estar convenientemente ubicado y ser visible de inmediato.

La búsqueda debe presentarse como un campo simple, ya que esto es lo que buscan los usuarios.

2. Archivos PDF para lectura en línea.

Los usuarios odian toparse con archivos PDF mientras navegan porque rompe el ritmo de búsqueda y lectura. Incluso cosas simples como imprimir o guardar documentos son difíciles y requieren mucho tiempo. 

Los diseños a menudo se optimizan para una hoja de papel que rara vez se ajusta a la ventana del navegador del usuario. 

Adiós al desplazamiento suave. Hola fuentes diminutas. Lo peor de todo es que PDF es un bloque de contenido indiferenciado que es difícil de navegar.

PDF es ideal para imprimir y distribuir manuales y otros documentos grandes que deben imprimirse. Resérvelo para este fin y convierta cualquier información que necesite ser visualizada o leída en pantalla en páginas web reales.

3. El color de los enlaces visitados no cambia.

Un truco de usabilidad simple e importante para aumentar las conversiones.

Una buena comprensión de la navegación anterior le ayudará a ver su ubicación actual en la página del navegador. Esto hace que sea más fácil decidir adónde ir a continuación.

Los enlaces son un factor clave en la navegación. Los usuarios pueden excluir aquellas fuentes que no tuvieron éxito. Por el contrario, pueden volver a los enlaces que les han resultado útiles en el pasado.

Y lo que es más importante, saber qué páginas han visitado los usuarios les libera de visitar accidentalmente las mismas páginas una y otra vez.

Estos beneficios solo están disponibles en un caso. Los usuarios pueden distinguir entre enlaces visitados y no visitados si el sitio los muestra en diferentes colores. Cuando los enlaces que visitan no cambian de color, es difícil para los usuarios navegar por las páginas que ya han visitado.

4. Diseño de varias letras. Texto no rastreable en las páginas.

¡Una pared de texto es mortal al navegar por las páginas! Intimidante. Aburrido. Duele leer.

texto no escaneable

Escriba para la web, no imprima. Utilice técnicas bien documentadas para involucrar a los usuarios en el texto y mantener la capacidad de escaneo:

  • subtítulos;
  • listas con viñetas;
  • palabras clave destacadas;
  • párrafos cortos;
  • pirámide invertida;
  • estilo de escritura simple.

5. Tamaño de fuente fijo en el diseño.

Desafortunadamente, las hojas de estilo CSS brindan a los sitios web la capacidad de deshabilitar el botón "cambiar tamaño de fuente" en un navegador web y mantener constantes las letras, números y símbolos. 

Aproximadamente en los casos de 95%, el tamaño de fuente fijo es pequeño, lo que reduce en gran medida la legibilidad para la mayoría de las personas mayores de 40 años.

Guarde la configuración personalizada y permítales cambiar el tamaño del texto según sea necesario. Además, use tamaños de fuente relativos, no píxeles absolutos.

6. Títulos de páginas con baja visibilidad en buscadores.

La búsqueda es la forma más importante en que los usuarios encuentran sitios web. También es una de las formas más convenientes de buscar sitios web individuales. 

Un título conciso que refleje el significado del contenido de la página es su principal herramienta para atraer nuevos visitantes. Ayudará a sus usuarios existentes a encontrar la información que necesitan.

El título de la página está contenido en la etiqueta HTML y casi siempre se usa como un título en el que se puede hacer clic para listados en las páginas de resultados del motor de búsqueda SERP. Los motores de búsqueda suelen mostrar los primeros 66 caracteres del título, por lo que en realidad se trata de microcontenido. </html></p> <p>Los títulos de página también se utilizan como entrada predeterminada en Favoritos cuando los usuarios marcan un sitio como favorito. Para su página de inicio, comience con el nombre de la empresa y luego agregue una breve descripción del sitio. </p> <blockquote class="wp-block-quote"><p>La primera palabra del título debe comenzar con la letra bajo la que desea catalogarlo.</p></blockquote> <p>Para las páginas que no son de inicio, comience el título con algunas de las palabras más importantes. Deben ser sobre lo que los usuarios encontrarán en esta página. </p> <p>El título de la página se utiliza como título de la ventana en el navegador. También se utiliza como etiqueta para esta ventana en la barra de tareas de Windows. </p> <p>Esto significa que los usuarios avanzados navegarán entre múltiples ventanas bajo la guía de las primeras palabras del título de cada página. Si todos los títulos de su página comienzan con las mismas palabras, será inconveniente para los usuarios que trabajen con múltiples ventanas. </p> <blockquote class="wp-block-quote"><p>Los lemas en las páginas de inicio son un tema relacionado: también deben ser breves y comunicar rápidamente el propósito del sitio.</p></blockquote> <h2 class="wp-block-heading">7. Mucho de lo que parece publicidad en el diseño de páginas. </h2> <p>La atención selectiva es muy poderosa. Los usuarios de Internet han dejado de prestar atención a los anuncios que interfieren con su navegación dirigida. La principal excepción son solo los anuncios de texto en los motores de búsqueda.</p> <p>Desafortunadamente, los usuarios también ignoran los elementos de diseño legítimos que parecen formas comunes de publicidad. Después de todo, cuando ignoras algo, no lo estudias en detalle para averiguar qué es.</p> <blockquote class="wp-block-quote"><p>Es mejor evitar cualquier diseño que parezca publicidad. </p></blockquote> <p>La forma de aplicar este consejo dependerá de las nuevas formas de publicidad. Observe las siguientes reglas por el momento:</p> <ul><li><strong>Ceguera de la bandera</strong>... Esto significa que los usuarios nunca se conforman con algo que parezca un banner publicitario debido a la forma o posición en la página.</li><li><strong>Evitando la animación</strong>... Obliga a los usuarios a ignorar áreas con texto parpadeante o parpadeante u otras animaciones agresivas.</li><li><strong>Limpieza emergente</strong>... Los usuarios cierran las ventanas emergentes antes de mostrar el contenido por completo.</li></ul> <h2 class="wp-block-heading">8. Violación de las reglas de usabilidad del diseño.</h2> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="940" height="788" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20940%20788'%3E%3C/svg%3E" alt="colocar texto en un estilo similar" class="wp-image-9323" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile.png 940w, https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile-300x251.png 300w, https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile-600x503.png 600w, https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile-768x644.png 768w" data-lazy-sizes="(max-width: 940px) 100vw, 940px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile.png" /><noscript><img loading="lazy" decoding="async" width="940" height="788" src="https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile.png" alt="colocar texto en un estilo similar" class="wp-image-9323" srcset="https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile.png 940w, https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile-300x251.png 300w, https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile-600x503.png 600w, https://topuser.pro/wp-content/uploads/2020/05/razmeshchenie-teksta-v-pohozhem-stile-768x644.png 768w" sizes="(max-width: 940px) 100vw, 940px" /></noscript></figure> <p><strong>Consistencia</strong> Es uno de los principios de usabilidad más poderosos: cuando las cosas siempre se comportan igual, los usuarios no tienen que preocuparse por lo que sucederá. En cambio ellos saben<em>,</em> lo que sucederá en base a la experiencia previa. </p> <blockquote class="wp-block-quote"><p>Cada vez que sueltas una manzana sobre Sir Isaac Newton, cae sobre su cabeza. </p><p></p></blockquote> <p>Cuanto más se cumplan las expectativas de los usuarios, más ganas tendrán de gestionar el sistema y más les gustará. Cuanto más frustra a los usuarios el sistema, más inseguros se sentirán. </p> <blockquote class="wp-block-quote"><p>Oh, tal vez si suelto esta manzana, se convierte en un tomate y salta una milla hacia el cielo.</p></blockquote> <p>La Ley de Jacob de la experiencia del usuario de Internet establece que "los usuarios pasan la mayor parte de su tiempo en<em> </em>otros sitios ".</p> <p>Esto significa que forman sus expectativas para su sitio en función de lo que se suele hacer en la mayoría de los sitios. Si su recurso web es muy diferente de los demás, será más difícil trabajar con él y los usuarios se irán.</p> <h2 class="wp-block-heading">9. Abrir una nueva ventana en el navegador.</h2> <blockquote class="wp-block-quote"><p>Abrir nuevas ventanas del navegador es como un vendedor de aspiradoras que inicia una visita vaciando un cenicero sobre la alfombra de un cliente. </p></blockquote> <p>No contamine la pantalla del usuario con ventanas adicionales. Especialmente porque los sistemas operativos actuales tienen una gestión de ventanas deficiente.</p> <p>Los diseñadores agregan nuevas ventanas de navegador, asumiendo que los usuarios permanecen en su sitio web. Esta estrategia es suicida porque desactiva el "<em>Atrás "</em>... Es la forma habitual de que los usuarios regresen a sus sitios anteriores. </p> <p>Los usuarios a menudo no notan que se ha abierto una nueva ventana, especialmente si están usando un monitor pequeño donde las ventanas se maximizan para llenar la pantalla. Por tanto, el usuario que intente volver al punto de partida se confundirá con el botón gris "<em>Atrás "</em> .</p> <p>Los enlaces que no se comportan correctamente socavan la comprensión de los usuarios de su propio sistema. El enlace debe ser un enlace de hipertexto simple que reemplace la página actual con contenido nuevo. </p> <p>Los usuarios odian las ventanas emergentes frívolas. Cuando quieren que el destino aparezca en una nueva página. Pueden usar el comando "abrir en una nueva ventana" de su navegador, siempre que el enlace no sea un fragmento de código que interfiera con el comportamiento estándar del navegador.</p> <h2 class="wp-block-heading">10. El contenido de la página no responde a las preguntas de los usuarios.</h2> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="682" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20682'%3E%3C/svg%3E" alt="Usabilidad de la página del sitio" class="wp-image-9325" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-1024x682.jpg 1024w, https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-300x200.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-600x400.jpg 600w, https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-768x512.jpg 768w, https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu.jpg 1280w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-1024x682.jpg" /><noscript><img loading="lazy" decoding="async" width="1024" height="682" src="https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-1024x682.jpg" alt="Usabilidad de la página del sitio" class="wp-image-9325" srcset="https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-1024x682.jpg 1024w, https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-300x200.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-600x400.jpg 600w, https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu-768x512.jpg 768w, https://topuser.pro/wp-content/uploads/2020/05/polzovatel-ne-nashel-nuzhnuyu-informaciyu.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></figure> <p>La gente está muy motivada en Internet. Visitan sitios porque quieren lograr algo. Incluso podría estar comprando su producto. La falla final del sitio web es no proporcionar la información que los usuarios buscan.</p> <p>A veces, la respuesta es simplemente no y pierde la venta porque los usuarios tienen que asumir que su producto o servicio no satisface sus necesidades a menos que les diga los detalles. </p> <p>En otros casos, la presentación del producto se oculta bajo una gruesa capa de mercado y consignas vagas. Dado que los usuarios no tienen tiempo para leer todo, casi no debería haber tal información oculta.</p> <blockquote class="wp-block-quote"><p>El peor ejemplo de no responder a las solicitudes de los usuarios es evitar la lista de precios de bienes y servicios. </p></blockquote> <p>Ningún sitio de comercio electrónico B2C cometería este error, pero se encuentra en B2B, donde están representadas la mayoría de las "soluciones empresariales". No se puede determinar si son adecuados para 100 personas o 100.000 personas. </p> <p>El precio es la información más específica que los clientes utilizan para comprender la naturaleza de una oferta. Su ausencia hace que las personas se sientan perdidas y reduce su comprensión de la línea de productos. </p> <p>Incluso los sitios B2C a menudo cometen el error de olvidar los precios en las listas de productos, como las páginas de categorías o los resultados de búsqueda. Conocer el precio es clave en ambas situaciones. Esto permite a los usuarios diferenciar entre productos y navegar hasta el más adecuado para ellos.</p> <p>Basado en materiales del sitio: www.nngroup.com.</p> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ ¿Qué tipos de motores de búsqueda existen?</h3> <div> <p> Directorios de búsqueda, sistemas de clasificación, índices de búsqueda. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ ¿Qué son los anuncios web en los sitios web?</h3> <div> <p> Contextual, banner, viral y teaser. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ ¿Qué es B2B y B2C?</h3> <div> <p> Estos son tipos de estrategias de marketing.<br>De empresa a empresa es cuando los servicios de una empresa están diseñados para clientes en forma de otras empresas. Negocio para clientes, cuando los clientes son usuarios finales. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ ¿Qué es un eslogan?</h3> <div> <p> Esta es una frase lacónica que lleva la oferta publicitaria de la empresa. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ ¿Cómo evaluar la usabilidad del sitio?</h3> <div> <p> Métodos de evaluación de la usabilidad.<br>Prueba de usabilidad básica en un sitio existente. <br>Focus groups, encuestas o entrevistas para definir los objetivos del usuario. <br>Prueba de clasificación de tarjetas para ayudar al desarrollo de IA. <br>Pruebas de estructura alámbrica para evaluar la navegación. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ ¿Cuáles son los problemas típicos de GUI que busca en una página web?</h3> <div> <p> 5 señales que indican problemas de usabilidad del sitio web <br>Mala primera impresión. Por razones obvias, uno de los aspectos más importantes de la usabilidad de un sitio web es cómo se carga su sitio web y cómo estructura su página de inicio. <br>Enlaces mal estructurados. <br>Exceso de texto en el sitio web. <br>Falta de coherencia. <br>Navegación dificultosa. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ ¿Qué hace que una aplicación sea mala?</h3> <div> <p> Una mala aplicación no satisface las necesidades del usuario y no hace lo que se pretende que haga. Todas las aplicaciones se crean para un público objetivo: un país, una edad, un sexo o un área de interés específicos. </p> </div> </div> </section> <script type="application/ld+json">{ "@context": "https:\/\/schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "\u2714\ufe0f \u00bfQu\u00e9 tipos de motores de b\u00fasqueda existen?", "acceptedAnswer": { "@type": "Answer", "text": "\u041f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0435 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0438, \u0440\u0435\u0439\u0442\u0438\u043d\u0433\u043e\u0432\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0435 \u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfQu\u00e9 son los anuncios web en los sitios web?", "acceptedAnswer": { "@type": "Answer", "text": "\u041a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u043e\u0439, \u0431\u0430\u043d\u043d\u0435\u0440\u043d\u043e\u0439, \u0432\u0438\u0440\u0443\u0441\u043d\u043e\u0439 \u0438 \u0442\u0438\u0437\u0435\u0440\u043d\u043e\u0439." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfQu\u00e9 es B2B y B2C?", "acceptedAnswer": { "@type": "Answer", "text": "\u042d\u0442\u043e \u0432\u0438\u0434\u044b \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0438.<br>\u0411\u0438\u0437\u043d\u0435\u0441 \u0434\u043b\u044f \u0431\u0438\u0437\u043d\u0435\u0441\u0430, \u044d\u0442\u043e \u043a\u043e\u0433\u0434\u0430 \u0443\u0441\u043b\u0443\u0433\u0438 \u0444\u0438\u0440\u043c\u044b \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u043d\u044b \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u0432 \u0432\u0438\u0434\u0435 \u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u0440\u0435\u0434\u043f\u0440\u0438\u044f\u0442\u0438\u0439. \u0411\u0438\u0437\u043d\u0435\u0441 \u0434\u043b\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0433\u0434\u0430 \u0437\u0430\u043a\u0430\u0437\u0447\u0438\u043a\u0430\u043c\u0438 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0438." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfQu\u00e9 es un eslogan?", "acceptedAnswer": { "@type": "Answer", "text": "\u042d\u0442\u043e \u043b\u0430\u043a\u043e\u043d\u0438\u0447\u043d\u0430\u044f \u0444\u0440\u0430\u0437\u0430, \u043d\u0435\u0441\u0443\u0449\u0430\u044f \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u043e\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfC\u00f3mo evaluar la usabilidad del sitio?", "acceptedAnswer": { "@type": "Answer", "text": "\u041c\u0435\u0442\u043e\u0434\u044b \u043e\u0446\u0435\u043d\u043a\u0438 \u044e\u0437\u0430\u0431\u0438\u043b\u0438\u0442\u0438.<br>\u0411\u0430\u0437\u043e\u0432\u043e\u0435 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043d\u0430 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u043c \u0441\u0430\u0439\u0442\u0435. <br>\u0424\u043e\u043a\u0443\u0441-\u0433\u0440\u0443\u043f\u043f\u044b, \u043e\u043f\u0440\u043e\u0441\u044b \u0438\u043b\u0438 \u0438\u043d\u0442\u0435\u0440\u0432\u044c\u044e \u0434\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0446\u0435\u043b\u0435\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439. <br>\u0422\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 Card Sort \u0434\u043b\u044f \u043f\u043e\u043c\u043e\u0449\u0438 \u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 IA. <br>\u0422\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u0430\u0440\u043a\u0430\u0441\u0430 \u0434\u043b\u044f \u043e\u0446\u0435\u043d\u043a\u0438 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfCu\u00e1les son los problemas t\u00edpicos de GUI que busca en una p\u00e1gina web?", "acceptedAnswer": { "@type": "Answer", "text": "5 \u043f\u0440\u0438\u0437\u043d\u0430\u043a\u043e\u0432, \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0449\u0438\u0445 \u043d\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0441 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u043e\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0430. <br>\u041f\u043b\u043e\u0445\u043e\u0435 \u043f\u0435\u0440\u0432\u043e\u0435 \u0432\u043f\u0435\u0447\u0430\u0442\u043b\u0435\u043d\u0438\u0435. \u041f\u043e \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u044b\u043c \u043f\u0440\u0438\u0447\u0438\u043d\u0430\u043c \u043e\u0434\u043d\u0438\u043c \u0438\u0437 \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0432\u0430\u0436\u043d\u044b\u0445 \u0430\u0441\u043f\u0435\u043a\u0442\u043e\u0432 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0442\u043e, \u043a\u0430\u043a \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442\u0441\u044f \u0432\u0430\u0448 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442 \u0438 \u043a\u0430\u043a \u0432\u044b \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u0443\u0435\u0442\u0435 \u0441\u0432\u043e\u044e \u0433\u043b\u0430\u0432\u043d\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. <br>\u041f\u043b\u043e\u0445\u043e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438. <br>\u0427\u0440\u0435\u0437\u043c\u0435\u0440\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442 \u043d\u0430 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0435. <br>\u041e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438. <br>\u0421\u043b\u043e\u0436\u043d\u0430\u044f \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfQu\u00e9 hace que una aplicaci\u00f3n sea mala?", "acceptedAnswer": { "@type": "Answer", "text": "\u041f\u043b\u043e\u0445\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0435 \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u044f\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438 \u043d\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0442\u043e, \u0434\u043b\u044f \u0447\u0435\u0433\u043e \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e. \u0412\u0441\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441\u043e\u0437\u0434\u0430\u044e\u0442\u0441\u044f \u0434\u043b\u044f \u0446\u0435\u043b\u0435\u0432\u043e\u0439 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u0438 \u2014\u00a0\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u044b, \u0432\u043e\u0437\u0440\u0430\u0441\u0442\u0430, \u043f\u043e\u043b\u0430 \u0438\u043b\u0438 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432." } } ] }</script> </div> <footer class="entry-meta" aria-label="Meta de entradas" data-no-translation-aria-label=""> <span class="cat-links"><span class="screen-reader-text">Categorías </span><a href="https://topuser.pro/es_es/categoria/ux-design-saita/" rel="category tag">Diseño de sitios web UX</a>, <a href="https://topuser.pro/es_es/categoria/konversia-usabiliti-seo/" rel="category tag">Todos los casos</a></span> <span class="tags-links"><span class="screen-reader-text">Etiquetas </span><a href="https://topuser.pro/es_es/etiqueta/veb-dizajn/" rel="tag">diseño web</a>, <a href="https://topuser.pro/es_es/etiqueta/oshibki-veb-dizajna/" rel="tag">errores de diseño web</a>, <a href="https://topuser.pro/es_es/etiqueta/top-10-oshibok-v-veb-dizajne/" rel="tag">Los 10 errores principales en el diseño web.</a></span> <span class="comments-link"><a href="https://topuser.pro/es_es/los-10-errores-principales-usabilidad-diseno-sitios-web/#respond" data-no-translation="" data-trp-gettext="">Deja un comentario</a></span> </footer> </div> </article> <article id="post-9130" class="post-9130 post type-post status-publish format-standard has-post-thumbnail hentry category-smm-socialnye-seti category-konversia-usabiliti-seo category-trendi tag-eyetracking tag-issledovanija-sposobov-chtenija-onlajn tag-kak-ljudi-chitajut-onlajn tag-2685" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header" aria-label="Contenido" data-no-translation-aria-label=""> <h2 class="entry-title" itemprop="headline"><a href="https://topuser.pro/es_es/como-gente-lee-contenido-linea-investigacion-usabilidad/" rel="bookmark">Cómo la gente lee el contenido en línea: investigación de usabilidad.</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="updated" datetime="2021-02-25T16:14:07+03:00" itemprop="dateModified">25 de febrero de 2021</time><time class="entry-date published" datetime="2021-01-11T01:00:00+03:00" itemprop="datePublished">11 de enero de 2021</time></span> <span class="byline">por <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://topuser.pro/es_es/author/kristina/" title="Ver todas las entradas de Kristina" rel="author" itemprop="url" data-no-translation-title=""><span class="author-name" itemprop="name">Kristina</span></a></span></span> </div> </header> <div class="post-image"> <a href="https://topuser.pro/es_es/como-gente-lee-contenido-linea-investigacion-usabilidad/"> <img width="940" height="788" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20940%20788'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="cómo la gente lee la investigación en línea" itemprop="image" decoding="async" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija.png 940w, https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija-300x251.png 300w, https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija-600x503.png 600w, https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija-768x644.png 768w" data-lazy-sizes="(max-width: 940px) 100vw, 940px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija.png" /><noscript><img width="940" height="788" src="https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija.png" class="attachment-full size-full wp-post-image" alt="cómo la gente lee la investigación en línea" itemprop="image" decoding="async" srcset="https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija.png 940w, https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija-300x251.png 300w, https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija-600x503.png 600w, https://topuser.pro/wp-content/uploads/2020/05/kak-ljudi-chitajut-onlain-issledovanija-768x644.png 768w" sizes="(max-width: 940px) 100vw, 940px" /></noscript> </a> </div> <div class="entry-content" itemprop="text"> <p>Mirando hacia atrás en los resultados de una serie de estudios durante 13 años, podemos ver que los principios básicos del escaneo humano de texto siguen siendo los mismos incluso cuando cambia el diseño.</p> <blockquote class="wp-block-quote"><p>Cuanto más cambian las cosas, más permanecen igual.</p></blockquote> <p>Recientemente publicamos la segunda edición de nuestro estudio de usabilidad "Cómo la gente lee en línea", casi 15 años después de la publicación de la Fase 1. Mirando hacia atrás en los resultados de 5 estudios realizados para estas publicaciones, podemos rastrear cómo ha cambiado o no el comportamiento de la lectura en Internet.</p> <p>Hemos estado hablando de esto desde 1997: </p> <blockquote class="wp-block-quote"><p>La gente rara vez lee en Internet; escanean con más frecuencia de lo que leen palabra por palabra. </p></blockquote> <p>Ésta es una de las verdades fundamentales del comportamiento de búsqueda de información en Internet. No ha cambiado en 23 años y tiene un impacto significativo en cómo creamos digital <a href="https://topuser.pro/es_es/prodaushii-kontent/">contenido</a>.</p> <p>La razón por la que esta conclusión y otras discutidas aquí siguen siendo válidas es porque se basa en el comportamiento humano básico.</p> <p>Si bien los cambios masivos en la tecnología han cambiado algunos comportamientos, muchos de nuestros hallazgos iniciales sobre cómo leen las personas <a href="https://topuser.pro/es_es/courses/">en línea</a>siguen siendo verdaderas incluso después de más de 20 años.</p> <br><br><iframe width="560" height="315" src="https://www.youtube.com/embed/RJm1gib2nmk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe><br><br><br> <h2 class="wp-block-heading">Metodología: Eyetracking.</h2> <blockquote class="wp-block-quote"><p>El equipo de seguimiento ocular rastrea la mirada del usuario mientras usa la interfaz. </p></blockquote> <p>Este tipo de investigación es útil para muchos propósitos, incluida la evaluación del diseño visual. Es especialmente necesario estudiar lo que la gente lee o no lee en Internet.</p> <p>La mayoría de los estudios que se analizan a continuación contenían partes tanto cuantitativas como cualitativas.</p> <p>Los estudios de seguimiento de eventos cuantitativos agregan el comportamiento de visualización de un gran número de participantes. Los resultados incluyen mapas de calor y métricas de mirada. Por ejemplo, el número medio de confirmaciones en un elemento específico de interés para la interfaz.</p> <p>En la investigación cualitativa sobre seguimiento ocular, los investigadores analizan el comportamiento de navegación de los usuarios mediante gazeplots y repeticiones de miradas. En muchas ocasiones, les pedimos a los participantes que trajeran sus propias tareas para el trabajo, la escuela o la vida personal para completar en esta parte de la sesión.</p> <p>Los resultados de esta segunda edición del informe se derivan de una serie de estudios que abarcan 13 años. A ellos asistieron más de 500 participantes y más de 750 horas de seguimiento.</p> <h2 class="wp-block-heading">Estudios iniciales de usabilidad 2006-2013</h2> <p>En 2006, llevamos a cabo una extensa investigación de seguimiento para comprender cómo leen las personas en línea. Participaron más de 300 participantes. Los resultados del estudio de 2006 formaron la base de la primera edición de nuestro informe, Cómo lee la gente en Internet.</p> <p>Posteriormente, realizamos dos pequeños estudios cualitativos en 2009 y 2013 para obtener nuevos hallazgos y ejemplos para actualizar el informe. No dieron lugar a cambios completos ni a una nueva revisión del informe.</p> <h2 class="wp-block-heading">Últimos estudios de usabilidad 2016-2019 </h2> <p>En 2016 y 2017, realizamos 2 estudios cuantitativos de seguimiento ocular en dos ubicaciones diferentes en los Estados Unidos: </p> <ul><li>Raleigh, Carolina del Norte - 46 miembros, </li><li>San Francisco, California - 105 participantes.</li></ul> <p>Esta investigación se centró en cómo la gente lee en línea. Los datos también fueron útiles para otros fines de investigación. Por ejemplo, el impacto de las interfaces de bajo valor en el diseño de interacciones.</p> <p>En 2019, realizamos un estudio de seguimiento de eventos a gran escala. Está diseñado específicamente para recopilar resultados para la segunda edición de Cómo la gente lee en línea. El estudio se realizó en dos lugares: </p> <ul><li>Raleigh, Carolina del Norte, EE. UU. - 48 participantes,</li><li>Beijing, China - 12 participantes.</li></ul> <blockquote class="wp-block-quote"><p>Encontramos que los comportamientos, incluidos los patrones de lectura, son muy similares en todos los idiomas y culturas porque se basan en el comportamiento humano.</p></blockquote> <p>Cuando nos encontramos con diferencias culturales, a menudo están presentes al comparar la cultura estadounidense o europea con las culturas asiáticas. Una parte cualitativa del estudio de Beijing tenía como objetivo identificar las diferencias culturales en el procesamiento de contenido, si las hubiera.</p> <h2 class="wp-block-heading">¿Qué cambió? </h2> <p><strong>Nuevos diseños, nueva plantilla</strong>.</p> <p>Desde 2006, la forma en que se representa un idioma ha cambiado. El diseño receptivo significa que el contenido se puede mostrar de manera flexible según el ancho de la ventana o el tamaño del dispositivo. Como consecuencia, algunos de los consejos que dimos en 2006 ya no se aplican. </p> <p>Por ejemplo, la 1ª edición recomendó a las personas utilizar "diseño líquido" en lugar de "diseño fijo" para el texto. Si bien esta recomendación fue útil en ese momento, el auge del diseño receptivo ha popularizado tanto este enfoque que ya no necesitamos recomendarlo.</p> <p>Además, el aumento de la popularidad de las tablas de comparación y los diseños en zig-zag, donde el texto y las imágenes se alternan en cada línea de la página, ha coincidido con el desarrollo de una nueva plantilla de apariencia.</p> <blockquote class="wp-block-quote"><p>En páginas con diferentes celdas de contenido, las personas a menudo las procesan como una cortadora de césped. Empiezan a leer en la celda superior izquierda, se mueven a la derecha hasta el final de la fila, luego bajan a la siguiente fila, se mueven a la izquierda hasta el final de la línea, bajan a la siguiente fila, y así sucesivamente. </p></blockquote> <p>El nombre de este modelo está inspirado en la forma en que la cortadora de césped se mueve metódicamente hacia adelante y hacia atrás por un campo de césped. El cortacésped se mueve de un lado del césped al otro, luego se da la vuelta y corta la siguiente hilera de césped en la dirección opuesta.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="901" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20901%201024'%3E%3C/svg%3E" alt="Investigación de usabilidad" class="wp-image-9134" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/vzglyad-901x1024.png 901w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-300x341.png 300w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-600x682.png 600w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-264x300.png 264w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-768x873.png 768w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-1351x1536.png 1351w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad.png 1402w" data-lazy-sizes="(max-width: 901px) 100vw, 901px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/vzglyad-901x1024.png" /><noscript><img loading="lazy" decoding="async" width="901" height="1024" src="https://topuser.pro/wp-content/uploads/2020/05/vzglyad-901x1024.png" alt="Investigación de usabilidad" class="wp-image-9134" srcset="https://topuser.pro/wp-content/uploads/2020/05/vzglyad-901x1024.png 901w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-300x341.png 300w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-600x682.png 600w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-264x300.png 264w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-768x873.png 768w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad-1351x1536.png 1351w, https://topuser.pro/wp-content/uploads/2020/05/vzglyad.png 1402w" sizes="(max-width: 901px) 100vw, 901px" /></noscript></figure> <p>Esta página es una ilustración aproximada del diseño de una cortadora de césped. Las flechas muestran cómo se mueven los ojos. En este caso, la mirada se mueve a lo largo de la línea de la tabla de derecha a izquierda, luego baja a la siguiente línea y se mueve hacia la izquierda.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="773" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20773%201024'%3E%3C/svg%3E" alt="Investigación del sitio de usabilidad" class="wp-image-9136" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-773x1024.png 773w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-300x397.png 300w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-600x795.png 600w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-227x300.png 227w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-768x1017.png 768w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-1160x1536.png 1160w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie.png 1208w" data-lazy-sizes="(max-width: 773px) 100vw, 773px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-773x1024.png" /><noscript><img loading="lazy" decoding="async" width="773" height="1024" src="https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-773x1024.png" alt="Investigación del sitio de usabilidad" class="wp-image-9136" srcset="https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-773x1024.png 773w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-300x397.png 300w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-600x795.png 600w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-227x300.png 227w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-768x1017.png 768w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie-1160x1536.png 1160w, https://topuser.pro/wp-content/uploads/2020/05/scanirovanie.png 1208w" sizes="(max-width: 773px) 100vw, 773px" /></noscript></figure> <p>Un colaborador escaneó esta página de detalles del producto para el Apple Watch 3, a la izquierda, que tenía un diseño en zig-zag. Los movimientos de sus ojos se muestran en el gazeplot, a la derecha. Pasaron de imagen en texto, en imagen, en texto como una cortadora de césped.</p> <h2 class="wp-block-heading">Páginas de resultados de búsqueda complejas.</h2> <p>Descubrimos que los usuarios rastrean las SERP de forma mucho menos lineal de lo que solían hacerlo. Es muy probable que esto se deba al aumento de las oportunidades de SERP en los resultados de búsqueda de Google, así como a competidores como Bing.</p> <blockquote class="wp-block-quote"><p>Los diseños ricos y variados de los SERP modernos han provocado el desarrollo de un nuevo patrón: el pinball. En este esquema, el usuario ve la página de resultados en una ruta altamente no lineal, iterando a través de los resultados y las características de SERP.</p></blockquote> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="768" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%201024'%3E%3C/svg%3E" alt="mirada de pinball" class="wp-image-9137" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-768x1024.png 768w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-300x400.png 300w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-600x800.png 600w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-225x300.png 225w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-1152x1536.png 1152w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad.png 1200w" data-lazy-sizes="(max-width: 768px) 100vw, 768px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-768x1024.png" /><noscript><img loading="lazy" decoding="async" width="768" height="1024" src="https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-768x1024.png" alt="mirada de pinball" class="wp-image-9137" srcset="https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-768x1024.png 768w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-300x400.png 300w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-600x800.png 600w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-225x300.png 225w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad-1152x1536.png 1152w, https://topuser.pro/wp-content/uploads/2020/05/pinball-vzglyad.png 1200w" sizes="(max-width: 768px) 100vw, 768px" /></noscript></figure> <p>Esta ilustración es una imagen de un esquema de pinball, con ojos saltando entre diferentes elementos SERP. Por lo general, el movimiento se produce entre la barra lateral derecha y la columna central de resultados. </p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="722" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20722%201024'%3E%3C/svg%3E" alt="análisis de la mirada" class="wp-image-9138" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-722x1024.png 722w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-300x426.png 300w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-600x851.png 600w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-211x300.png 211w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-768x1090.png 768w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-1083x1536.png 1083w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-1444x2048.png 1444w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada.png 1128w" data-lazy-sizes="(max-width: 722px) 100vw, 722px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-722x1024.png" /><noscript><img loading="lazy" decoding="async" width="722" height="1024" src="https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-722x1024.png" alt="análisis de la mirada" class="wp-image-9138" srcset="https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-722x1024.png 722w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-300x426.png 300w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-600x851.png 600w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-211x300.png 211w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-768x1090.png 768w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-1083x1536.png 1083w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada-1444x2048.png 1444w, https://topuser.pro/wp-content/uploads/2020/05/analiz-vzglyada.png 1128w" sizes="(max-width: 722px) 100vw, 722px" /></noscript></figure> <blockquote class="wp-block-quote"><p>Un miembro buscó información sobre precios de Botox. El mirador numerado muestra todas sus fijaciones en 14 segundos que formaron el patrón de pinball. Y sí, escaneó 158 puntos en 14 segundos. Esta frecuencia de exploración es normal.</p></blockquote> <p>Además de cambiar la estructura de la apariencia, estas características de SERP también han tenido un gran impacto en el comportamiento de búsqueda de información. Las funciones SERP pueden:</p> <ul><li>Actuar como indicadores: sus imágenes pueden ayudar a los usuarios a asegurarse rápidamente de que están buscando el objeto deseado.</li><li>Llame la atención del usuario: las funciones SERP tienen mucho peso visual en la página, lo que puede distraer la vista del usuario en diferentes direcciones. Esta es la razón principal del patrón de pinball.</li><li>Considere solicitudes y tareas. Ciertas funciones de SERP, como el elemento Personas y preguntar o carrusel, permiten a Google presentar varias interpretaciones avanzadas de la consulta y permiten a los usuarios explorar estas alternativas sin salir de la página.</li></ul> <p>Proporcione respuestas rápidas. Para necesidades informativas simples, las funciones SERP a menudo responden las preguntas de los usuarios directamente en el SERP. Ya no necesitan hacer clic en los resultados de búsqueda para lograr sus objetivos, un fenómeno llamado buen rebote.</p> <h2 class="wp-block-heading">Ver modelos en China.</h2> <p>En 2006, estudiamos solo sitios y usuarios en inglés, pero asumimos que encontraríamos los mismos patrones de lectura en otros idiomas. </p> <blockquote class="wp-block-quote"><p>En nuestra reciente encuesta de usuarios en Beijing, descubrimos que los usuarios chinos también exhibían casi todos los patrones y comportamientos que encontramos entre los usuarios estadounidenses.</p></blockquote> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="811" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20811%201024'%3E%3C/svg%3E" alt="F-muestra" class="wp-image-9583" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-811x1024.png 811w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-300x379.png 300w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-600x758.png 600w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-238x300.png 238w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-768x970.png 768w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-1216x1536.png 1216w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec.png 1267w" data-lazy-sizes="(max-width: 811px) 100vw, 811px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-811x1024.png" /><noscript><img loading="lazy" decoding="async" width="811" height="1024" src="https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-811x1024.png" alt="F-muestra" class="wp-image-9583" srcset="https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-811x1024.png 811w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-300x379.png 300w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-600x758.png 600w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-238x300.png 238w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-768x970.png 768w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec-1216x1536.png 1216w, https://topuser.pro/wp-content/uploads/2020/05/f-obrazec.png 1267w" sizes="(max-width: 811px) 100vw, 811px" /></noscript></figure> <p>Uno de los participantes en nuestro estudio de Beijing escaneó esta página extremadamente larga de WDZJ.com. Solo escaneó el primer quinto de la página completa, a la izquierda, antes de irse. Sus exploraciones formaron un patrón F clásico, a la derecha.</p> <p>La única excepción fue el patrón de pinball; De las más de 60 búsquedas, solo vimos un patrón de pinball en Baidu SERP.</p> <p>Suponemos que no hay plantillas de pinball porque Baidu proporciona:</p> <ul><li>Menos funciones SERP por consulta que Google. </li><li>Las funciones SERP que no son tan atractivas visualmente como las funciones SERP de Google tienen cada vez menos imágenes. </li><li>Los elementos de la barra lateral que contienen anuncios y enlaces a otras SERP están menos relacionados con la consulta actual del usuario que la barra de conocimiento de Google. Por ejemplo, consultas relacionadas con Baidu o elementos de búsqueda de personas. </li></ul> <p>Existen al menos 3 diferencias principales entre el uso de Internet en EE. UU. Y China:</p> <ul><li>cultura; juego de caracteres, alfabeto latino versus un sistema de escritura chino mucho más rico y denso; </li><li>diferentes sitios web y servicios con diferentes diseños, incluida la tendencia de los sitios web chinos a tener una mayor complejidad de diseño que los occidentales.</li></ul> <blockquote class="wp-block-quote"><p>Dadas estas diferencias, llama la atención que el comportamiento lector en ambos países fue casi el mismo. </p></blockquote> <p>Si bien este hallazgo no es evidencia de que otros países exhibirán el mismo comportamiento, creemos que probablemente sea así. </p> <p>Por ejemplo, la investigación sobre el seguimiento no visual que realizamos con sitios árabes donde la lectura de derecha a izquierda encontró el mismo comportamiento, pero en una imagen reflejada.</p> <h2 class="wp-block-heading">Nuevos elementos de contenido.</h2> <p>En comparación con 2006, 3 tipos de contenido han ganado popularidad:</p> <ul><li>tablas, incluidas tablas de comparación; </li><li>elementos en línea, citas y anuncios;</li><li>revisiones y publicaciones de contenido personalizado.</li></ul> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="581" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20581'%3E%3C/svg%3E" alt="ejemplo" class="wp-image-9141" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/primer-1024x581.png 1024w, https://topuser.pro/wp-content/uploads/2020/05/primer-300x170.png 300w, https://topuser.pro/wp-content/uploads/2020/05/primer-600x340.png 600w, https://topuser.pro/wp-content/uploads/2020/05/primer-768x436.png 768w, https://topuser.pro/wp-content/uploads/2020/05/primer.png 1474w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/primer-1024x581.png" /><noscript><img loading="lazy" decoding="async" width="1024" height="581" src="https://topuser.pro/wp-content/uploads/2020/05/primer-1024x581.png" alt="ejemplo" class="wp-image-9141" srcset="https://topuser.pro/wp-content/uploads/2020/05/primer-1024x581.png 1024w, https://topuser.pro/wp-content/uploads/2020/05/primer-300x170.png 300w, https://topuser.pro/wp-content/uploads/2020/05/primer-600x340.png 600w, https://topuser.pro/wp-content/uploads/2020/05/primer-768x436.png 768w, https://topuser.pro/wp-content/uploads/2020/05/primer.png 1474w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></figure> <p>ScienceMag.com ha utilizado citas completas como se muestra aquí, así como mensajes en línea sobre su lista de correo.</p> <p>Como resultado, nuestra última investigación ha revelado comportamientos y preferencias en torno a estos elementos de contenido.</p> <p>Por ejemplo, mientras que en nuestra investigación, las citas fijas y los mensajes en línea recibieron confirmaciones, también notamos que tienden a interrumpir la lectura. </p> <blockquote class="wp-block-quote"><p>Varios participantes de nuestro estudio comenzaron a leer artículos de una manera casi lineal y completa hasta que entraron en una cita o un anuncio. Al llegar a uno de estos elementos, los participantes abandonaron la lectura y se sumergieron en un escaneo fácil.</p></blockquote> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="556" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20556'%3E%3C/svg%3E" alt="Usabilidad" class="wp-image-9142" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-1024x556.png 1024w, https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-300x163.png 300w, https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-600x326.png 600w, https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-768x417.png 768w, https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada.png 1397w" data-lazy-sizes="(max-width: 1024px) 100vw, 1024px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-1024x556.png" /><noscript><img loading="lazy" decoding="async" width="1024" height="556" src="https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-1024x556.png" alt="Usabilidad" class="wp-image-9142" srcset="https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-1024x556.png 1024w, https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-300x163.png 300w, https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-600x326.png 600w, https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada-768x417.png 768w, https://topuser.pro/wp-content/uploads/2020/05/tochki-vzglyada.png 1397w" sizes="(max-width: 1024px) 100vw, 1024px" /></noscript></figure> <p>Un participante escaneó este artículo de Science Magazine casi de forma lineal y en su totalidad hasta que apareció en un anuncio en línea. En ese momento, su atención se redujo drásticamente.</p> <h2 class="wp-block-heading">¿Qué no ha cambiado?</h2> <p><strong>Tendencia de escaneo</strong>.</p> <blockquote class="wp-block-quote"><p>La gente todavía escanea en su mayoría, no lee. Leer todo el texto de una página sigue siendo extremadamente raro. Incluso cuando los usuarios escanean todo el contenido, nunca lo hacen de forma completamente lineal. </p></blockquote> <p>Todavía se arrastran por las páginas, omiten parte del contenido, vuelven a escanear lo que se perdieron y vuelven a escanear el contenido que ya se ha escaneado.</p> <p>Aunque el escaneo ligero es el método principal utilizado para procesar información en Internet, la cantidad de tiempo que cada usuario está dispuesto a dedicar a la lectura depende de cuatro factores:</p> <ul><li>Nivel de motivación: ¿qué importancia tiene esta información para el usuario?</li><li>Tipo de problema: ¿El usuario busca un hecho específico, visualiza información nueva o interesante o investiga un tema?</li><li>Nivel de enfoque: ¿Qué tan enfocado (o no enfocado) el usuario en la tarea en cuestión?</li><li>Características personales: ¿Esta persona muestra predilección por escanear y tiene tendencia a escanear, incluso en un entorno muy motivado? ¿O está muy orientada a los detalles en su enfoque general de la lectura en línea?</li></ul> <blockquote class="wp-block-quote"><p>A partir de 2006, los creadores de contenido deben aceptar este hecho: es poco probable que las personas lean su contenido en su totalidad o de manera lineal. Solo quieren elegir la información que mejor se adapte a sus necesidades actuales. </p></blockquote> <p>Podemos desarrollar contenido que admita el escaneo:</p> <ul><li>Utilice títulos y subtítulos claros y destacados para separar secciones de contenido y subtítulos para que las personas puedan rastrear y encontrar solo lo que más les interesa.</li><li>Ubicación conveniente de la información. En otras palabras, "carga frontal" en nuestra estructura de contenido, así como en subtítulos y enlaces, para que las personas puedan comprender rápidamente el mensaje durante el rastreo.</li><li>Utilice técnicas de formato como listas con viñetas y texto en negrita para mantener la atención centrada en la información más importante.</li><li>Utilice un lenguaje sencillo para mantener el contenido conciso y claro.</li></ul> <h2 class="wp-block-heading">La mayoría busca modelos.</h2> <p>Casi todos los patrones de mirada observados en 2006 estaban presentes en nuestro estudio de 2019: </p> <ul><li>Patrón F;</li><li>Pastel en capas;</li><li>Patrón manchado;</li><li>Un modelo de compromiso;</li><li>Revisión integral;</li><li>Patrón de derivación;</li><li>Patrón de zigzag;</li><li>Patrón consistente;</li><li>Amor a primera vista.</li></ul> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="901" height="1024" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20901%201024'%3E%3C/svg%3E" alt="Investigación del sitio" class="wp-image-9144" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/sravnenie-901x1024.png 901w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-300x341.png 300w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-600x682.png 600w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-264x300.png 264w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-768x873.png 768w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-1351x1536.png 1351w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie.png 1400w" data-lazy-sizes="(max-width: 901px) 100vw, 901px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/sravnenie-901x1024.png" /><noscript><img loading="lazy" decoding="async" width="901" height="1024" src="https://topuser.pro/wp-content/uploads/2020/05/sravnenie-901x1024.png" alt="Investigación del sitio" class="wp-image-9144" srcset="https://topuser.pro/wp-content/uploads/2020/05/sravnenie-901x1024.png 901w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-300x341.png 300w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-600x682.png 600w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-264x300.png 264w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-768x873.png 768w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie-1351x1536.png 1351w, https://topuser.pro/wp-content/uploads/2020/05/sravnenie.png 1400w" sizes="(max-width: 901px) 100vw, 901px" /></noscript></figure> <p>Izquierda: Uno de nuestros primeros ejemplos del patrón F, descubierto a principios de la década de 2000 en 1900storm.com. Derecha: una instancia reciente del patrón F de Investopedia.com.</p> <p>Los principios rectores basados en el comportamiento humano son coherentes. Nuestros hallazgos originales se basaron en nuestra comprensión del comportamiento de los buscadores de información.</p> <p>El informe completo Cómo la gente lee en línea contiene:</p> <ul><li>Explicaciones y análisis en profundidad de todos los patrones de conducta y mirada mencionados aquí. </li><li>Más de 340 ilustraciones, visualizaciones de datos de mirada y capturas de pantalla de la investigación, 90% de las cuales son nuevas en la segunda edición.</li><li>Videoclips reales de sesiones de seguimiento de re-visualización.</li></ul> <blockquote class="wp-block-quote"><p>Como resultado, si bien el diseño ha cambiado en las últimas dos décadas, el comportamiento de lectura en línea sigue siendo esencialmente el mismo. La tecnología está cambiando rápidamente, pero la gente no.</p></blockquote> <p>De todos modos, solo estábamos observando un nuevo comportamiento que evolucionó en respuesta a los cambios de diseño. Por ejemplo, un patrón de pinball. Pero todos son sintomáticos de una verdad más profunda: la gente no quiere perder tiempo ni esfuerzo en línea. </p> <p>Siempre que desarrollemos contenido que reconozca esta realidad y ayude a guiar a las personas hacia la información que desean, estaremos en el camino correcto.</p> <p>Basado en materiales del sitio: nngroup.com.</p> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ ¿Qué es SERP? </h3> <div> <p> Esta es la página sugerida por los resultados de búsqueda en respuesta a la solicitud de un usuario. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ ¿Qué es la lectura lineal? </h3> <div> <p> Está leyendo cada letra, palabra y línea del texto. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ ¿Entendí correctamente que escanear es ver todo el material para encontrar la información que necesita? </h3> <div> <p> Sí exactamente. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ ¿Qué es Baidu? </h3> <div> <p> Es un motor de búsqueda de Internet chino. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ ¿Cómo pueden leer los usuarios en línea?</h3> <div> <p> La gente rara vez lee las páginas web palabra por palabra; en su lugar, escanean la página, seleccionando palabras y oraciones individuales. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ ¿Qué tan poco leen los usuarios?</h3> <div> <p> La gran mayoría de los usuarios leerán aproximadamente 20% de texto en la página central. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h3>✔️ ¿Por qué la gente rastrea sitios web?</h3> <div> <p> Los usuarios no leen los sitios web de la misma manera que leen otros materiales; escanean para encontrar rápidamente la información que mejor funciona para ellos. </p> </div> </div> </section> <script type="application/ld+json">false</script> <p></p> </div> <footer class="entry-meta" aria-label="Meta de entradas" data-no-translation-aria-label=""> <span class="cat-links"><span class="screen-reader-text">Categorías </span><a href="https://topuser.pro/es_es/categoria/smm-socialnye-seti/" rel="category tag">SMM. Redes sociales.</a>, <a href="https://topuser.pro/es_es/categoria/konversia-usabiliti-seo/" rel="category tag">Todos los casos</a>, <a href="https://topuser.pro/es_es/categoria/trendi/" rel="category tag">Tendencias</a></span> <span class="tags-links"><span class="screen-reader-text">Etiquetas </span><a href="https://topuser.pro/es_es/etiqueta/eyetracking/" rel="tag">Registro visual</a>, <a href="https://topuser.pro/es_es/etiqueta/issledovanija-sposobov-chtenija-onlajn/" rel="tag">investigar formas de leer en línea</a>, <a href="https://topuser.pro/es_es/etiqueta/kak-ljudi-chitajut-onlajn/" rel="tag">cómo la gente lee en línea</a>, <a href="https://topuser.pro/es_es/etiqueta/%d1%82%d0%b5%d0%ba%d1%81%d1%82-%d0%be%d0%bd%d0%bb%d0%b0%d0%b9%d0%bd/" rel="tag">texto en línea</a></span> <span class="comments-link"><a href="https://topuser.pro/es_es/como-gente-lee-contenido-linea-investigacion-usabilidad/#respond" data-no-translation="" data-trp-gettext="">Deja un comentario</a></span> </footer> </div> </article> <article id="post-9031" class="post-9031 post type-post status-publish format-standard has-post-thumbnail hentry category-smm-socialnye-seti category-konversia-usabiliti-seo" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header" aria-label="Contenido" data-no-translation-aria-label=""> <h2 class="entry-title" itemprop="headline"><a href="https://topuser.pro/es_es/configuracion-anuncios-facebook/" rel="bookmark">Configuración de anuncios de Facebook.</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="updated" datetime="2021-02-25T11:11:06+03:00" itemprop="dateModified">25 de febrero de 2021</time><time class="entry-date published" datetime="2021-01-11T01:00:00+03:00" itemprop="datePublished">11 de enero de 2021</time></span> <span class="byline">por <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://topuser.pro/es_es/author/andrew-sisomka/" title="Ver todas las entradas de Andrew Sisomka" rel="author" itemprop="url" data-no-translation-title=""><span class="author-name" itemprop="name">Andrew Sisomka</span></a></span></span> </div> </header> <div class="post-image"> <a href="https://topuser.pro/es_es/configuracion-anuncios-facebook/"> <img width="1400" height="1000" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201400%201000'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="Anuncios de Facebook" itemprop="image" decoding="async" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook.png 1400w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-300x214.png 300w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-600x429.png 600w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-1024x731.png 1024w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-768x549.png 768w" data-lazy-sizes="(max-width: 1400px) 100vw, 1400px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook.png" /><noscript><img width="1400" height="1000" src="https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook.png" class="attachment-full size-full wp-post-image" alt="Anuncios de Facebook" itemprop="image" decoding="async" srcset="https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook.png 1400w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-300x214.png 300w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-600x429.png 600w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-1024x731.png 1024w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-768x549.png 768w" sizes="(max-width: 1400px) 100vw, 1400px" /></noscript> </a> </div> <div class="entry-content" itemprop="text"> <br><br><iframe width="560" height="315" src="https://www.youtube.com/embed/NwdYPTN4SWQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe><br><br><br> <h2 class="wp-block-heading">¿Recuerda los "buenos viejos tiempos" en Facebook cuando recién comenzaron a tener páginas comerciales en la plataforma?</h2> <p>Publicaría la actualización en su página de Facebook con un enlace al sitio web, la mayoría de los suscriptores de su página la verán en su línea de tiempo y algunos seguirán el enlace.</p> <p>Fue simple <a href="https://topuser.pro/es_es/sistema-sus-evaluacion-capacidad-usuario/">manera</a> generar tráfico y fue gratis!</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="640" height="425" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20425'%3E%3C/svg%3E" alt="Facebook" class="wp-image-9033" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/facebook.png 640w, https://topuser.pro/wp-content/uploads/2020/05/facebook-300x199.png 300w, https://topuser.pro/wp-content/uploads/2020/05/facebook-600x398.png 600w" data-lazy-sizes="(max-width: 640px) 100vw, 640px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/facebook.png" /><noscript><img loading="lazy" decoding="async" width="640" height="425" src="https://topuser.pro/wp-content/uploads/2020/05/facebook.png" alt="Facebook" class="wp-image-9033" srcset="https://topuser.pro/wp-content/uploads/2020/05/facebook.png 640w, https://topuser.pro/wp-content/uploads/2020/05/facebook-300x199.png 300w, https://topuser.pro/wp-content/uploads/2020/05/facebook-600x398.png 600w" sizes="(max-width: 640px) 100vw, 640px" /></noscript></figure> <p><strong>Esos eran los tiempos ...</strong></p> <p>Y luego, en noviembre de 2014, Facebook anunció que comenzaría a limitar el "alcance orgánico" de las páginas de Facebook.</p> <p>Muchos dueños de negocios no entendieron muy bien lo que esto significaba para ellos desde un punto de vista práctico, pero pronto encontraron el camino difícil.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="638" height="277" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20638%20277'%3E%3C/svg%3E" alt="Métodos de publicidad en Facebook" class="wp-image-9227" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/organicheskiy-ohvat-stranits-1.jpg 638w, https://topuser.pro/wp-content/uploads/2020/05/organicheskiy-ohvat-stranits-1-300x130.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/organicheskiy-ohvat-stranits-1-600x261.jpg 600w" data-lazy-sizes="(max-width: 638px) 100vw, 638px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/organicheskiy-ohvat-stranits-1.jpg" /><noscript><img loading="lazy" decoding="async" width="638" height="277" src="https://topuser.pro/wp-content/uploads/2020/05/organicheskiy-ohvat-stranits-1.jpg" alt="Métodos de publicidad en Facebook" class="wp-image-9227" srcset="https://topuser.pro/wp-content/uploads/2020/05/organicheskiy-ohvat-stranits-1.jpg 638w, https://topuser.pro/wp-content/uploads/2020/05/organicheskiy-ohvat-stranits-1-300x130.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/organicheskiy-ohvat-stranits-1-600x261.jpg 600w" sizes="(max-width: 638px) 100vw, 638px" /></noscript></figure> <p>Para que puedas entender claramente la terminología, "alcance orgánico" significa qué porcentaje de suscriptores de tu página, en promedio, verán tu publicación sin pagar Facebook (es decir, tráfico GRATIS).</p> <p>Básicamente, este gráfico muestra que los suscriptores 98-99% de su página no verán sus publicaciones en su línea de tiempo a menos que pague a Facebook.</p> <p><strong>¡Y esto ni siquiera es algo nuevo en publicidad!</strong><br>Fue solo una aceleración de una tendencia que comenzó en 2013:</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="529" height="525" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20529%20525'%3E%3C/svg%3E" alt="Alcance de la página orgánica" class="wp-image-9228" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1.png 529w, https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1-300x298.png 300w, https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1-100x100.png 100w, https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1-150x150.png 150w" data-lazy-sizes="(max-width: 529px) 100vw, 529px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1.png" /><noscript><img loading="lazy" decoding="async" width="529" height="525" src="https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1.png" alt="Alcance de la página orgánica" class="wp-image-9228" srcset="https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1.png 529w, https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1-300x298.png 300w, https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1-100x100.png 100w, https://topuser.pro/wp-content/uploads/2020/05/organicheskyi-ohvat-stranits-1-150x150.png 150w" sizes="(max-width: 529px) 100vw, 529px" /></noscript></figure> <p>Oficialmente, Facebook declaró que se ven obligados a limitar el alcance orgánico de las páginas para no abrumar a los usuarios con contenido en su línea de tiempo, y también para que no vean demasiadas publicaciones de "venta" en su línea de tiempo (porque esta era la más publicar para la mayoría de las páginas de Facebook) ...</p> <p>Si bien esta puede ser la "línea empresarial" oficial de Facebook, también le ha ido muy bien en sus resultados y en los bolsillos de sus accionistas, como puede ver en el gráfico a continuación:</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="610" height="311" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20610%20311'%3E%3C/svg%3E" alt="Efecto de alcance" class="wp-image-9229" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/effect-ot-ohvata-2.jpg 610w, https://topuser.pro/wp-content/uploads/2020/05/effect-ot-ohvata-2-300x153.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/effect-ot-ohvata-2-600x306.jpg 600w" data-lazy-sizes="(max-width: 610px) 100vw, 610px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/effect-ot-ohvata-2.jpg" /><noscript><img loading="lazy" decoding="async" width="610" height="311" src="https://topuser.pro/wp-content/uploads/2020/05/effect-ot-ohvata-2.jpg" alt="Efecto de alcance" class="wp-image-9229" srcset="https://topuser.pro/wp-content/uploads/2020/05/effect-ot-ohvata-2.jpg 610w, https://topuser.pro/wp-content/uploads/2020/05/effect-ot-ohvata-2-300x153.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/effect-ot-ohvata-2-600x306.jpg 600w" sizes="(max-width: 610px) 100vw, 610px" /></noscript></figure> <p>En este punto, puede decir:</p> <blockquote class="wp-block-quote"><p><em>“Facebook es una pérdida de tiempo. Simplemente ya no me preocuparé por esta plataforma ".</em></p></blockquote> <p>Y aunque puede ser perfectamente comprensible por qué eligió decir esto, sería un grave error.</p> <p>Abandonar Facebook no es el movimiento correcto en absoluto.</p> <p>En lugar de,</p> <h3 class="wp-block-heading">Deberías cambiar tu forma de pensar sobre Facebook:</h3> <p>No debería ver Facebook como una plataforma de redes sociales y una fuente de tráfico gratuito, sino considerarlo como una plataforma de pago. <a href="https://topuser.pro/es_es/reklamnaya-kampaniya-sozdanie-google/">publicidad</a>como Google AdWords o incluso un periódico o televisión.</p> <p>Cuando miras a Facebook como una plataforma de publicidad paga, ¡los beneficios se vuelven muy claros!</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="610" height="446" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20610%20446'%3E%3C/svg%3E" alt="Facebook como plataforma" class="wp-image-9216" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/facebook-kak-platforma.png 610w, https://topuser.pro/wp-content/uploads/2020/05/facebook-kak-platforma-300x219.png 300w, https://topuser.pro/wp-content/uploads/2020/05/facebook-kak-platforma-600x439.png 600w" data-lazy-sizes="(max-width: 610px) 100vw, 610px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/facebook-kak-platforma.png" /><noscript><img loading="lazy" decoding="async" width="610" height="446" src="https://topuser.pro/wp-content/uploads/2020/05/facebook-kak-platforma.png" alt="Facebook como plataforma" class="wp-image-9216" srcset="https://topuser.pro/wp-content/uploads/2020/05/facebook-kak-platforma.png 610w, https://topuser.pro/wp-content/uploads/2020/05/facebook-kak-platforma-300x219.png 300w, https://topuser.pro/wp-content/uploads/2020/05/facebook-kak-platforma-600x439.png 600w" sizes="(max-width: 610px) 100vw, 610px" /></noscript></figure> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="498" height="257" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20498%20257'%3E%3C/svg%3E" alt="Conducir el tráfico" class="wp-image-9217" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/trafik.png 498w, https://topuser.pro/wp-content/uploads/2020/05/trafik-300x155.png 300w" data-lazy-sizes="(max-width: 498px) 100vw, 498px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/trafik.png" /><noscript><img loading="lazy" decoding="async" width="498" height="257" src="https://topuser.pro/wp-content/uploads/2020/05/trafik.png" alt="Conducir el tráfico" class="wp-image-9217" srcset="https://topuser.pro/wp-content/uploads/2020/05/trafik.png 498w, https://topuser.pro/wp-content/uploads/2020/05/trafik-300x155.png 300w" sizes="(max-width: 498px) 100vw, 498px" /></noscript></figure> <p>¡Dirigir tráfico a su sitio web desde Facebook aún puede ser muy barato!</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="610" height="472" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20610%20472'%3E%3C/svg%3E" alt="Tráfico de Facebook" class="wp-image-9218" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/trafik-facebook.jpeg 610w, https://topuser.pro/wp-content/uploads/2020/05/trafik-facebook-300x232.jpeg 300w, https://topuser.pro/wp-content/uploads/2020/05/trafik-facebook-600x464.jpeg 600w" data-lazy-sizes="(max-width: 610px) 100vw, 610px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/trafik-facebook.jpeg" /><noscript><img loading="lazy" decoding="async" width="610" height="472" src="https://topuser.pro/wp-content/uploads/2020/05/trafik-facebook.jpeg" alt="Tráfico de Facebook" class="wp-image-9218" srcset="https://topuser.pro/wp-content/uploads/2020/05/trafik-facebook.jpeg 610w, https://topuser.pro/wp-content/uploads/2020/05/trafik-facebook-300x232.jpeg 300w, https://topuser.pro/wp-content/uploads/2020/05/trafik-facebook-600x464.jpeg 600w" sizes="(max-width: 610px) 100vw, 610px" /></noscript></figure> <p>Ningún sitio web en Internet tiene más tráfico que Facebook, ¡y sigue creciendo!</p> <p>Para las empresas, Facebook es una gran plataforma publicitaria, ya que ofrece un acceso extremadamente económico a clientes potenciales altamente calificados.</p> <p>¡Y esa es la única forma en que debe ver a Facebook como propietario de un negocio y comercializador!</p> <p>También tenga en cuenta que, si bien los anuncios de Facebook siguen siendo bastante baratos, no se mantendrán así por mucho tiempo, como dice el gran "emprendedor en serie" Gary Vaynerchuk.</p> <p>La capacidad de llegar a sus clientes potenciales ideales de forma económica no estará disponible por mucho más tiempo.</p> <p>Entonces, si desea utilizar anuncios de Facebook para hacer crecer su negocio, es mejor que continúe.</p> <p>Pero….</p> <h2 class="wp-block-heading">¡Hay formas correctas e incorrectas de configurar anuncios de Facebook!</h2> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="564" height="845" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20564%20845'%3E%3C/svg%3E" alt="Anuncios de Facebook" class="wp-image-9219" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook.jpg 564w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-300x449.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-200x300.jpg 200w" data-lazy-sizes="(max-width: 564px) 100vw, 564px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook.jpg" /><noscript><img loading="lazy" decoding="async" width="564" height="845" src="https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook.jpg" alt="Anuncios de Facebook" class="wp-image-9219" srcset="https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook.jpg 564w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-300x449.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/reklama-facebook-200x300.jpg 200w" sizes="(max-width: 564px) 100vw, 564px" /></noscript></figure> <p>Empecemos con:</p> <h2 class="wp-block-heading">Configuración incorrecta de anuncios de Facebook.</h2> <h2 class="wp-block-heading">1. "Comprar me gusta".</h2> <p>Hace poca o ninguna diferencia para el negocio o el ROI directo y realmente puede perjudicarlo.</p> <h2 class="wp-block-heading">2. Confíe únicamente en la focalización porcentual.</h2> <p>Esto es lo que quiero decir con esto:</p> <figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20538%20280'%3E%3C/svg%3E" alt="Orientación de Facebook" class="wp-image-9220" width="538" height="280" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/facebook-targeting.png 700w, https://topuser.pro/wp-content/uploads/2020/05/facebook-targeting-300x157.png 300w" data-lazy-sizes="(max-width: 538px) 100vw, 538px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/facebook-targeting.png" /><noscript><img loading="lazy" decoding="async" src="https://topuser.pro/wp-content/uploads/2020/05/facebook-targeting.png" alt="Orientación de Facebook" class="wp-image-9220" width="538" height="280" srcset="https://topuser.pro/wp-content/uploads/2020/05/facebook-targeting.png 700w, https://topuser.pro/wp-content/uploads/2020/05/facebook-targeting-300x157.png 300w" sizes="(max-width: 538px) 100vw, 538px" /></noscript></figure> <p><strong>Esta es la razón por la que la segmentación basada en intereses puede resultar problemática: </strong></p> <ol><li>A las personas les puede gustar una página para participar en un concurso o ganar un premio, no porque estén realmente interesadas en un tema o una marca.</li><li>La página a la que se dirigen los suscriptores compra Me gusta falsos en "clics" para aumentar rápida y artificialmente el número de sus fans.</li><li>La página a la que se dirige a sus seguidores lanzó una campaña de Facebook de baja orientación y obtuvo seguidores de baja calidad.</li><li>Es posible que Facebook haya inferido los intereses generales incorrectos sobre alguien en función de las páginas que les gustaron (por ejemplo, les gustó una página de McDonald's para participar en el sorteo, por lo que Facebook ahora cree que les gusta la comida chatarra o la carne, pero en realidad a ellos: un entrenador de salud vegetariano. ..)</li></ol> <h2 class="wp-block-heading">La forma correcta de anunciar en Facebook:<br>remarketing / reorientación.</h2> <h2 class="wp-block-heading">1.Se dirige únicamente a las personas que han visitado su sitio durante un período de tiempo específico o que se han suscrito a su lista de correo.</h2> <p><strong>Las ventajas de este enfoque:</strong></p> <ol><li>No más conjeturas y segmentación inexacta: sabe que estas personas han mostrado interés en su negocio.</li><li>Reducir los costos publicitarios.</li><li>Aumente la cantidad de "conversiones" que desea que las personas realicen (por ejemplo, regístrese en su lista de correo electrónico, realice una compra, realice una solicitud, descargue un folleto de ventas, etc.)</li></ol> <h2 class="wp-block-heading">2. Dirigirse a los visitantes de su sitio mediante el píxel de Facebook.</h2> <p>El píxel de Facebook es un fragmento de código que obtienes de Facebook y lo instalas en tu sitio.</p> <p>Se parece a esto:</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="768" height="349" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%20349'%3E%3C/svg%3E" alt="Orientación de píxeles" class="wp-image-9221" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/orientaciya-s-pomoshu-piksel.png 768w, https://topuser.pro/wp-content/uploads/2020/05/orientaciya-s-pomoshu-piksel-300x136.png 300w, https://topuser.pro/wp-content/uploads/2020/05/orientaciya-s-pomoshu-piksel-600x273.png 600w" data-lazy-sizes="(max-width: 768px) 100vw, 768px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/orientaciya-s-pomoshu-piksel.png" /><noscript><img loading="lazy" decoding="async" width="768" height="349" src="https://topuser.pro/wp-content/uploads/2020/05/orientaciya-s-pomoshu-piksel.png" alt="Orientación de píxeles" class="wp-image-9221" srcset="https://topuser.pro/wp-content/uploads/2020/05/orientaciya-s-pomoshu-piksel.png 768w, https://topuser.pro/wp-content/uploads/2020/05/orientaciya-s-pomoshu-piksel-300x136.png 300w, https://topuser.pro/wp-content/uploads/2020/05/orientaciya-s-pomoshu-piksel-600x273.png 600w" sizes="(max-width: 768px) 100vw, 768px" /></noscript></figure> <p>Una vez instalado, rastreará a todos los visitantes de su sitio web y los asociará con su cuenta de Facebook si están conectados a Facebook en sus computadoras o dispositivos móviles (a través de la aplicación de Facebook o en un navegador móvil).</p> <p>El píxel de Facebook que instalas en tu sitio web los marca para indicar que han visitado tu sitio web y también rastrea las páginas específicas en las que han estado.</p> <p>Este es probablemente el único tipo de "acecho" que puedes hacer, es legal y no te meterá en problemas ... </p> <p>¡También es la CLAVE para usar Facebook de manera efectiva como herramienta comercial!</p> <p>Este video directamente de El caballo del caballo (¡como el propio Facebook!) Revela qué es el píxel de Facebook y cómo instalarlo en su sitio web.</p> <p>Una vez que haya instalado el píxel de Facebook, puede comenzar a crear una audiencia personalizada desde <strong>visitantes</strong> tu eres su <strong>sitio web</strong> en su cuenta de Facebook.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="637" height="244" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20637%20244'%3E%3C/svg%3E" alt="Configuración: Audiencia personalizada" class="wp-image-9222" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/polsovatelskaya-auditoriya.png 637w, https://topuser.pro/wp-content/uploads/2020/05/polsovatelskaya-auditoriya-300x115.png 300w, https://topuser.pro/wp-content/uploads/2020/05/polsovatelskaya-auditoriya-600x230.png 600w" data-lazy-sizes="(max-width: 637px) 100vw, 637px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/polsovatelskaya-auditoriya.png" /><noscript><img loading="lazy" decoding="async" width="637" height="244" src="https://topuser.pro/wp-content/uploads/2020/05/polsovatelskaya-auditoriya.png" alt="Configuración: Audiencia personalizada" class="wp-image-9222" srcset="https://topuser.pro/wp-content/uploads/2020/05/polsovatelskaya-auditoriya.png 637w, https://topuser.pro/wp-content/uploads/2020/05/polsovatelskaya-auditoriya-300x115.png 300w, https://topuser.pro/wp-content/uploads/2020/05/polsovatelskaya-auditoriya-600x230.png 600w" sizes="(max-width: 637px) 100vw, 637px" /></noscript></figure> <p><strong>¿No crees que dirigirte a estas personas es mucho más valioso (y producirá mejores resultados) que dirigirte a usuarios aleatorios de Facebook en función de lo que creen que les interesó a Facebook?</strong></p> <h2 class="wp-block-heading">3. Dirigirse a sus suscriptores de correo electrónico y clientes existentes para los que tiene un número de teléfono.</h2> <p>Esto se denomina audiencia personalizada en <strong>lista de clientes,</strong> y así es como funciona:</p> <p>¿Tiene una base de datos de correo electrónico o una lista de números de teléfono para sus clientes y clientes potenciales?</p> <p>¿Sabías que puedes subirlo a Facebook?</p> <p>Si usaron la misma dirección de correo electrónico para su cuenta de Facebook o por alguna razón le dieron a Facebook su número de teléfono móvil (por ejemplo, recibieron códigos de seguridad para iniciar sesión a través de SMS o mensajería de Facebook), Facebook los relacionará con su cuenta de Facebook.</p> <p><strong>¡Ahora puedes anunciarte a estas personas si ya son fanáticos de tu página de Facebook o no!</strong></p> <p>Si usaron la misma dirección de correo electrónico para su cuenta de Facebook o por alguna razón le dieron a Facebook su número de teléfono móvil (por ejemplo, recibieron códigos de seguridad para iniciar sesión a través de SMS o mensajería de Facebook), Facebook los relacionará con su cuenta de Facebook.</p> <p><strong>¡Ahora puedes anunciarte a estas personas si ya son fanáticos de tu página de Facebook o no!</strong></p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="598" height="416" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20598%20416'%3E%3C/svg%3E" alt="Personalización: segmentación por suscriptores" class="wp-image-9223" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/orientaciya-na-podpischikov.png 598w, https://topuser.pro/wp-content/uploads/2020/05/orientaciya-na-podpischikov-300x209.png 300w" data-lazy-sizes="(max-width: 598px) 100vw, 598px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/orientaciya-na-podpischikov.png" /><noscript><img loading="lazy" decoding="async" width="598" height="416" src="https://topuser.pro/wp-content/uploads/2020/05/orientaciya-na-podpischikov.png" alt="Personalización: segmentación por suscriptores" class="wp-image-9223" srcset="https://topuser.pro/wp-content/uploads/2020/05/orientaciya-na-podpischikov.png 598w, https://topuser.pro/wp-content/uploads/2020/05/orientaciya-na-podpischikov-300x209.png 300w" sizes="(max-width: 598px) 100vw, 598px" /></noscript></figure> <h2 class="wp-block-heading">4. Agrega algo de "Facebook Magic" - "Doble".</h2> <p>Ya usó Facebook para crear audiencias personalizadas a partir de personas que visitaron su sitio y de los correos electrónicos y números de teléfono de sus clientes.</p> <p>Ahora le dices a Facebook:</p> <p>"Ve y búscame más personas que sean casi iguales a estas".</p> <p>(de ahí: "similar").</p> <p>Todo lo que necesitas es nada menos <strong>100 personas en su audiencia personalizada de un país</strong> (¡en cualquier país!) y Facebook le proporcionará una audiencia similar en un plazo máximo de 24 horas.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="734" height="463" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20734%20463'%3E%3C/svg%3E" alt="Personalización: presentación de audiencia de Facebook" class="wp-image-9224" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/pradstavlenie-auditorii.png 734w, https://topuser.pro/wp-content/uploads/2020/05/pradstavlenie-auditorii-300x189.png 300w, https://topuser.pro/wp-content/uploads/2020/05/pradstavlenie-auditorii-600x378.png 600w" data-lazy-sizes="(max-width: 734px) 100vw, 734px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/pradstavlenie-auditorii.png" /><noscript><img loading="lazy" decoding="async" width="734" height="463" src="https://topuser.pro/wp-content/uploads/2020/05/pradstavlenie-auditorii.png" alt="Personalización: presentación de audiencia de Facebook" class="wp-image-9224" srcset="https://topuser.pro/wp-content/uploads/2020/05/pradstavlenie-auditorii.png 734w, https://topuser.pro/wp-content/uploads/2020/05/pradstavlenie-auditorii-300x189.png 300w, https://topuser.pro/wp-content/uploads/2020/05/pradstavlenie-auditorii-600x378.png 600w" sizes="(max-width: 734px) 100vw, 734px" /></noscript></figure> <p>¿Entiendes ahora por qué los anuncios de Facebook pueden ser tan efectivos y beneficiosos para tu negocio, sin importar qué tan grande o en qué industria trabajes?</p> <p>Sin embargo, esto solo funcionará si usa la plataforma de anuncios de Facebook correctamente y aprovecha al máximo las capacidades avanzadas de orientación que ofrece.</p> <p>Basado en materiales del sitio: mgdigitalmarketing.com.au</p> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ ¿Por qué Facebook es una gran plataforma publicitaria?</h2> <div> <p> Porque Facebook ofrece acceso económico a clientes altamente calificados. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ ¿Por qué la focalización puede ser problemática?</h2> <div> <p> Por ejemplo, a las personas les puede gustar una página para participar en un concurso, no porque estén interesadas en un tema. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ ¿Cuáles son los beneficios del remarketing?</h2> <div> <p> Sabrá que las personas han mostrado un interés real en su página y puede reducir los costos de sus anuncios. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ ¿Cómo funciona una audiencia personalizada?</h2> <div> <p> Descargue una base de datos de correo electrónico o números de teléfono de sus usuarios. Cuando inicie sesión, Facebook los relacionará con su cuenta. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ ¿Cuánto cuesta anunciarse en Facebook?</h2> <div> <p> Si está midiendo el costo por clic (CPC), los anuncios de Facebook cuestan un promedio de alrededor de $ 0.27 por clic. Si está midiendo el costo por cada mil impresiones (CPM), los anuncios de Facebook cuestan alrededor de $ 7.19 por cada mil impresiones (Hootsuite). </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ ¿Vale la pena pagar por los anuncios de Facebook?</h2> <div> <p> Si. Los CPC son más bajos, pero si configura sus campañas correctamente, generarán clics de calidad que beneficiarán a su negocio. Como resultado, la publicidad en Facebook es a menudo una forma mucho más rentable de promover su negocio que otros canales publicitarios. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ ¿Por qué los anuncios de Facebook son tan caros?</h2> <div> <p> Los anuncios de Facebook son cada vez más caros porque la demanda supera la oferta. Esta es una progresión natural para una plataforma de publicidad basada en subastas. Esta es también la razón del aumento de precios durante la temporada de compras competitivas, por ejemplo, en el cuarto trimestre. </p> </div> </div> </section> <script type="application/ld+json">{ "@context": "https:\/\/schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "\u2714\ufe0f \u00bfPor qu\u00e9 Facebook es una gran plataforma publicitaria?", "acceptedAnswer": { "@type": "Answer", "text": "\u0422\u0430\u043a \u043a\u0430\u043a Facebook \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0442 \u0434\u0435\u0448\u0451\u0432\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0432\u044b\u0441\u043e\u043a\u043e\u043a\u0432\u0430\u043b\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfPor qu\u00e9 la focalizaci\u00f3n puede ser problem\u00e1tica?", "acceptedAnswer": { "@type": "Answer", "text": "\u041a \u043f\u0440\u0438\u043c\u0435\u0440\u0443, \u043b\u044e\u0434\u044f\u043c \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043d\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0438\u043d\u044f\u0442\u044c \u0443\u0447\u0430\u0441\u0442\u0438\u0435 \u0432 \u043a\u0430\u043a\u043e\u043c-\u043b\u0438\u0431\u043e \u043a\u043e\u043d\u043a\u0443\u0440\u0441\u0435, \u0430 \u043d\u0435 \u043f\u043e\u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u043e\u043d\u0438 \u0437\u0430\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043d\u044b \u0432 \u0442\u0435\u043c\u0435." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfCu\u00e1les son los beneficios del remarketing?", "acceptedAnswer": { "@type": "Answer", "text": "\u0412\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u0437\u043d\u0430\u0442\u044c, \u0447\u0442\u043e \u043b\u044e\u0434\u0438 \u043f\u0440\u043e\u044f\u0432\u0438\u043b\u0438 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u0439 \u0438\u043d\u0442\u0435\u0440\u0435\u0441 \u043a \u0432\u0430\u0448\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043d\u0438\u0437\u0438\u0442\u044c \u0440\u0430\u0441\u0445\u043e\u0434\u044b \u043d\u0430 \u0440\u0435\u043a\u043b\u0430\u043c\u0443." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfC\u00f3mo funciona una audiencia personalizada?", "acceptedAnswer": { "@type": "Answer", "text": "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u044b \u0438\u043b\u0438 \u0436\u0435 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u043d\u044b\u0445 \u043d\u043e\u043c\u0435\u0440\u043e\u0432 \u0432\u0430\u0448\u0438\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439. \u041f\u0440\u0438 \u0432\u0445\u043e\u0434\u0435 Facebook \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0438\u0445 \u0441 \u0443\u0447\u0451\u0442\u043d\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u044c\u044e." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfCu\u00e1nto cuesta anunciarse en Facebook?", "acceptedAnswer": { "@type": "Answer", "text": "\u0415\u0441\u043b\u0438 \u0432\u044b \u0438\u0437\u043c\u0435\u0440\u044f\u0435\u0442\u0435 \u0446\u0435\u043d\u0443 \u0437\u0430 \u043a\u043b\u0438\u043a (CPC), \u0440\u0435\u043a\u043b\u0430\u043c\u0430 \u0432 Facebook \u0441\u0442\u043e\u0438\u0442 \u0432 \u0441\u0440\u0435\u0434\u043d\u0435\u043c \u043e\u043a\u043e\u043b\u043e 0,27 \u0434\u043e\u043b\u043b\u0430\u0440\u0430 \u0437\u0430 \u043a\u043b\u0438\u043a. \u0415\u0441\u043b\u0438 \u0432\u044b \u0438\u0437\u043c\u0435\u0440\u044f\u0435\u0442\u0435 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0442\u044b\u0441\u044f\u0447\u0438 \u043f\u043e\u043a\u0430\u0437\u043e\u0432 (CPM), \u0440\u0435\u043a\u043b\u0430\u043c\u0430 \u0432 Facebook \u0441\u0442\u043e\u0438\u0442 \u043e\u043a\u043e\u043b\u043e 7,19 \u0434\u043e\u043b\u043b\u0430\u0440\u043e\u0432 \u0421\u0428\u0410 \u0437\u0430 \u0442\u044b\u0441\u044f\u0447\u0443 \u043f\u043e\u043a\u0430\u0437\u043e\u0432 (Hootsuite)." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfVale la pena pagar por los anuncios de Facebook?", "acceptedAnswer": { "@type": "Answer", "text": "\u0414\u0430. \u0426\u0435\u043d\u0430 \u0437\u0430 \u043a\u043b\u0438\u043a \u043d\u0438\u0436\u0435, \u043d\u043e \u0435\u0441\u043b\u0438 \u0432\u044b \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u0435 \u043a\u0430\u043c\u043f\u0430\u043d\u0438\u0438, \u043e\u043d\u0438 \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u0438\u0432\u043b\u0435\u043a\u0430\u0442\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043a\u043b\u0438\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0440\u0438\u043d\u0435\u0441\u0443\u0442 \u043f\u043e\u043b\u044c\u0437\u0443 \u0432\u0430\u0448\u0435\u043c\u0443 \u0431\u0438\u0437\u043d\u0435\u0441\u0443. \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0440\u0435\u043a\u043b\u0430\u043c\u0430 \u0432 Facebook \u0447\u0430\u0441\u0442\u043e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0433\u043e\u0434\u043d\u044b\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c \u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441\u0430, \u0447\u0435\u043c \u0434\u0440\u0443\u0433\u0438\u0435 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u043a\u0430\u043d\u0430\u043b\u044b." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfPor qu\u00e9 los anuncios de Facebook son tan caros?", "acceptedAnswer": { "@type": "Answer", "text": "\u0420\u0435\u043a\u043b\u0430\u043c\u0430 \u0432 Facebook \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0434\u043e\u0440\u043e\u0436\u0435, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0441\u043f\u0440\u043e\u0441 \u043f\u0440\u0435\u0432\u044b\u0448\u0430\u0435\u0442 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435. \u042d\u0442\u043e \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 \u0434\u043b\u044f \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u043e\u0439 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u043d\u0430 \u0430\u0443\u043a\u0446\u0438\u043e\u043d\u0430\u0445. \u042d\u0442\u043e \u0442\u0430\u043a\u0436\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0440\u0438\u0447\u0438\u043d\u043e\u0439 \u0440\u043e\u0441\u0442\u0430 \u0446\u0435\u043d \u0432 \u0441\u0435\u0437\u043e\u043d \u043a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u043d\u044b\u0445 \u043f\u043e\u043a\u0443\u043f\u043e\u043a, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u0447\u0435\u0442\u0432\u0435\u0440\u0442\u043e\u043c \u043a\u0432\u0430\u0440\u0442\u0430\u043b\u0435." } } ] }</script> <p></p> </div> <footer class="entry-meta" aria-label="Meta de entradas" data-no-translation-aria-label=""> <span class="cat-links"><span class="screen-reader-text">Categorías </span><a href="https://topuser.pro/es_es/categoria/smm-socialnye-seti/" rel="category tag">SMM. Redes sociales.</a>, <a href="https://topuser.pro/es_es/categoria/konversia-usabiliti-seo/" rel="category tag">Todos los casos</a></span> <span class="comments-link"><a href="https://topuser.pro/es_es/configuracion-anuncios-facebook/#respond" data-no-translation="" data-trp-gettext="">Deja un comentario</a></span> </footer> </div> </article> <article id="post-8301" class="post-8301 post type-post status-publish format-standard has-post-thumbnail hentry category-konversia-usabiliti-seo tag-sus tag-shkala-juzabiliti-sistemy tag-juzabiliti tag-juzabiliti-audit tag-juzabiliti-sajtov" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header" aria-label="Contenido" data-no-translation-aria-label=""> <h2 class="entry-title" itemprop="headline"><a href="https://topuser.pro/es_es/sistema-sus-evaluacion-capacidad-usuario/" rel="bookmark">Sistema SUS. Evaluación de la capacidad del usuario.</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="updated" datetime="2021-02-25T12:31:38+03:00" itemprop="dateModified">25 de febrero de 2021</time><time class="entry-date published" datetime="2021-01-11T01:00:00+03:00" itemprop="datePublished">11 de enero de 2021</time></span> <span class="byline">por <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://topuser.pro/es_es/author/andre-smetana/" title="Ver todas las entradas de Andre Smetana" rel="author" itemprop="url" data-no-translation-title=""><span class="author-name" itemprop="name">André Smetana</span></a></span></span> </div> </header> <div class="post-image"> <a href="https://topuser.pro/es_es/sistema-sus-evaluacion-capacidad-usuario/"> <img width="960" height="640" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20960%20640'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="Auditoría de usabilidad" itemprop="image" decoding="async" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit.jpg 960w, https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit-300x200.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit-600x400.jpg 600w, https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit-768x512.jpg 768w" data-lazy-sizes="(max-width: 960px) 100vw, 960px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit.jpg" /><noscript><img width="960" height="640" src="https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit.jpg" class="attachment-full size-full wp-post-image" alt="Auditoría de usabilidad" itemprop="image" decoding="async" srcset="https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit.jpg 960w, https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit-300x200.jpg 300w, https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit-600x400.jpg 600w, https://topuser.pro/wp-content/uploads/2020/05/yuzabiliti-audit-768x512.jpg 768w" sizes="(max-width: 960px) 100vw, 960px" /></noscript> </a> </div> <div class="entry-content" itemprop="text"> <p>2020 marca el 35 aniversario de la encuesta de percepción de usabilidad más utilizada del mundo. Escala <a href="https://topuser.pro/es_es/uzabiliti-menu-saita/">usabilidad</a> System (SUS) fue lanzado a este mundo por John Brook en 1986.</p> <p>Originalmente se creó como una escala "rápida y sucia" para la administración después de las pruebas de usabilidad en sistemas como las aplicaciones VT100 Terminal (Green Screen).</p> <p>SUS es tecnología independiente. Se ha probado en hardware, software de consumo, sitios web, teléfonos móviles, IVR y páginas amarillas. Se convirtió en un estándar de la industria con enlaces en más de 600 publicaciones.</p> <br><br><iframe width="560" height="315" src="https://www.youtube.com/embed/cXaw_0rcduo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe><br><br><br> <h2 class="wp-block-heading">Escala de usabilidad del sistema.</h2> <p>SUS es un cuestionario de 10 ítems con respuestas de 5 opciones.</p> <ul><li>Creo que me gustaría usar este sistema a menudo.</li><li>Encontré el sistema demasiado complejo.</li><li>Pensé que el sistema era fácil de usar.</li><li>Creo que necesitaré asistencia técnica para poder utilizar este sistema.</li><li>Descubrí que las diversas funciones de este sistema estaban bien integradas.</li><li>Pensé que había demasiadas inconsistencias en este sistema.</li><li>Creo que la mayoría de la gente aprendería a utilizar este sistema muy rápidamente.</li><li>Encontré el sistema muy complicado de usar.</li><li>Me sentí muy seguro usando el sistema.</li><li>Tenía mucho que aprender antes de poder empezar a trabajar con este sistema.</li></ul> <p>SUS utiliza el siguiente formato de respuesta:</p> <div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="495" height="96" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20495%2096'%3E%3C/svg%3E" alt="SUS " class="wp-image-8306" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/sus-format-otveta.png 495w, https://topuser.pro/wp-content/uploads/2020/05/sus-format-otveta-300x58.png 300w" data-lazy-sizes="(max-width: 495px) 100vw, 495px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/sus-format-otveta.png" /><noscript><img loading="lazy" decoding="async" width="495" height="96" src="https://topuser.pro/wp-content/uploads/2020/05/sus-format-otveta.png" alt="SUS " class="wp-image-8306" srcset="https://topuser.pro/wp-content/uploads/2020/05/sus-format-otveta.png 495w, https://topuser.pro/wp-content/uploads/2020/05/sus-format-otveta-300x58.png 300w" sizes="(max-width: 495px) 100vw, 495px" /></noscript></figure></div> <h2 class="wp-block-heading">Cuenta SUS.</h2> <ul><li>Para elementos impares: reste uno de la respuesta del usuario.</li><li>Para elementos pares: reste las respuestas de los usuarios de 5</li><li>Escalar todos los valores de 0 a 4 (cuatro es la respuesta más positiva).</li><li>Agregue las respuestas transformadas para cada usuario y multiplique la suma por 2.5. Esto convierte el rango de valores posibles de 0 a 100 en lugar de 0 a 40.</li></ul> <h2 class="wp-block-heading">Interpretación de los resultados del SUS.</h2> <p>A pesar del uso generalizado del SUS, hubo poca orientación sobre la interpretación del sistema, modificaciones aceptables de elementos e información sobre confiabilidad y validez.</p> <p>A lo largo de los años utilizando SUS en la investigación <a href="https://topuser.pro/es_es/auditoria-de-usabilidad-del-sitio-pedir-auditoria-de-ux/">evaluación de usabilidad</a> ha mejorado significativamente. Durante este tiempo, se verificó el estudio del SUS existente y se analizaron los datos de más de 5,000 usuarios en 500 estimaciones diferentes.</p> <p>Estos datos muestran que SUS es confiable, confiable y fácil de usar. Funciona tan bien o mejor que los cuestionarios comerciales y los cuestionarios internos domésticos.</p> <h2 class="wp-block-heading">¿Qué es una buena puntuación SUS?</h2> <p>El puntaje promedio del SUS para los 500 estudios es de 68. Un puntaje del SUS por encima de 68 se considera superior al promedio y un puntaje por debajo de 68 se considera por debajo del promedio.</p> <p>La mejor manera de interpretar su resultado es convertirlo en un rango percentil mediante la normalización. Se creó una calculadora y un manual que toma puntajes SUS sin procesar y genera rangos de percentiles y puntajes de letras (A + a F) para ocho tipos diferentes de aplicaciones.</p> <p>El gráfico a continuación muestra cómo los rangos de percentiles están asociados con los puntajes del SUS y las calificaciones con letras.</p> <div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="528" height="291" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20528%20291'%3E%3C/svg%3E" alt="Resultados del SUS" class="wp-image-8308" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2020/05/sus-rezultat.png 528w, https://topuser.pro/wp-content/uploads/2020/05/sus-rezultat-300x165.png 300w" data-lazy-sizes="(max-width: 528px) 100vw, 528px" data-lazy-src="https://topuser.pro/wp-content/uploads/2020/05/sus-rezultat.png" /><noscript><img loading="lazy" decoding="async" width="528" height="291" src="https://topuser.pro/wp-content/uploads/2020/05/sus-rezultat.png" alt="Resultados del SUS" class="wp-image-8308" srcset="https://topuser.pro/wp-content/uploads/2020/05/sus-rezultat.png 528w, https://topuser.pro/wp-content/uploads/2020/05/sus-rezultat-300x165.png 300w" sizes="(max-width: 528px) 100vw, 528px" /></noscript></figure></div> <p>Este proceso es similar a una "calificación de curva" basada en la distribución de todos los puntos. Por ejemplo, una puntuación SUS bruta de 74 se convierte en un rango percentil 70%. Una puntuación SUS de 74 tiene una usabilidad percibida más alta que el 70% de todos los productos probados. Esto se puede interpretar como una puntuación B.</p> <p>Debe obtener más de 80,3 puntos para obtener A (10% mejor). Esto muestra que es más probable que los usuarios recomienden el producto a un amigo. Si promedió 68 puntos, obtiene una C, y cualquier cosa por debajo de 51 obtiene una F (y se coloca en el 15% inferior).</p> <h2 class="wp-block-heading">¿Cómo otorga el SUS puntos? </h2> <p>Aunque la puntuación del SUS puede oscilar entre 0 y 100, no es un porcentaje. Aunque es técnicamente correcto, la puntuación SUS de 70 sobre 100 representa el valor máximo posible 70%. Una puntuación en este nivel significará que la aplicación probada está por encima del promedio. De hecho, el puntaje 70 está más cerca del promedio del SUS 68. De hecho, es más apropiado llamarlo 50%.</p> <p>Al comunicar los puntajes del SUS a las partes interesadas, y especialmente a aquellos que no están familiarizados con el SUS, es mejor convertir el puntaje del SUS original a un percentil para que 70% realmente signifique por encima del promedio.</p> <h2 class="wp-block-heading">SUS mide la usabilidad y la capacidad de aprendizaje.</h2> <p>Si bien el SUS solo tenía la intención de medir la facilidad de uso percibida (una dimensión), investigaciones recientes sugieren que proporciona una medida global de la satisfacción del sistema y las subescalas de usabilidad y capacidad de aprendizaje. Los elementos 4 y 10 proporcionan una medida de la capacidad de aprendizaje, mientras que los 8 elementos restantes proporcionan una medida de la usabilidad. Esto significa que puede realizar un seguimiento e informar sobre ambas subescalas y la escala SUS global.</p> <h2 class="wp-block-heading">Fiabilidad SUS.</h2> <p>La fiabilidad de la escala se refiere a la coherencia con la que los usuarios responden a los elementos. Se ha demostrado que el SUS es más confiable y detecta diferencias en tamaños de muestra más pequeños que los cuestionarios nacionales y otros cuestionarios disponibles comercialmente.</p> <h2 class="wp-block-heading">Preguntas frecuentes sobre SUS.</h2> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ ¿Qué es SUS?</h2> <div> <p> La escala de usabilidad del sistema SUS se creó como una escala "rápida y sucia" para la administración después de las pruebas de usabilidad. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ ¿Cómo interpretar el resultado del SUS?</h2> <div> <p> La mejor manera de interpretar su resultado es convertirlo en un rango percentil mediante la normalización. Se creó una calculadora y un manual que toma puntajes SUS sin procesar y genera rangos de percentiles y puntajes de letras (A + a F) para ocho tipos diferentes de aplicaciones. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ ¿Cuál es el nivel de confiabilidad del SUS?</h2> <div> <p> Se ha demostrado que el SUS es más confiable y detecta diferencias en tamaños de muestra más pequeños que los cuestionarios nacionales y otros cuestionarios disponibles comercialmente. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ ¿Qué es una buena puntuación SUS?</h2> <div> <p> El puntaje promedio del SUS para los 500 estudios es de 68. Un puntaje del SUS por encima de 68 se considera superior al promedio y un puntaje por debajo de 68 se considera por debajo del promedio. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ ¿Qué preguntas se utilizan en los cuestionarios de usabilidad?</h2> <div> <p> Detección: haga preguntas básicas sobre la demografía y la experiencia del usuario. <br>Pruebas previas: haga preguntas sobre psicografía en función de sus imágenes personalizadas. <br>Cuestionario: pregunte por qué los usuarios realizan determinadas acciones y toman decisiones en su sitio. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ ¿Cómo se mide el SUS?</h2> <div> <p> Para cada pregunta impar, reste 1 del puntaje. <br>Para cada una de las preguntas pares, reste su valor de 5. <br>Tome estos nuevos valores que encontró y sume la puntuación total. <br>Luego multiplique eso por 2.5. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✔️ ¿Cómo se calcula Umux Lite?</h2> <div> <p> Para la puntuación inicial de UMUX-LITE, reste uno de la puntuación de cada elemento del cuestionario. Sume ambos puntajes ajustados y divida su suma por 12. Multiplique este número por 100. Para comparar sus puntajes UMUX-LITE con los puntajes SUS, necesita transformar sus puntajes UMUM-LITE usando una ecuación de regresión. </p> </div> </div> </section> <script type="application/ld+json">{ "@context": "https:\/\/schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "\u2714\ufe0f \u00bfQu\u00e9 es SUS?", "acceptedAnswer": { "@type": "Answer", "text": "\u0428\u043a\u0430\u043b\u0430 \u044e\u0437\u0430\u0431\u0438\u043b\u0438\u0442\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u044b SUS \u0431\u044b\u043b\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u0430 \u043a\u0430\u043a \u00ab\u0431\u044b\u0441\u0442\u0440\u0430\u044f \u0438 \u0433\u0440\u044f\u0437\u043d\u0430\u044f\u00bb \u0448\u043a\u0430\u043b\u0430 \u0434\u043b\u044f \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u043e\u0441\u043b\u0435 \u044e\u0437\u0430\u0431\u0438\u043b\u0438\u0442\u0438-\u0442\u0435\u0441\u0442\u043e\u0432." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfC\u00f3mo interpretar el resultado del SUS?", "acceptedAnswer": { "@type": "Answer", "text": "\u041b\u0443\u0447\u0448\u0438\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0438\u043d\u0442\u0435\u0440\u043f\u0440\u0435\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432\u0430\u0448 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 - \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0432 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0438\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u043d\u0433 \u043f\u0443\u0442\u0435\u043c \u043d\u043e\u0440\u043c\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438. \u0411\u044b\u043b \u0441\u043e\u0437\u0434\u0430\u043b \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0438 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0431\u0435\u0440\u0435\u0442 \u043d\u0435\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0435 \u043e\u0446\u0435\u043d\u043a\u0438 SUS \u0438 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0438\u043b\u044c\u043d\u044b\u0435 \u0440\u0430\u043d\u0433\u0438 \u0438 \u0431\u0443\u043a\u0432\u0435\u043d\u043d\u044b\u0435 \u043e\u0446\u0435\u043d\u043a\u0438 (\u043e\u0442 A + \u0434\u043e F) \u0434\u043b\u044f \u0432\u043e\u0441\u044c\u043c\u0438 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfCu\u00e1l es el nivel de confiabilidad del SUS?", "acceptedAnswer": { "@type": "Answer", "text": "\u041f\u043e\u043a\u0430\u0437\u0430\u043d\u043e, \u0447\u0442\u043e SUS \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0431\u043e\u043b\u0435\u0435 \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u043c \u0438 \u0432\u044b\u044f\u0432\u043b\u044f\u0435\u0442 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u044f \u043f\u0440\u0438 \u043c\u0435\u043d\u044c\u0448\u0438\u0445 \u0440\u0430\u0437\u043c\u0435\u0440\u0430\u0445 \u0432\u044b\u0431\u043e\u0440\u043a\u0438, \u0447\u0435\u043c \u043e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u043d\u0438\u043a\u0438 \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0438\u043c\u0435\u044e\u0449\u0438\u0435\u0441\u044f \u0432 \u043f\u0440\u043e\u0434\u0430\u0436\u0435." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfQu\u00e9 es una buena puntuaci\u00f3n SUS?", "acceptedAnswer": { "@type": "Answer", "text": "\u0421\u0440\u0435\u0434\u043d\u0438\u0439 \u0431\u0430\u043b\u043b SUS \u043f\u043e \u0432\u0441\u0435\u043c 500 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f\u043c \u0440\u0430\u0432\u0435\u043d 68. \u0411\u0430\u043b\u043b SUS \u0432\u044b\u0448\u0435 68 \u0431\u0443\u0434\u0435\u0442 \u0441\u0447\u0438\u0442\u0430\u0442\u044c\u0441\u044f \u0432\u044b\u0448\u0435 \u0441\u0440\u0435\u0434\u043d\u0435\u0433\u043e, \u0430 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c \u043d\u0438\u0436\u0435 68 \u043d\u0438\u0436\u0435 \u0441\u0440\u0435\u0434\u043d\u0435\u0433\u043e." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfQu\u00e9 preguntas se utilizan en los cuestionarios de usabilidad?", "acceptedAnswer": { "@type": "Answer", "text": "\u0421\u043a\u0440\u0438\u043d\u0438\u043d\u0433: \u0437\u0430\u0434\u0430\u0439\u0442\u0435 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u043e \u0434\u0435\u043c\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u0438 \u043e\u043f\u044b\u0442\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439. <br>\u041f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435: \u0437\u0430\u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u043e \u043f\u0441\u0438\u0445\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0432\u0430\u0448\u0438\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0445 \u043e\u0431\u0440\u0430\u0437\u043e\u0432. <br>\u0422\u0435\u0441\u0442: \u0437\u0430\u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u043e \u0442\u043e\u043c, \u043f\u043e\u0447\u0435\u043c\u0443 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u0441\u043e\u0432\u0435\u0440\u0448\u0430\u044e\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0438 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043d\u0430 \u0432\u0430\u0448\u0435\u043c \u0441\u0430\u0439\u0442\u0435." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfC\u00f3mo se mide el SUS?", "acceptedAnswer": { "@type": "Answer", "text": "\u0414\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0438\u0437 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432 \u0441 \u043d\u0435\u0447\u0435\u0442\u043d\u044b\u043c \u043d\u043e\u043c\u0435\u0440\u043e\u043c \u0432\u044b\u0447\u0442\u0438\u0442\u0435 1 \u0438\u0437 \u043e\u0446\u0435\u043d\u043a\u0438. <br>\u0414\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0438\u0437 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432 \u0441 \u0447\u0435\u0442\u043d\u044b\u043c\u0438 \u043d\u043e\u043c\u0435\u0440\u0430\u043c\u0438 \u0432\u044b\u0447\u0442\u0438\u0442\u0435 \u0438\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0438\u0437 5. <br>\u0412\u043e\u0437\u044c\u043c\u0438\u0442\u0435 \u044d\u0442\u0438 \u043d\u043e\u0432\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b \u043d\u0430\u0448\u043b\u0438, \u0438 \u0441\u043b\u043e\u0436\u0438\u0442\u0435 \u043e\u0431\u0449\u0438\u0439 \u0431\u0430\u043b\u043b. <br>\u0417\u0430\u0442\u0435\u043c \u0443\u043c\u043d\u043e\u0436\u044c\u0442\u0435 \u044d\u0442\u043e \u043d\u0430 2,5." } }, { "@type": "Question", "name": "\u2714\ufe0f \u00bfC\u00f3mo se calcula Umux Lite?", "acceptedAnswer": { "@type": "Answer", "text": "\u0414\u043b\u044f \u0431\u0430\u0437\u043e\u0432\u043e\u0439 \u043e\u0446\u0435\u043d\u043a\u0438 UMUX-LITE \u0432\u044b\u0447\u0442\u0438\u0442\u0435 \u0435\u0434\u0438\u043d\u0438\u0446\u0443 \u0438\u0437 \u043e\u0446\u0435\u043d\u043a\u0438 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043f\u0443\u043d\u043a\u0442\u0430 \u0430\u043d\u043a\u0435\u0442\u044b. \u0421\u043b\u043e\u0436\u0438\u0442\u0435 \u043e\u0431\u0435 \u044d\u0442\u0438 \u0441\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043e\u0446\u0435\u043d\u043a\u0438 \u0438 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435 \u0438\u0445 \u0441\u0443\u043c\u043c\u0443 \u043d\u0430 12. \u0423\u043c\u043d\u043e\u0436\u044c\u0442\u0435 \u044d\u0442\u043e \u0447\u0438\u0441\u043b\u043e \u043d\u0430 100. \u0427\u0442\u043e\u0431\u044b \u0441\u0440\u0430\u0432\u043d\u0438\u0442\u044c \u0432\u0430\u0448\u0438 \u043e\u0446\u0435\u043d\u043a\u0438 UMUX-LITE \u0441 \u043e\u0446\u0435\u043d\u043a\u0430\u043c\u0438 SUS, \u0432\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0430\u0448\u0438 \u043e\u0446\u0435\u043d\u043a\u0438 UMUM-LITE \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0443\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044f \u0440\u0435\u0433\u0440\u0435\u0441\u0441\u0438\u0438." } } ] }</script> </div> <footer class="entry-meta" aria-label="Meta de entradas" data-no-translation-aria-label=""> <span class="cat-links"><span class="screen-reader-text">Categorías </span><a href="https://topuser.pro/es_es/categoria/konversia-usabiliti-seo/" rel="category tag">Todos los casos</a></span> <span class="tags-links"><span class="screen-reader-text">Etiquetas </span><a href="https://topuser.pro/es_es/etiqueta/sus/" rel="tag">SUS</a>, <a href="https://topuser.pro/es_es/etiqueta/shkala-juzabiliti-sistemy/" rel="tag">Escala de usabilidad del sistema</a>, <a href="https://topuser.pro/es_es/etiqueta/juzabiliti/" rel="tag">Usabilidad</a>, <a href="https://topuser.pro/es_es/etiqueta/juzabiliti-audit/" rel="tag">Auditoría de usabilidad</a>, <a href="https://topuser.pro/es_es/etiqueta/juzabiliti-sajtov/" rel="tag">Usabilidad de sitios</a></span> <span class="comments-link"><a href="https://topuser.pro/es_es/sistema-sus-evaluacion-capacidad-usuario/#comments" data-no-translation="" data-trp-gettext="">2 comentarios</a></span> </footer> </div> </article> <article id="post-6634" class="post-6634 post type-post status-publish format-standard has-post-thumbnail hentry category-ux-design-saita category-konversia-usabiliti-seo category-yuzabiliti-sajta tag-usability tag-ii tag-iskusstvennyj-intellekt tag-juzabiliti tag-juzabiliti-sajtov" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header" aria-label="Contenido" data-no-translation-aria-label=""> <h2 class="entry-title" itemprop="headline"><a href="https://topuser.pro/es_es/usabilidad-ux-junto-inteligencia-artificial-2020-2021/" rel="bookmark">Usabilidad | UX | junto con la Inteligencia Artificial en 2020/2021.</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="updated" datetime="2021-02-25T15:18:16+03:00" itemprop="dateModified">25 de febrero de 2021</time><time class="entry-date published" datetime="2021-01-11T01:00:00+03:00" itemprop="datePublished">11 de enero de 2021</time></span> <span class="byline">por <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://topuser.pro/es_es/author/andre-smetana/" title="Ver todas las entradas de Andre Smetana" rel="author" itemprop="url" data-no-translation-title=""><span class="author-name" itemprop="name">André Smetana</span></a></span></span> </div> </header> <div class="post-image"> <a href="https://topuser.pro/es_es/usabilidad-ux-junto-inteligencia-artificial-2020-2021/"> <img width="960" height="640" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20960%20640'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="Usabilidad e Inteligencia Artificial" itemprop="image" decoding="async" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt.jpg 960w, https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt-300x200.jpg 300w, https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt-600x400.jpg 600w, https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt-768x512.jpg 768w, https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt-560x373.jpg 560w" data-lazy-sizes="(max-width: 960px) 100vw, 960px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt.jpg" /><noscript><img width="960" height="640" src="https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt.jpg" class="attachment-full size-full wp-post-image" alt="Usabilidad e Inteligencia Artificial" itemprop="image" decoding="async" srcset="https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt.jpg 960w, https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt-300x200.jpg 300w, https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt-600x400.jpg 600w, https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt-768x512.jpg 768w, https://topuser.pro/wp-content/uploads/2019/09/uzabiliti-iskusstvenii-intellekt-560x373.jpg 560w" sizes="(max-width: 960px) 100vw, 960px" /></noscript> </a> </div> <div class="entry-content" itemprop="text"> <p>La inteligencia artificial (IA) está allanando el camino para impactar las vidas de empresas e individuos. Ahora, en 2020, la funcionalidad y las características que ofrece la IA la han hecho popular en muchas industrias. Los expertos ya han realizado ajustes en los proyectos para incluir la IA en las propuestas de su empresa. La IA también puede proporcionar soluciones a los problemas de diseño de UX.</p> <br><br><iframe width="560" height="315" src="https://www.youtube.com/embed/P8P9sL6_CDg" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe><br><br><br> <p></p> <h2 class="wp-block-heading">La profesión de diseño de UX tiene un efecto positivo en la IA.</h2> <p>La llegada de la IA es un hecho que afectará a todas las profesiones y profesionales. El diseño de UX puede usar inteligencia artificial para resolver la mayoría de los problemas. <a href="https://topuser.pro/es_es/que-es-ux/">La experiencia del usuario (UX) es la simplificación, usabilidad y facilidad de uso del sitio por parte del usuario.</a>... UX elimina todos los obstáculos posibles que enfrentan las personas cuando trabajan en sus computadoras y teléfonos móviles. UX facilita la navegación por su sitio y optimiza su dispositivo móvil.</p> <blockquote class="wp-block-quote"><p>Por lo tanto, el diseño de UX trabaja de la mano con la inteligencia artificial para convertirse en un salvador para cada cliente en el sitio web y el dispositivo móvil de la empresa.</p></blockquote> <p>El diseño de la experiencia del usuario (UX) es una forma de formular productos que brindan una experiencia significativa y consistente en todas las páginas de su sitio, directamente al usuario. Todo el proceso de diseño está integrado en su producto, incluida la adición de perspectivas sobre la marca, el diseño, las características y la usabilidad.</p> <h2 class="wp-block-heading"><a href="https://topuser.pro/es_es/auditoria-de-usabilidad-del-sitio-pedir-auditoria-de-ux/">UX</a> asegura que todos los obstáculos obvios que enfrenta el cliente ya no sean un problema.</h2> <p>El diseño de UX no puede ser compatible solo con desarrolladores. Se debe agregar automatización para un rendimiento superior, y esto es ideal para la IA. </p> <p>El uso de IA en su sistema cambia el nivel de dificultad que encontrará un usuario en su sitio. Los diseñadores de UX enfrentan este problema solos. Ningún sitio web es perfecto, pero su diseñador de UX lo ayudará a hacer que su sitio web sea lo mejor posible.</p> <p>La apariencia de su sitio y la calidad de la optimización a través de la automatización y la inteligencia artificial determinarán sus clics y sus vistas. Su diseño y optimización de UX determinarán sus ventas y la experiencia del cliente. Un experto en UX puede mantener su sitio web en buena forma con <a href="https://topuser.pro/es_es/uvelishenie-konversii-testirovanie/">alta conversión</a> y la IA ayudará a mantenerlo.</p> <p>El avance de la inteligencia artificial y los esfuerzos para mejorar la inteligencia artificial han traído innovaciones emocionantes a toda la industria. La investigación médica, los macrodatos y el transporte autónomo son solo algunas de las aplicaciones que surgen de la expansión de la IA.</p> <h2 class="wp-block-heading"><strong>La inteligencia artificial está creciendo rápidamente</strong>.</h2> <p>AI tiene como objetivo simplificar todo en el sitio. La tecnología ofrece al cliente una experiencia confiable y fácil de usar.</p> <figure class="wp-block-image"><img loading="lazy" decoding="async" width="960" height="642" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20960%20642'%3E%3C/svg%3E" alt="AI y UX" class="wp-image-6638" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux.jpg 960w, https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux-300x201.jpg 300w, https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux-600x401.jpg 600w, https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux-768x514.jpg 768w, https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux-560x375.jpg 560w" data-lazy-sizes="(max-width: 960px) 100vw, 960px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux.jpg" /><noscript><img loading="lazy" decoding="async" width="960" height="642" src="https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux.jpg" alt="AI y UX" class="wp-image-6638" srcset="https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux.jpg 960w, https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux-300x201.jpg 300w, https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux-600x401.jpg 600w, https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux-768x514.jpg 768w, https://topuser.pro/wp-content/uploads/2019/09/artificial-intelligence-ux-560x375.jpg 560w" sizes="(max-width: 960px) 100vw, 960px" /></noscript></figure> <p>Para comprender mejor la IA, considere las plataformas de redes sociales. Incluso un niño puede aprender a usar las redes sociales con facilidad. La inteligencia artificial es lo que funciona y le presenta contenido que atrae y atrae sitios con suavidad y atención. El algoritmo de IA hace todo lo posible para ofrecer al usuario mensajes y experiencias en función de sus intereses, todo lo cual le permite ejecutarse constantemente en segundo plano.</p> <h2 class="wp-block-heading"><strong>Junte su IA y UX y vea cómo funciona todo.<br></strong></h2> <p>La inteligencia artificial es lo que permite a las máquinas recopilar datos y centrarse en los intereses humanos. Como resultado, ofrece opciones centradas en el usuario.</p> <div class="wp-block-image"><figure class="aligncenter"><img loading="lazy" decoding="async" width="226" height="340" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20226%20340'%3E%3C/svg%3E" alt="usabilidad e inteligencia artificial" class="wp-image-6635" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/09/ii-ux.jpg 226w, https://topuser.pro/wp-content/uploads/2019/09/ii-ux-199x300.jpg 199w" data-lazy-sizes="(max-width: 226px) 100vw, 226px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/09/ii-ux.jpg" /><noscript><img loading="lazy" decoding="async" width="226" height="340" src="https://topuser.pro/wp-content/uploads/2019/09/ii-ux.jpg" alt="usabilidad e inteligencia artificial" class="wp-image-6635" srcset="https://topuser.pro/wp-content/uploads/2019/09/ii-ux.jpg 226w, https://topuser.pro/wp-content/uploads/2019/09/ii-ux-199x300.jpg 199w" sizes="(max-width: 226px) 100vw, 226px" /></noscript></figure></div> <p>Suponga que usted mismo realiza una operación diaria en su oficina. Primero piensa en la automatización, y es rápido y eficiente. Al usar algoritmos de IA en su oficina, aún puede automatizar, pero ahora, si ha optimizado su UX, su IA mantendrá su sitio web lleno de detalles y lógica para que funcione en el mejor interés de los visitantes de su sitio. La IA hará que la experiencia general del visitante de su sitio web sea una acción específica del cliente.</p> <h2 class="wp-block-heading"><strong>Vea cómo la IA afecta la UX.</strong></h2> <h2 class="wp-block-heading"><strong># 1 - La “sensación” de persona a persona ocurre con las salas de chat en línea.<br></strong></h2> <div class="wp-block-image"><figure class="aligncenter"><img loading="lazy" decoding="async" width="604" height="340" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20604%20340'%3E%3C/svg%3E" alt="Chat de IA" class="wp-image-6636" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/09/chat-ii.jpg 604w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-300x169.jpg 300w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-600x338.jpg 600w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-360x203.jpg 360w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-560x315.jpg 560w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-260x147.jpg 260w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-480x271.jpg 480w" data-lazy-sizes="(max-width: 604px) 100vw, 604px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/09/chat-ii.jpg" /><noscript><img loading="lazy" decoding="async" width="604" height="340" src="https://topuser.pro/wp-content/uploads/2019/09/chat-ii.jpg" alt="Chat de IA" class="wp-image-6636" srcset="https://topuser.pro/wp-content/uploads/2019/09/chat-ii.jpg 604w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-300x169.jpg 300w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-600x338.jpg 600w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-360x203.jpg 360w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-560x315.jpg 560w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-260x147.jpg 260w, https://topuser.pro/wp-content/uploads/2019/09/chat-ii-480x271.jpg 480w" sizes="(max-width: 604px) 100vw, 604px" /></noscript></figure></div> <p>Parece que la función de chat en vivo del sitio facilita mucho las cosas a los visitantes del sitio. Al integrar el sistema AI / UX en su sitio web, los chatbots funcionarán para usted. Los chatbots con tecnología BB asegurarán que su cliente experimente una experiencia centrada en el usuario cuando visite su sitio.</p> <h2 class="wp-block-heading"><strong># 2 - Experiencia de usuario mejorada.</strong></h2> <div class="wp-block-image"><figure class="aligncenter"><img loading="lazy" decoding="async" width="812" height="720" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20812%20720'%3E%3C/svg%3E" alt="Experiencia de usuario" class="wp-image-6637" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit.png 812w, https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit-300x266.png 300w, https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit-600x532.png 600w, https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit-768x681.png 768w, https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit-560x497.png 560w" data-lazy-sizes="(max-width: 812px) 100vw, 812px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit.png" /><noscript><img loading="lazy" decoding="async" width="812" height="720" src="https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit.png" alt="Experiencia de usuario" class="wp-image-6637" srcset="https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit.png 812w, https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit-300x266.png 300w, https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit-600x532.png 600w, https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit-768x681.png 768w, https://topuser.pro/wp-content/uploads/2019/09/polzovatelskii-opit-560x497.png 560w" sizes="(max-width: 812px) 100vw, 812px" /></noscript></figure></div> <p>Cuando se trata de comprender las diversas necesidades y requisitos de un usuario, la IA puede hacer maravillas. Este algoritmo está completamente diseñado para recopilar datos y acciones de los usuarios. </p> <p>Ofrecerá al usuario una experiencia eficiente y centrada en el usuario. El diseño y el aprendizaje mecánico funcionan juntos en un formato atractivo y memorable que mejora la experiencia de la IA.</p> <p>La IA juega un papel enorme e influyente en el espacio de diseño de UX. La IA es un gran paso adelante para los desarrolladores de usabilidad que son lo suficientemente inteligentes como para hacer que los dos funcionen juntos. A medida que las herramientas continúen evolucionando, los diseñadores sin duda adoptarán nuevos enfoques y aprovecharán las nuevas tecnologías.</p> <h2 class="wp-block-heading"><strong>Conclusión</strong>.</h2> <p>El crecimiento continuo de la información está allanando el camino para que la inteligencia artificial y el desarrollo de la usabilidad se vuelvan interoperables en tecnologías futuras, tanto en sitios web como para Internet de las cosas. La creación de soluciones prácticas de principio a fin con lo último en diseños web automatizados le permitirá crear un futuro brillante para su negocio. </p> <section class="sc_fs_faq sc_card"> <div> <h2>✓ ¿Quién es un diseñador de usabilidad?</h2> <div> <p> Un diseñador de usabilidad o Ux es una persona que desarrolla diseños basados en el comportamiento del usuario. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ ¿Quién es Uxer?</h2> <div> <p> Un especialista que desarrolla el diseño, los textos y las formas de interacción con el sitio mediante pruebas A / B de sus ideas. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ ¿Qué es UX?</h2> <div> <p> Experiencia de usuario o Experiencia de usuario traducida. Acciones que realiza un usuario en el sitio en el camino a comprar un producto, registrarse u otra acción para la que se realizó el sitio. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ ¿Cómo ayuda la IA en la usabilidad?</h2> <div> <p> La inteligencia artificial es capaz de realizar miles de veces más pruebas que los humanos. Esto lo convierte en un compañero indispensable para Uxer. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ ¿La IA reemplazará a los diseñadores de UX?</h2> <div> <p> El rol de un diseñador de UX no quedará obsoleto debido a la tecnología de punta. La IA es una gran oportunidad, no una amenaza. Sin embargo, se puede argumentar que la inteligencia artificial reemplazará a los diseñadores modernos y cambiará el rol que conocemos. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ ¿Cómo se aplica la IA en el diseño?</h2> <div> <p> Los diseñadores de IA pueden crear diseños de forma más rápida y económica gracias a la mayor velocidad y eficiencia que ofrece. La fuerza de la IA radicará en la velocidad con la que puede analizar cantidades masivas de datos y sugerir ajustes de diseño. Luego, el diseñador puede seleccionar y aprobar ajustes basados en estos datos. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ ¿UX está muriendo?</h2> <div> <p> UX no va a ninguna parte. Sin embargo, el papel de la interacción del usuario es primero tener en cuenta las necesidades de los usuarios y luego, a través de un proceso iterativo, dar forma y crear la solución final que siempre necesitaremos. Entonces, si estás en UX, tu trabajo está seguro. </p> </div> </div> </section> <script type="application/ld+json">{ "@context": "https:\/\/schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "\u2713 \u00bfQui\u00e9n es un dise\u00f1ador de usabilidad?", "acceptedAnswer": { "@type": "Answer", "text": "\u042e\u0437\u0430\u0431\u0438\u043b\u0438\u0442\u0438 \u0438\u043b\u0438 Ux \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 - \u044d\u0442\u043e \u0447\u0435\u043b\u043e\u0432\u0435\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u0434\u0438\u0437\u0430\u0439\u043d \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439." } }, { "@type": "Question", "name": "\u2713 \u00bfQui\u00e9n es Uxer?", "acceptedAnswer": { "@type": "Answer", "text": "\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u0434\u0438\u0437\u0430\u0439\u043d, \u0442\u0435\u043a\u0441\u0442\u044b \u0438 \u0444\u043e\u0440\u043c\u044b \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u0441\u0430\u0439\u0442\u043e\u043c \u043f\u0443\u0442\u0435\u043c A\/B \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u0432\u043e\u0438\u0445 \u0438\u0434\u0435\u0439." } }, { "@type": "Question", "name": "\u2713 \u00bfQu\u00e9 es UX?", "acceptedAnswer": { "@type": "Answer", "text": "User Experience \u0438\u043b\u0438 \u0432 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0435 \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u041e\u043f\u044b\u0442. \u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043e\u0432\u0435\u0440\u0448\u0430\u0435\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u043f\u043e \u043f\u0443\u0442\u0438 \u043a \u043f\u043e\u043a\u0443\u043f\u043a\u0435 \u0442\u043e\u0432\u0430\u0440\u0430, \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0438\u043b\u0438 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0434\u043b\u044f \u0447\u0435\u0433\u043e \u0441\u0434\u0435\u043b\u0430\u043d \u0441\u0430\u0439\u0442." } }, { "@type": "Question", "name": "\u2713 \u00bfC\u00f3mo ayuda la IA en la usabilidad?", "acceptedAnswer": { "@type": "Answer", "text": "\u0418\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442 \u0441\u043f\u043e\u0441\u043e\u0431\u0435\u043d \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442 \u0432 \u0442\u044b\u0441\u044f\u0447\u0438 \u0440\u0430\u0437 \u0431\u043e\u043b\u044c\u0448\u0435 \u0442\u0435\u0441\u0442\u043e\u0432 \u0447\u0435\u043c \u0447\u0435\u043b\u043e\u0432\u0435\u043a. \u042d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u0435\u0433\u043e \u043d\u0435\u0437\u0430\u043c\u0435\u043d\u0438\u043c\u044b\u043c \u043f\u043e\u043c\u043e\u0449\u043d\u0438\u043a\u043e\u043c \u0434\u043b\u044f Uxer." } }, { "@type": "Question", "name": "\u2713 \u00bfLa IA reemplazar\u00e1 a los dise\u00f1adores de UX?", "acceptedAnswer": { "@type": "Answer", "text": "\u0420\u043e\u043b\u044c UX-\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430 \u043d\u0435 \u0443\u0441\u0442\u0430\u0440\u0435\u0435\u0442 \u0438\u0437-\u0437\u0430 \u043f\u0435\u0440\u0435\u0434\u043e\u0432\u044b\u0445 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439. \u0418\u0418 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u043e\u0439 \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438, \u0430 \u043d\u0435 \u0443\u0433\u0440\u043e\u0437\u0443. \u041e\u0434\u043d\u0430\u043a\u043e \u043c\u043e\u0436\u043d\u043e \u0443\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u0442\u044c, \u0447\u0442\u043e \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442 \u0437\u0430\u043c\u0435\u043d\u0438\u0442 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u0432 \u0438 \u0438\u0437\u043c\u0435\u043d\u0438\u0442 \u0440\u043e\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u0437\u043d\u0430\u0435\u043c." } }, { "@type": "Question", "name": "\u2713 \u00bfC\u00f3mo se aplica la IA en el dise\u00f1o?", "acceptedAnswer": { "@type": "Answer", "text": "\u0414\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b, \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0438\u0435 \u0441 \u0418\u0418, \u043c\u043e\u0433\u0443\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0438 \u0434\u0435\u0448\u0435\u0432\u043b\u0435 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u043d\u043e\u0439 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u043d \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442. \u0421\u0438\u043b\u0430 \u0418\u0418 \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0442\u044c\u0441\u044f \u0432 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438, \u0441 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u0430\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u0435 \u043e\u0431\u044a\u0435\u043c\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0442\u044c \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u043a\u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0430. \u0417\u0430\u0442\u0435\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0438 \u0443\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u043a\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u044d\u0442\u0438\u0445 \u0434\u0430\u043d\u043d\u044b\u0445." } }, { "@type": "Question", "name": "\u2713 \u00bfUX est\u00e1 muriendo?", "acceptedAnswer": { "@type": "Answer", "text": "UX \u043d\u0438\u043a\u0443\u0434\u0430 \u043d\u0435 \u0434\u0435\u043d\u0435\u0442\u0441\u044f. \u0422\u0435\u043c \u043d\u0435 \u043c\u0435\u043d\u0435\u0435, \u0440\u043e\u043b\u044c \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c, \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u044e\u0449\u0430\u044f\u0441\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u0432 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u0442\u044c \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439, \u0430 \u0437\u0430\u0442\u0435\u043c, \u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u043e\u043c \u0438\u0442\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430, \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u0447\u0442\u043e \u043d\u0430\u043c \u0432\u0441\u0435\u0433\u0434\u0430 \u0431\u0443\u0434\u0435\u0442 \u043d\u0443\u0436\u043d\u043e. \u0422\u0430\u043a \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u0432\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442\u0435 \u0432 UX, \u0432\u0430\u0448\u0430 \u0440\u0430\u0431\u043e\u0442\u0430 \u0432 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438." } } ] }</script> <p></p> </div> <footer class="entry-meta" aria-label="Meta de entradas" data-no-translation-aria-label=""> <span class="cat-links"><span class="screen-reader-text">Categorías </span><a href="https://topuser.pro/es_es/categoria/ux-design-saita/" rel="category tag">Diseño de sitios web UX</a>, <a href="https://topuser.pro/es_es/categoria/konversia-usabiliti-seo/" rel="category tag">Todos los casos</a>, <a href="https://topuser.pro/es_es/categoria/yuzabiliti-sajta/" rel="category tag">Usabilidad del sitio</a></span> <span class="tags-links"><span class="screen-reader-text">Etiquetas </span><a href="https://topuser.pro/es_es/etiqueta/usability/" rel="tag">Usabilidad</a>, <a href="https://topuser.pro/es_es/etiqueta/ii/" rel="tag">ui</a>, <a href="https://topuser.pro/es_es/etiqueta/iskusstvennyj-intellekt/" rel="tag">Inteligencia artificial</a>, <a href="https://topuser.pro/es_es/etiqueta/juzabiliti/" rel="tag">Usabilidad</a>, <a href="https://topuser.pro/es_es/etiqueta/juzabiliti-sajtov/" rel="tag">Usabilidad de sitios</a></span> <span class="comments-link"><a href="https://topuser.pro/es_es/usabilidad-ux-junto-inteligencia-artificial-2020-2021/#respond" data-no-translation="" data-trp-gettext="">Deja un comentario</a></span> </footer> </div> </article> <article id="post-6064" class="post-6064 post type-post status-publish format-standard has-post-thumbnail hentry category-smm-socialnye-seti category-konversia-usabiliti-seo category-optimizirovat-sajt-wordpress tag-usability tag-ux tag-socialnye-seti tag-juzabiliti" itemtype="https://schema.org/CreativeWork" itemscope> <div class="inside-article"> <header class="entry-header" aria-label="Contenido" data-no-translation-aria-label=""> <h2 class="entry-title" itemprop="headline"><a href="https://topuser.pro/es_es/como-agregar-iconos-sociales-sitio-web/" rel="bookmark">Cómo agregar íconos sociales a su sitio web.</a></h2> <div class="entry-meta"> <span class="posted-on"><time class="updated" datetime="2021-02-25T11:24:57+03:00" itemprop="dateModified">25 de febrero de 2021</time><time class="entry-date published" datetime="2021-01-11T01:00:00+03:00" itemprop="datePublished">11 de enero de 2021</time></span> <span class="byline">por <span class="author vcard" itemprop="author" itemtype="https://schema.org/Person" itemscope><a class="url fn n" href="https://topuser.pro/es_es/author/andre-smetana/" title="Ver todas las entradas de Andre Smetana" rel="author" itemprop="url" data-no-translation-title=""><span class="author-name" itemprop="name">André Smetana</span></a></span></span> </div> </header> <div class="post-image"> <a href="https://topuser.pro/es_es/como-agregar-iconos-sociales-sitio-web/"> <img width="940" height="788" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20940%20788'%3E%3C/svg%3E" class="attachment-full size-full wp-post-image" alt="Redes sociales" itemprop="image" decoding="async" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti.jpg 940w, https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti-300x251.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti-600x503.jpg 600w, https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti-768x644.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti-560x469.jpg 560w" data-lazy-sizes="(max-width: 940px) 100vw, 940px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti.jpg" /><noscript><img width="940" height="788" src="https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti.jpg" class="attachment-full size-full wp-post-image" alt="Redes sociales" itemprop="image" decoding="async" srcset="https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti.jpg 940w, https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti-300x251.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti-600x503.jpg 600w, https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti-768x644.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/socialnii-seti-560x469.jpg 560w" sizes="(max-width: 940px) 100vw, 940px" /></noscript> </a> </div> <div class="entry-content" itemprop="text"> <p>Desde un simple enlace a un feed integrado, millones de sitios web se están integrando en las redes sociales.</p> <p>¿Por qué no? Esto es perfecto.</p> <p><strong>Los objetivos del marketing en redes sociales son promover contenido, servir a los clientes y construir relaciones.</strong> </p> <p>Por lo tanto, debe conectar su sitio a las redes sociales de todas las formas posibles.</p> <p>Hay bastantes opciones para conectar un sitio web a las redes sociales. redes. </p> <p><strong>Los cinco tipos principales de integraciones de redes sociales son:</strong></p> <ol><li>Iconos sociales Redes</li><li>Botones para compartir en redes sociales</li><li>Widgets sociales de Facebook</li><li>Inicio de sesión único (permite a los visitantes crear una nueva cuenta o iniciar sesión con credenciales sociales)</li><li>Canal social integrado</li></ol> <p>Hay miles de artículos de mejores prácticas y consejos prácticos para cada una de estas opciones. Por lo tanto, en lugar de otra guía, mostramos <strong>como NO conectar redes sociales</strong> al sitio web.</p> <blockquote class="wp-block-quote"><p>A veces, la integración de las redes sociales es incómoda, distrae e ineficaz.</p></blockquote> <br><br><iframe width="560" height="315" src="https://www.youtube.com/embed/tTQ6I3n1Qu4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe><br><br><br> <h2 class="wp-block-heading"><strong>1. No coloques íconos sociales en el encabezado del sitio.</strong>.</h2> <p>Los encabezados de los sitios web tienen grandes iconos de redes sociales de colores. Y debido a que son coloridos, a menudo se encuentran en la parte superior de la jerarquía visual, el elemento más visible visualmente en una página.</p> <p>Imagina que vas a una tienda y el cartel más grande dice "salir". ¿Sería útil esto? Probablemente no. Entonces, ¿por qué hay grandes letreros de salida en cada página de su sitio?</p> <p>No anime a los visitantes de su sitio a que se vayan. No los invite a abandonar su sitio.</p> <p>Enviar a un visitante a una plataforma de redes sociales les brinda la oportunidad de beneficiarse de una empresa de mil millones de dólares que está totalmente enfocada en retener y monetizar a ese visitante. ¿Es esto bueno para su marketing?</p> <p>Así es como se ve en el encabezado:</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="600" height="309" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20309'%3E%3C/svg%3E" alt="Iconos sociales" class="wp-image-10961" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/vid-v-poiske.png 600w, https://topuser.pro/wp-content/uploads/2019/07/vid-v-poiske-300x155.png 300w" data-lazy-sizes="(max-width: 600px) 100vw, 600px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/vid-v-poiske.png" /><noscript><img loading="lazy" decoding="async" width="600" height="309" src="https://topuser.pro/wp-content/uploads/2019/07/vid-v-poiske.png" alt="Iconos sociales" class="wp-image-10961" srcset="https://topuser.pro/wp-content/uploads/2019/07/vid-v-poiske.png 600w, https://topuser.pro/wp-content/uploads/2019/07/vid-v-poiske-300x155.png 300w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></figure> <p>Una pequeña investigación sobre los estándares de diseño web encontró que en 2015, 26% de los principales sitios de marketing tenían íconos sociales en el encabezado. En 2019, ese número se redujo a 20%. Esto está pasando de moda.</p> <h2 class="wp-block-heading"><strong>La mejor manera de agregar tus íconos sociales</strong>.</h2> <p>Recomendamos que los mueva al pie de página y los atenúe. Aquí pueden encontrarlos personas que quieran seguirte, compartir y mencionar. Y no motivarán a los visitantes a abandonar el sitio.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="600" height="236" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20236'%3E%3C/svg%3E" alt="Botones grises de redes sociales" class="wp-image-11921" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/serye-knopki-socialnyh-setej.jpg 600w, https://topuser.pro/wp-content/uploads/2019/07/serye-knopki-socialnyh-setej-300x118.jpg 300w" data-lazy-sizes="(max-width: 600px) 100vw, 600px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/serye-knopki-socialnyh-setej.jpg" /><noscript><img loading="lazy" decoding="async" width="600" height="236" src="https://topuser.pro/wp-content/uploads/2019/07/serye-knopki-socialnyh-setej.jpg" alt="Botones grises de redes sociales" class="wp-image-11921" srcset="https://topuser.pro/wp-content/uploads/2019/07/serye-knopki-socialnyh-setej.jpg 600w, https://topuser.pro/wp-content/uploads/2019/07/serye-knopki-socialnyh-setej-300x118.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></noscript></figure> <p>Tenga en cuenta que el botón de registro de correo electrónico (una interacción más valiosa para la marca) es más visible. Los botones de redes sociales (que son menos importantes para la marca) son menos visibles.</p> <h2 class="wp-block-heading"><strong>Este no es un consejo legal, pero ...</strong></h2> <p>Twitter no quiere que estropees su logo. </p> <p>De hecho, esto puede ser una violación de las marcas comerciales de estas empresas, ya que está modificando sus logotipos, que son marcas comerciales registradas. Nunca he oído hablar de ninguna acción legal.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="584" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20584'%3E%3C/svg%3E" alt="Icono social" class="wp-image-11923" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera-300x219.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera-768x561.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera-600x438.jpg 600w" data-lazy-sizes="(max-width: 800px) 100vw, 800px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera.jpg" /><noscript><img loading="lazy" decoding="async" width="800" height="584" src="https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera.jpg" alt="Icono social" class="wp-image-11923" srcset="https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera-300x219.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera-768x561.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/ne-menyajte-logotip-tvittera-600x438.jpg 600w" sizes="(max-width: 800px) 100vw, 800px" /></noscript></figure> <h2 class="wp-block-heading"><strong>¿En qué íconos sociales hacen clic los visitantes con más frecuencia?</strong></h2> <p>Pocas personas lo comprueban, pero la pregunta se puede responder a través de Google Analytics.</p> <p>De forma predeterminada, GA solo rastrea el movimiento de una página a otra, no todas las salidas del sitio. Pero si configura el seguimiento de eventos para los clics de salida, puede ver en cuáles se hace clic en cualquier página. Aquí está la URL de cada clic para cada salida del sitio web desde nuestra página de inicio.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="427" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20427'%3E%3C/svg%3E" alt="Clics en redes sociales" class="wp-image-11924" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam-300x160.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam-768x410.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam-600x320.jpg 600w" data-lazy-sizes="(max-width: 800px) 100vw, 800px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam.jpg" /><noscript><img loading="lazy" decoding="async" width="800" height="427" src="https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam.jpg" alt="Clics en redes sociales" class="wp-image-11924" srcset="https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam-300x160.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam-768x410.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/kliki-po-socialnym-setyam-600x320.jpg 600w" sizes="(max-width: 800px) 100vw, 800px" /></noscript></figure> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="360" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20360'%3E%3C/svg%3E" alt="Porcentaje de clics en iconos de cada red social" class="wp-image-11926" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set-300x135.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set-768x346.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set-600x270.jpg 600w" data-lazy-sizes="(max-width: 800px) 100vw, 800px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set.jpg" /><noscript><img loading="lazy" decoding="async" width="800" height="360" src="https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set.jpg" alt="Porcentaje de clics en iconos de cada red social" class="wp-image-11926" srcset="https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set-300x135.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set-768x346.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/procenty-klikov-na-kazhduyu-socialnuyu-set-600x270.jpg 600w" sizes="(max-width: 800px) 100vw, 800px" /></noscript></figure> <p>Sus íconos de redes sociales son como una encuesta que muestra qué redes sociales está usando su audiencia.</p> <h2 class="wp-block-heading"><strong>¿Cuál es el mejor lugar para agregar íconos sociales?</strong></h2> <p>Aparte del pie de página, aquí tienes tres de los mejores y más efectivos lugares para invitar a los visitantes a seguirte en las redes sociales.</p> <ul><li><strong>En la página de vacantes. </strong>Los visitantes de esta página están motivados. Son profesionales que buscan trabajo. Hágales saber que está publicando trabajos en las redes sociales e invítelos a que lo sigan en las redes sociales. redes.</li><li><strong>En el blog.</strong> Compartir botones. Pero los blogs pueden hacer aún más para hacer crecer sus redes sociales. páginas. Intente escribir un llamado a la acción de texto y motivar a sus visitantes a suscribirse a sus páginas de redes sociales.</li><li><strong>En la página de agradecimiento, </strong>La página de agradecimiento es una excelente manera de obtener más valor de los mismos visitantes. Se convirtieron en suscriptores, clientes o solicitantes de empleo, ¿por qué no ofrecerles algo más? Agregue un CTA (llamado a la acción) y anímelos a seguir su marca.<br><br></li></ul> <h2 class="wp-block-heading"><strong>2. No te metas con cuentas muertas</strong></h2> <p>Los sitios web de todo el lugar se vinculan a cuentas de redes sociales que apenas están activas o están completamente muertas. Es como un enlace roto o un teléfono desconectado.</p> <p>Entonces, ¿cuándo debería agregar un ícono de redes sociales?</p> <p>Cuando esta red social es una parte clave de su estrategia de marketing en Internet. Antes de agregar un ícono de Facebook o Twitter a un sitio nuevo, hágase dos preguntas.</p> <ol><li><strong>¿Publica contenido allí todo el tiempo? </strong>(canal de publicación activo) <br>La red social tiene al menos tanto contenido relevante como su sitio web.</li><li><strong>¿Te comunicas con personas en esta red social? </strong>(canal de red activo) <br>No solo estás presente, sino que te estás comunicando con la gente, comunicándote y construyendo relaciones. Si alguien te hace una pregunta, tú la respondes.</li></ol> <p>La respuesta debe ser sí para ambos. De lo contrario, posponga la integración de las redes sociales hasta que tenga una estrategia de redes sociales. Es mucho mejor no tener iconos que botones que no conducen a ninguna parte.</p> <p><strong>La siguiente pregunta es ¿dónde colocar estos íconos sociales?</strong></p> <h2 class="wp-block-heading"><strong>3. No agregue botones para compartir a las páginas de servicio</strong>.</h2> <p>¿Alguna vez ha compartido una página de servicio? ¿Alguna vez has visto a alguien compartir una página de servicio? <strong>Esto casi nunca sucede.</strong></p> <p>El trabajo de una página de servicio es convertir a los visitantes en clientes potenciales. Los botones de redes sociales solo distraen, especialmente si son grandes y brillantes. Añaden ruido visual pero no valor, por lo que deben eliminarse. Córtelos y elimine el complemento de WordPress que los agregó.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="646" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20646'%3E%3C/svg%3E" alt="Asesoramiento UX. No agregue botones para compartir a las páginas de servicio" class="wp-image-10993" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy-300x242.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy-600x485.jpg 600w, https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy-768x620.jpg 768w" data-lazy-sizes="(max-width: 800px) 100vw, 800px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy.jpg" /><noscript><img loading="lazy" decoding="async" width="800" height="646" src="https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy.jpg" alt="Asesoramiento UX. No agregue botones para compartir a las páginas de servicio" class="wp-image-10993" srcset="https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy-300x242.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy-600x485.jpg 600w, https://topuser.pro/wp-content/uploads/2019/07/ux-sovet-ne-dobavlyajte-knopki-obshchego-dostupa-na-sluzhebnye-stranicy-768x620.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></noscript></figure> <h2 class="wp-block-heading"><strong>¿Qué pasa con los botones en las páginas de productos de comercio electrónico?</strong></h2> <p>¿La gente alguna vez comparte productos? Sí, pero casi nunca. Cuando miramos un sitio web de comercio electrónico y comparamos las visitas a las páginas (Google Analytics) con las promociones sociales (Buzzsumo), encontramos que las promociones como esta son raras.</p> <p>Solo cuando la audiencia siente pasión por el producto, hay alguna promoción.</p> <p>En el catálogo en línea de Vienna Beef, los productos más populares se dividen en aproximadamente 1 de cada 1000 visitantes. Y estas promociones están casi todas en Facebook.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="475" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20475'%3E%3C/svg%3E" alt="Incluso un gran producto es compartido por 1 de cada 1000 visitantes" class="wp-image-11928" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej-300x178.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej-768x456.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej-600x356.jpg 600w" data-lazy-sizes="(max-width: 800px) 100vw, 800px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej.jpg" /><noscript><img loading="lazy" decoding="async" width="800" height="475" src="https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej.jpg" alt="Incluso un gran producto es compartido por 1 de cada 1000 visitantes" class="wp-image-11928" srcset="https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej-300x178.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej-768x456.jpg 768w, https://topuser.pro/wp-content/uploads/2019/07/dazhe-otlichnyj-produkt-delitsya-1-iz-1000-posetitelej-600x356.jpg 600w" sizes="(max-width: 800px) 100vw, 800px" /></noscript></figure> <p>Con esto en mente, diseñamos los botones para compartir para que sean menos visibles visualmente que el botón para agregar al carrito. Porque el objetivo son las ventas, no las existencias.</p> <p>Encontramos que el intercambio de información entre 1 y 1000 visitantes (esto es 0.001%).</p> <p>Por lo tanto, establezca expectativas muy bajas para las promociones en la página del producto y tenga mucho cuidado de no distraer a los visitantes del botón de compra.</p> <h2 class="wp-block-heading"><strong>4. No muestre números bajos</strong>.</h2> <p>Prueba social en ambos sentidos. Si los números son grandes, esto es positivo. Si son pequeños es negativo, ¿qué hace cuando el contenido parece impopular? Triste.</p> <p>No se desanime ... pero vigile sus widgets.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="784" height="556" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20784%20556'%3E%3C/svg%3E" alt="No muestre números bajos en los íconos sociales" class="wp-image-10963" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry.png 784w, https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry-300x213.png 300w, https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry-600x426.png 600w, https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry-768x545.png 768w" data-lazy-sizes="(max-width: 784px) 100vw, 784px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry.png" /><noscript><img loading="lazy" decoding="async" width="784" height="556" src="https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry.png" alt="No muestre números bajos en los íconos sociales" class="wp-image-10963" srcset="https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry.png 784w, https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry-300x213.png 300w, https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry-600x426.png 600w, https://topuser.pro/wp-content/uploads/2019/07/ne-pokazyvajte-nizkie-cifry-768x545.png 768w" sizes="(max-width: 784px) 100vw, 784px" /></noscript></figure> <p>Elija sus widgets con cuidado. Si las apuestas son bajas en algunas redes, solo puede mostrar un número acumulativo para todas las redes sociales. Eso es lo que hacen muchos. O simplemente use widgets sin números.</p> <p>Los widgets más simples tienen otra ventaja. Se cargan más rápido.</p> <h2 class="wp-block-heading"><strong>5. Tenga cuidado con el Javascript pesado</strong>.</h2> <p>Los iconos sociales son casi ingrávidos. Pero los widgets de redes sociales (compartir, suscribirse, etc.) se crean usando Javascript. Y para descargar, deben comunicarse con servidores en Facebook, Twitter, LinkedIn o Pinterest.</p> <p>Estas solicitudes adicionales pueden aumentar el tiempo de carga de la página en medio segundo o más, especialmente para widgets sofisticados.</p> <p><strong>Hay varias formas de evitar sobrecargar el código que crean los widgets sociales:</strong></p> <ul><li>Use widgets simples ... evite aquellos con contadores (promociones, fanáticos, suscriptores).</li><li>Utilice botones de compartir ultraligeros</li><li>Cargue widgets sociales con Javascript asincrónico para que no tengan que cargarlos uno a la vez ... o simplemente programe el sitio para que se cargue después de que el resto de la página ya se haya cargado.</li></ul> <p>¿Le preocupa que los widgets sociales le estén ralentizando? Audite sus páginas con Lighthouse en Chrome Dev Tools.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="403" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20403'%3E%3C/svg%3E" alt="Resultado de la auditoria" class="wp-image-10989" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita-300x151.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita-600x302.jpg 600w, https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita-768x387.jpg 768w" data-lazy-sizes="(max-width: 800px) 100vw, 800px" data-lazy-src="https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita.jpg" /><noscript><img loading="lazy" decoding="async" width="800" height="403" src="https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita.jpg" alt="Resultado de la auditoria" class="wp-image-10989" srcset="https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita.jpg 800w, https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita-300x151.jpg 300w, https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita-600x302.jpg 600w, https://topuser.pro/wp-content/uploads/2019/07/rezultat-audita-768x387.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></noscript></figure> <p>Haga que su marca sea social y representativa en su sitio web. Y conecte su sitio a las redes donde se comunica. Estas son acciones útiles.</p> <blockquote class="wp-block-quote"><p>Enlace a las redes sociales donde está activo</p><p>Coloque widgets sociales para no distraer a los visitantes o ralentizar el sitio.</p></blockquote> <p>encuentras esto de ayuda? Si es así, puedes <a href="https://www.facebook.com/Andrii.Smetana" target="_blank" rel="nofollow">únete a mí en facebook</a>donde publico artículos interesantes <a href="https://www.youtube.com/channel/UCnZbkI3NVMQpTtGPK920PFw" target="_blank" rel="nofollow">o suscríbete al canal de Youtube</a>.</p> <p>Basado en el artículo: https://www.orbitmedia.com/blog/website-social-media-integration/</p> <<iframe width = "560" height = "315" src = "https://www.youtube.com/embed/EPeF4sCmArI" frameborder = "0" allow = "acelerómetro; reproducción automática; medios cifrados; giroscopio; imagen en imagen "allowfullscreen></iframe> <section class="sc_fs_faq sc_card"> <div> <h2>✓ ¿Por qué necesito integrar las redes sociales en el sitio?</h2> <div> <p> Para tener una oportunidad, los usuarios comparten su sitio o sus servicios, noticias. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ ¿Cómo agregar un botón de redes sociales a una tienda?</h2> <div> <p> Utilice un widget o complemento apropiado. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ Por qué no debería usar complementos sociales redes con contadores? </h2> <div> <p> A menudo, estos complementos ralentizan mucho el sitio y aumentan el tiempo de apertura de la página de medio segundo a 6 o más. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ ¿Cuál es el mejor lugar para colocar botones de redes sociales?</h2> <div> <p> En páginas de agradecimiento, blogs, puestos de trabajo vacantes. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ ¿Cómo agregar íconos de redes sociales a HTML?</h2> <div> <p> Primero, tenemos que ingresar el código Html en cualquier editor de texto, o abrir un archivo Html existente en un editor de texto donde queremos agregar íconos pegajosos de redes sociales. <br>Ahora necesitamos colocar el cursor justo después de la etiqueta. <strong>título</strong> en etiqueta <strong>cabeza</strong> Documento HTML y luego adjunte el enlace CDN. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ ¿Cómo vincular un icono en HTML?</h2> <div> <p> Para insertar un icono, agregue el nombre de la clase del icono a cualquier elemento HTML en línea. Los elementos <strong>I</strong> y <strong>lapso </strong>se utilizan ampliamente para agregar iconos. Todos los iconos de las bibliotecas son iconos vectoriales escalables que se pueden personalizar mediante CSS. </p> </div> </div> </section> <section class="sc_fs_faq sc_card"> <div> <h2>✓ ¿Cómo agregar íconos de redes sociales a Font Awesome?</h2> <div> <p> Vaya a la página de iconos en el sitio web de Font Awesome. Aquí verá una lista de los iconos disponibles para su uso. Los íconos en gris son en realidad parte del paquete premium, por lo que deberá actualizarlos para poder usarlos. </p> </div> </div> </section> <script type="application/ld+json">{ "@context": "https:\/\/schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "\u2713 \u00bfPor qu\u00e9 necesito integrar las redes sociales en el sitio?", "acceptedAnswer": { "@type": "Answer", "text": "\u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c \u0434\u0435\u043b\u0438\u0442\u0441\u044f \u0432\u0430\u0448\u0438\u043c \u0441\u0430\u0439\u0442\u043e\u043c \u0438\u043b\u0438 \u0435\u0433\u043e \u0443\u0441\u043b\u0443\u0433\u0430\u043c\u0438, \u043d\u043e\u0432\u043e\u0441\u0442\u044f\u043c\u0438." } }, { "@type": "Question", "name": "\u2713 \u00bfC\u00f3mo agregar un bot\u00f3n de redes sociales a una tienda?", "acceptedAnswer": { "@type": "Answer", "text": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0438\u0434\u0436\u0435\u0442 \u0438\u043b\u0438 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u043f\u043b\u0430\u0433\u0438\u043d." } }, { "@type": "Question", "name": "\u2713 Por qu\u00e9 no deber\u00eda usar complementos sociales redes con contadores?", "acceptedAnswer": { "@type": "Answer", "text": "\u0417\u0430\u0447\u0430\u0441\u0442\u0443\u044e \u0442\u0430\u043a\u0438\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0441\u0438\u043b\u044c\u043d\u043e \u0442\u043e\u0440\u043c\u043e\u0437\u044f\u0442 \u0441\u0430\u0439\u0442 \u0438 \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u044e\u0442 \u0432\u0440\u0435\u043c\u044f \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043e\u0442 \u043f\u043e\u043b\u0443-\u0441\u0435\u043a\u0443\u043d\u0434\u044b \u0434\u043e 6 \u0438 \u0431\u043e\u043b\u0435\u0435." } }, { "@type": "Question", "name": "\u2713 \u00bfCu\u00e1l es el mejor lugar para colocar botones de redes sociales?", "acceptedAnswer": { "@type": "Answer", "text": "\u041d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u043d\u043e\u0441\u0442\u0438, \u0431\u043b\u043e\u0433\u0430\u0445, \u0432\u0430\u043a\u0430\u043d\u0441\u0438\u0439 \u0441\u0430\u0439\u0442\u0430." } }, { "@type": "Question", "name": "\u2713 \u00bfC\u00f3mo agregar \u00edconos de redes sociales a HTML?", "acceptedAnswer": { "@type": "Answer", "text": "\u0412\u043e-\u043f\u0435\u0440\u0432\u044b\u0445, \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0432\u0432\u0435\u0441\u0442\u0438 \u043a\u043e\u0434 Html \u0432 \u043b\u044e\u0431\u043e\u043c \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435 \u0438\u043b\u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0444\u0430\u0439\u043b Html \u0432 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043b\u0438\u043f\u043a\u0438\u0435 \u0437\u043d\u0430\u0447\u043a\u0438 \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u0435\u0442\u0435\u0439. <br>\u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u043a\u0443\u0440\u0441\u043e\u0440 \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u0442\u0435\u0433\u0430 <strong>title<\/strong> \u0432 \u0442\u0435\u0433\u0435 <strong>head<\/strong> \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 Html, \u0430 \u0437\u0430\u0442\u0435\u043c \u043f\u0440\u0438\u043a\u0440\u0435\u043f\u0438\u0442\u044c \u0441\u0441\u044b\u043b\u043a\u0443 CDN." } }, { "@type": "Question", "name": "\u2713 \u00bfC\u00f3mo vincular un icono en HTML?", "acceptedAnswer": { "@type": "Answer", "text": "\u0427\u0442\u043e\u0431\u044b \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u043d\u0430\u0447\u043e\u043a, \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0438\u043c\u044f \u043a\u043b\u0430\u0441\u0441\u0430 \u0437\u043d\u0430\u0447\u043a\u0430 \u043a \u043b\u044e\u0431\u043e\u043c\u0443 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u043e\u043c\u0443 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 HTML. \u042d\u043b\u0435\u043c\u0435\u043d\u0442\u044b <strong>i<\/strong> \u0438 <strong>span <\/strong>\u0448\u0438\u0440\u043e\u043a\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0434\u043b\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0437\u043d\u0430\u0447\u043a\u043e\u0432. \u0412\u0441\u0435 \u0438\u043a\u043e\u043d\u043a\u0438 \u0432 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430\u0445 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u044b\u043c\u0438 \u0432\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u043c\u0438 \u0437\u043d\u0430\u0447\u043a\u0430\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS." } }, { "@type": "Question", "name": "\u2713 \u00bfC\u00f3mo agregar \u00edconos de redes sociales a Font Awesome?", "acceptedAnswer": { "@type": "Answer", "text": "\u041f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438\u043a\u043e\u043d\u043e\u043a \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 Font Awesome. \u0417\u0434\u0435\u0441\u044c \u0432\u044b \u0443\u0432\u0438\u0434\u0438\u0442\u0435 \u0441\u043f\u0438\u0441\u043e\u043a \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445 \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0437\u043d\u0430\u0447\u043a\u043e\u0432. \u041b\u044e\u0431\u044b\u0435 \u0437\u043d\u0430\u0447\u043a\u0438 \u0441\u0435\u0440\u043e\u0433\u043e \u0446\u0432\u0435\u0442\u0430 \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c\u044e \u043f\u0440\u0435\u043c\u0438\u0443\u043c-\u043f\u0430\u043a\u0435\u0442\u0430, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u0438\u0445, \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c." } } ] }</script> </div> <footer class="entry-meta" aria-label="Meta de entradas" data-no-translation-aria-label=""> <span class="cat-links"><span class="screen-reader-text">Categorías </span><a href="https://topuser.pro/es_es/categoria/smm-socialnye-seti/" rel="category tag">SMM. Redes sociales.</a>, <a href="https://topuser.pro/es_es/categoria/konversia-usabiliti-seo/" rel="category tag">Todos los casos</a>, <a href="https://topuser.pro/es_es/categoria/optimizirovat-sajt-wordpress/" rel="category tag">Optimizar un sitio en Wordpress</a></span> <span class="tags-links"><span class="screen-reader-text">Etiquetas </span><a href="https://topuser.pro/es_es/etiqueta/usability/" rel="tag">Usabilidad</a>, <a href="https://topuser.pro/es_es/etiqueta/ux/" rel="tag">UX</a>, <a href="https://topuser.pro/es_es/etiqueta/socialnye-seti/" rel="tag">redes sociales</a>, <a href="https://topuser.pro/es_es/etiqueta/juzabiliti/" rel="tag">Usabilidad</a></span> <span class="comments-link"><a href="https://topuser.pro/es_es/como-agregar-iconos-sociales-sitio-web/#respond" data-no-translation="" data-trp-gettext="">Deja un comentario</a></span> </footer> </div> </article> <nav id="nav-below" class="paging-navigation" aria-label="Página de archivo" data-no-translation-aria-label=""> <span class="screen-reader-text" data-no-translation="" data-trp-gettext="">Navegación de entradas</span> <div class="nav-previous"> <span class="prev" title="Anterior" data-no-translation-title=""><a href="https://topuser.pro/es_es/2021/01/11/page/2/" data-no-translation="" data-trp-gettext="" >Entradas anteriores</a></span> </div> <div class="nav-links"><span aria-current="page" class="page-numbers current"><span class="screen-reader-text" data-no-translation="" data-trp-gettext="">Página</span>1</span> <a class="page-numbers" href="https://topuser.pro/es_es/2021/01/11/page/2/"><span class="screen-reader-text" data-no-translation="" data-trp-gettext="">Página</span>2</a> <a class="next page-numbers" href="https://topuser.pro/es_es/2021/01/11/page/2/" data-no-translation="" data-trp-gettext="">Siguiente <span aria-hidden="true">→</span></a></div> </nav> </main> </div> </div> </div> <div class="site-footer"> <div data-elementor-type="footer" data-elementor-id="9277" class="elementor elementor-9277 elementor-location-footer" data-elementor-post-type="elementor_library"> <section class="elementor-section elementor-top-section elementor-element elementor-element-38f0fa10 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="38f0fa10" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-79852a91" data-id="79852a91" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-6c88b0d9 elementor-widget elementor-widget-heading" data-id="6c88b0d9" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">UX AGENCY TOPUSER.PRO</h3> </div> </div> </div> </div> <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6884507f" data-id="6884507f" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1e420399 elementor-align-right elementor-tablet-align-right elementor-mobile-align-justify elementor-widget elementor-widget-button" data-id="1e420399" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://topuser.pro/es_es/contactenos/"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Contact us</span> </span> </a> </div> </div> </div> </div> </div> <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6a00d619" data-id="6a00d619" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1c2d8414 elementor-align-justify elementor-tablet-align-right elementor-mobile-align-justify elementor-widget elementor-widget-button" data-id="1c2d8414" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="#elementor-action:action=popup:open&settings=eyJpZCI6IjEwNzMyIiwidG9nZ2xlIjpmYWxzZX0="> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">⦿ORDER NOW</span> </span> </a> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-4aa8f322 elementor-section-content-top elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4aa8f322" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-5921a310" data-id="5921a310" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-2af82f18 elementor-widget elementor-widget-heading" data-id="2af82f18" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Services</h2> </div> </div> <div class="elementor-element elementor-element-373c6c3d elementor-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="373c6c3d" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/es_es/zakazat-audit/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-check-circle"></i> </span> <span class="elementor-icon-list-text">Auditorias</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/es_es/zakazat-konsultaciu/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-check-double"></i> </span> <span class="elementor-icon-list-text">Consultante</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/es_es/razrabotka/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-check-square"></i> </span> <span class="elementor-icon-list-text">Desarrollo de</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/es_es/usability/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-arrow-circle-right"></i> </span> <span class="elementor-icon-list-text">Diseño</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/es_es/promotion/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-bacon"></i> </span> <span class="elementor-icon-list-text">Promoción</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-5c0f84ec" data-id="5c0f84ec" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-18fdebf5 elementor-widget elementor-widget-heading" data-id="18fdebf5" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Audits</h2> </div> </div> <div class="elementor-element elementor-element-4f9e04b0 elementor-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="4f9e04b0" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/es_es/auditoria-de-usabilidad-del-sitio-pedir-auditoria-de-ux/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Análisis de usabilidad</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/es_es/kompleksnii-audit-magazina/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Análisis integral del sitio</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/es_es/auditoria-seo-integral-del-sitio-competidores/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Auditoría SEO</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/es_es/vnutrennayay-optimizaciya-saita/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Análisis de optimización interna</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-edfa206" data-id="edfa206" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-48270bdf elementor-widget elementor-widget-heading" data-id="48270bdf" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Consulting Services</h2> </div> </div> <div class="elementor-element elementor-element-284cce47 elementor-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="284cce47" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/es_es/consulta-de-seo-usabilidad/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Consulta SEO</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/es_es/consulta-de-usabilidad-ux/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Consulta de UX</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/es_es/consulta-de-seo-usabilidad/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">¿Cómo aumentar los ingresos del sitio web?</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/es_es/aumente-sus-ingresos-en-google-adsense-en-yan/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Incrementar los ingresos de Google Adsense</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-7b4cd953" data-id="7b4cd953" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-7bda44f elementor-widget elementor-widget-heading" data-id="7bda44f" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default"><a href="https://topuser.pro/es_es/contactenos/">⦿ Contacts</a></h2> </div> </div> <div class="elementor-element elementor-element-6b6f270 elementor-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="6b6f270" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> </span> <span class="elementor-icon-list-text">Business Center «Carnegie Center»</span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> </span> <span class="elementor-icon-list-text">Klovs'kyi descent, 7, Kyiv, 02000</span> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/es_es/contactenos/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-dot-circle"></i> </span> <span class="elementor-icon-list-text">Contact Us</span> </a> </li> <li class="elementor-icon-list-item"> <a href="tel: 380930823768"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-check"></i> </span> <span class="elementor-icon-list-text">+380 (97) 579-75-41</span> </a> </li> </ul> </div> </div> </div> </div> </div> </section> <footer class="elementor-section elementor-top-section elementor-element elementor-element-cb4bc45 elementor-section-content-middle elementor-section-height-min-height elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-items-middle" data-id="cb4bc45" data-element_type="section" data-settings="{"background_background":"classic","stretch_section":"section-stretched"}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-a9abe80" data-id="a9abe80" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-93d20ef elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="93d20ef" data-element_type="widget" data-settings="{"layout":"dropdown","submenu_icon":{"value":"<i class=\"fas fa-caret-down\"><\/i>","library":"fa-solid"},"toggle":"burger"}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Alternar menú" aria-expanded="false" data-no-translation-aria-label=""> <i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--open eicon-menu-bar"></i><i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--close eicon-close"></i> <span class="elementor-screen-only" data-no-translation="" data-trp-gettext="">Menú</span> </div> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-93d20ef" class="elementor-nav-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11533"><a href="https://topuser.pro/es_es/categoria/konversia-usabiliti-seo/" class="elementor-item" tabindex="-1">Todos los casos</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11534"><a href="https://topuser.pro/es_es/categoria/ux-design-saita/" class="elementor-item" tabindex="-1">Diseño de sitios web UX</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11535"><a href="https://topuser.pro/es_es/categoria/ab-testirovanie-saita/" class="elementor-item" tabindex="-1">Prueba AB</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11536"><a href="https://topuser.pro/es_es/categoria/yuzabiliti-sajta/" class="elementor-item" tabindex="-1">Usabilidad del sitio</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11537"><a href="https://topuser.pro/es_es/categoria/optimizirovat-sajt-wordpress/" class="elementor-item" tabindex="-1">Optimiza tu sitio de WordPress</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11538"><a href="https://topuser.pro/es_es/categoria/seo-optimizaciya/" class="elementor-item" tabindex="-1">Optimización SEO</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11539"><a href="https://topuser.pro/es_es/categoria/cro-optimizaciya/" class="elementor-item" tabindex="-1">CRO. Optimización de la tasa de conversión.</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11540"><a href="https://topuser.pro/es_es/categoria/smm-socialnye-seti/" class="elementor-item" tabindex="-1">SMM. Redes sociales.</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11541"><a href="https://topuser.pro/es_es/categoria/konversii-uvelichenie/" class="elementor-item" tabindex="-1">Aumentar las conversiones</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11542"><a href="https://topuser.pro/es_es/categoria/trendi/" class="elementor-item" tabindex="-1">Tendencias</a></li> </ul> </nav> </div> </div> </div> </div> <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-46564170" data-id="46564170" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-43c4ae23 elementor-widget elementor-widget-heading" data-id="43c4ae23" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-default">TopUser PRO v. 3.0 © 2015 - 2023. Ukraine. Kyiv. All rights reserved.</p> </div> </div> </div> </div> <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3669fe5e" data-id="3669fe5e" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-5d87a1af elementor-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="5d87a1af" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/es_es/privacy-policy/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Política de privacidad</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://topuser.pro/es_es/terms-of-use/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-right"></i> </span> <span class="elementor-icon-list-text">Terms of Use</span> </a> </li> </ul> </div> </div> </div> </div> </div> </footer> </div> </div> <template id="tp-language" data-tp-language="es_ES"></template> <div class="footer-progress-bar cganimateddesign" style="bottom:52px;"> <div class="customdesign" style="width:52px; height: 52px;"> <canvas style="width:52px; height: 52px"></canvas> <input type="text" class="dial" readonly style=""> <a href="javascript: void(0);" class="btn-top"><img width="20" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%200'%3E%3C/svg%3E" data-lazy-src="https://topuser.pro/wp-content/plugins/cg-scroll-to-top/images/arrow-top.png" /><noscript><img width="20" src="https://topuser.pro/wp-content/plugins/cg-scroll-to-top/images/arrow-top.png" /></noscript></a> </div> <style> .footer-progress-bar{ height: 52px;width: 52px; right: 30px; } .btn-top {height: 52px;width: 52px;position: absolute;bottom: 0;text-align: center;text-decoration: none;background-size: 50%;top: 0;right: 0;left: 0;margin: auto;} </style> </div> <div data-elementor-type="popup" data-elementor-id="15528" class="elementor elementor-15528 elementor-location-popup" data-elementor-settings="{"entrance_animation":"fadeInLeft","exit_animation":"fadeInLeft","entrance_animation_duration":{"unit":"px","size":"1.5","sizes":[]},"classes":"ignore-toc","a11y_navigation":"yes","triggers":[],"timing":[]}" data-elementor-post-type="elementor_library"> <section class="elementor-section elementor-top-section elementor-element elementor-element-75713d6 elementor-section-full_width elementor-section-height-full elementor-section-items-stretch elementor-section-height-default" data-id="75713d6" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-39bd4b1" data-id="39bd4b1" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-199387b1 ignore-toc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="199387b1" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-72d035ba" data-id="72d035ba" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-251ce08a elementor-widget elementor-widget-image" data-id="251ce08a" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://topuser.pro/es_es"> <img loading="lazy" width="2719" height="1067" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202719%201067'%3E%3C/svg%3E" class="attachment-full size-full wp-image-15483" alt="Topuser" data-lazy-srcset="https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color.png 2719w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-300x118.png 300w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-1024x402.png 1024w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-768x301.png 768w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-1536x603.png 1536w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-2048x804.png 2048w" data-lazy-sizes="(max-width: 2719px) 100vw, 2719px" data-lazy-src="https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color.png" /><noscript><img loading="lazy" width="2719" height="1067" src="https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color.png" class="attachment-full size-full wp-image-15483" alt="Topuser" srcset="https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color.png 2719w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-300x118.png 300w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-1024x402.png 1024w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-768x301.png 768w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-1536x603.png 1536w, https://topuser.pro/wp-content/uploads/2021/03/TopUserPro-logo-vertical-color-2048x804.png 2048w" sizes="(max-width: 2719px) 100vw, 2719px" /></noscript> </a> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-357b4dfd" data-id="357b4dfd" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-3252749 elementor-widget elementor-widget-heading" data-id="3252749" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default"> </h2> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-7cd3bca9 ignore-toc elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7cd3bca9" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4e3cd5f6" data-id="4e3cd5f6" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-69e18c4 elementor-widget elementor-widget-heading" data-id="69e18c4" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-large">CATEGORIAS DE SERVICIO</h2> </div> </div> <div class="elementor-element elementor-element-85204e8 elementor-widget elementor-widget-text-editor" data-id="85204e8" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <ul><li><a href="https://topuser.pro/es_es/razrabotka/">Creación del sitio</a></li><li><a href="https://topuser.pro/es_es/razrabotka-dizaina/">Diseño</a></li><li><a href="https://topuser.pro/es_es/promotion/">Optimización SEO</a></li><li><a href="https://topuser.pro/es_es/zakazat-konsultaciu/">Consultante</a></li><li><a href="https://topuser.pro/es_es/zakazat-audit/">Auditorias</a></li></ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-244a5804" data-id="244a5804" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-94d2fbd elementor-widget elementor-widget-heading" data-id="94d2fbd" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-large">SERVICIOS POPULARES</h2> </div> </div> <div class="elementor-element elementor-element-08c973e elementor-widget elementor-widget-text-editor" data-id="08c973e" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <ul> <li><a href="https://topuser.pro/es_es/optimizacion-sitio-web-en-wordpress/">Optimización de la velocidad de WordPress</a></li> <li><a href="https://topuser.pro/es_es/auditoria-de-usabilidad-del-sitio-pedir-auditoria-de-ux/">Auditoría de usabilidad</a></span></li> <li><a href="https://topuser.pro/es_es/promocion-de-sitios-web-en-google/">Promoción del sitio web</a></li> <li><a href="https://topuser.pro/es_es/pedir-creacion-sitio-en-wordpress/">Desarrollo de sitios web en WordPress</a></li> <li><a href="https://topuser.pro/es_es/desarrollo-tienda-internet/">Desarrollo de una tienda online</a></li> </ul> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> </div> <div data-elementor-type="popup" data-elementor-id="10732" class="elementor elementor-10732 elementor-location-popup" data-elementor-settings="{"entrance_animation":"zoomIn","prevent_scroll":"yes","entrance_animation_duration":{"unit":"px","size":1.2,"sizes":[]},"a11y_navigation":"yes","triggers":[],"timing":[]}" data-elementor-post-type="elementor_library"> <section class="elementor-section elementor-top-section elementor-element elementor-element-2608f807 elementor-section-full_width elementor-section-height-min-height elementor-section-items-stretch elementor-section-content-middle elementor-reverse-mobile elementor-section-height-default" data-id="2608f807" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6cc9e144" data-id="6cc9e144" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-408ff92e elementor-widget elementor-widget-heading" data-id="408ff92e" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">CONTACTOS</h2> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-53e429d4 elementor-hidden-phone elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="53e429d4" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-557cc6ac" data-id="557cc6ac" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-78c72ea elementor-align-left elementor-widget elementor-widget-button" data-id="78c72ea" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xl elementor-animation-grow" href="https://t.me/Andre_Smetana" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fab fa-telegram-plane"></i> </span> <span class="elementor-button-text">Escribir a Telegram</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-31553cf elementor-align-left elementor-widget elementor-widget-button" data-id="31553cf" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xl elementor-animation-grow" href="https://api.whatsapp.com/send?phone=380975797541" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fab fa-whatsapp-square"></i> </span> <span class="elementor-button-text">Escribir a WhatsApp</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-d0e018a elementor-align-left elementor-widget elementor-widget-button" data-id="d0e018a" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xl elementor-animation-grow" href="https://join.skype.com/invite/icjZMN6lvUqw" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fab fa-skype"></i> </span> <span class="elementor-button-text">Escribir a Skype</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-779bbba elementor-align-left elementor-widget elementor-widget-button" data-id="779bbba" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xl elementor-animation-grow" href="viber://chat?number=%2B380975797541" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fab fa-viber"></i> </span> <span class="elementor-button-text">Escribe a Viber</span> </span> </a> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-64508e7 elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="64508e7" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-8bf9f35" data-id="8bf9f35" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-6e28e30 elementor-align-left elementor-widget elementor-widget-button" data-id="6e28e30" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xl elementor-animation-grow" href="https://t.me/Andre_Smetana" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fab fa-telegram-plane"></i> </span> <span class="elementor-button-text">Telegram</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-6360e90 elementor-align-left elementor-widget elementor-widget-button" data-id="6360e90" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xl elementor-animation-grow" href="https://api.whatsapp.com/send?phone=+380931197617" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fab fa-whatsapp-square"></i> </span> <span class="elementor-button-text">WhatsApp</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-aeb29f4 elementor-align-left elementor-widget elementor-widget-button" data-id="aeb29f4" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xl elementor-animation-grow" href="https://join.skype.com/invite/icjZMN6lvUqw" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fab fa-skype"></i> </span> <span class="elementor-button-text">Skype</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-52e7793 elementor-align-left elementor-widget elementor-widget-button" data-id="52e7793" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-xl elementor-animation-grow" href="viber://chat?number=%2B380975797541" target="_blank"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left"> <i aria-hidden="true" class="fab fa-viber"></i> </span> <span class="elementor-button-text">Viber</span> </span> </a> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> </div> <div data-elementor-type="popup" data-elementor-id="16311" class="elementor elementor-16311 elementor-location-popup" data-elementor-settings="{"a11y_navigation":"yes","triggers":[],"timing":[]}" data-elementor-post-type="elementor_library"> <section class="elementor-section elementor-top-section elementor-element elementor-element-30de8d6d elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="30de8d6d" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9bb532b" data-id="9bb532b" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-273d3373 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default" data-id="273d3373" data-element_type="section" data-settings="{"background_background":"video","background_video_link":"https:\/\/topuser.pro\/wp-content\/uploads\/2021\/03\/audit-mobilnogo-prilogeniya.mp4"}"> <div class="elementor-background-video-container elementor-hidden-phone"> <video class="elementor-background-video-hosted elementor-html5-video" autoplay muted playsinline loop></video> </div> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4dfeca06" data-id="4dfeca06" data-element_type="column"> <div class="elementor-widget-wrap"> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-1771a57b elementor-section-height-min-height elementor-section-boxed elementor-section-height-default" data-id="1771a57b" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-78aa5c80" data-id="78aa5c80" data-element_type="column"> <div class="elementor-widget-wrap"> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-24a6f4ca animated-slow elementor-invisible" data-id="24a6f4ca" data-element_type="column" data-settings="{"background_background":"gradient","animation":"slideInDown"}"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-257019da elementor-widget elementor-widget-heading" data-id="257019da" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Llamada de vuelta</h2> </div> </div> <div class="elementor-element elementor-element-96977a4 elementor-widget elementor-widget-heading" data-id="96977a4" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-default">Escríbenos</p> </div> </div> <div class="elementor-element elementor-element-69d5a14a elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="69d5a14a" data-element_type="widget" data-settings="{"step_next_label":"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f","step_previous_label":"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0430\u044f","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}" data-widget_type="form.default"> <div class="elementor-widget-container"> <form class="elementor-form" method="post" name="New Form" action=""> <input type="hidden" name="post_id" value="16311"/> <input type="hidden" name="form_id" value="69d5a14a"/> <input type="hidden" name="referer_title" value="enero 11, 2021 - Проектирование и Продвижение сайтов | TopUser.PRO" /> <div class="elementor-form-fields-wrapper elementor-labels-"> <div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100"> <label for="form-field-name" class="elementor-field-label elementor-screen-only"> Nombre </label> <input size="1" type="text" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Nombre"> </div> <div class="elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-phone elementor-col-100 elementor-field-required"> <label for="form-field-phone" class="elementor-field-label elementor-screen-only"> Teléfono </label> <input size="1" type="tel" name="form_fields[phone]" id="form-field-phone" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Teléfono" required="required" aria-required="true" pattern="[0-9()#&+*-=.]+" title="Solo se aceptan números y caracteres telefónicos (#, -, *, etc.)." data-no-translation-title=""> </div> <div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons"> <button type="submit" class="elementor-button elementor-size-sm elementor-animation-sink"> <span > <span class="elementor-button-icon"> </span> <span class="elementor-button-text">Enviar mensaje</span> </span> </button> </div> </div> <input type="hidden" name="trp-form-language" value="es_es"/></form> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> </div> <script id="trp-dynamic-translator-js-extra"> var trp_data = {"trp_custom_ajax_url":"https:\/\/topuser.pro\/wp-content\/plugins\/translatepress-multilingual\/includes\/trp-ajax.php","trp_wp_ajax_url":"https:\/\/topuser.pro\/wp-admin\/admin-ajax.php","trp_language_to_query":"es_ES","trp_original_language":"ru_RU","trp_current_language":"es_ES","trp_skip_selectors":["[data-no-translation]","[data-no-dynamic-translation]","[data-trp-translate-id-innertext]","script","style","head","trp-span","translate-press","[data-trp-translate-id]","[data-trpgettextoriginal]","[data-trp-post-slug]"],"trp_base_selectors":["data-trp-translate-id","data-trpgettextoriginal","data-trp-post-slug"],"trp_attributes_selectors":{"text":{"accessor":"outertext","attribute":false},"block":{"accessor":"innertext","attribute":false},"image_src":{"selector":"img[src]","accessor":"src","attribute":true},"submit":{"selector":"input[type='submit'],input[type='button'], input[type='reset']","accessor":"value","attribute":true},"placeholder":{"selector":"input[placeholder],textarea[placeholder]","accessor":"placeholder","attribute":true},"title":{"selector":"[title]","accessor":"title","attribute":true},"a_href":{"selector":"a[href]","accessor":"href","attribute":true},"button":{"accessor":"outertext","attribute":false},"option":{"accessor":"innertext","attribute":false},"aria_label":{"selector":"[aria-label]","accessor":"aria-label","attribute":true},"image_alt":{"selector":"img[alt]","accessor":"alt","attribute":true},"meta_desc":{"selector":"meta[name=\"description\"],meta[property=\"og:title\"],meta[property=\"og:description\"],meta[property=\"og:site_name\"],meta[name=\"twitter:title\"],meta[name=\"twitter:description\"],meta[name=\"DC.Title\"],meta[name=\"DC.Description\"]","accessor":"content","attribute":true},"page_title":{"selector":"title","accessor":"innertext","attribute":false}},"trp_attributes_accessors":["outertext","innertext","src","value","placeholder","title","href","aria-label","alt","content"],"gettranslationsnonceregular":"39155d3bfc","showdynamiccontentbeforetranslation":"","skip_strings_from_dynamic_translation":[],"skip_strings_from_dynamic_translation_for_substrings":{"href":["amazon-adsystem","googleads","g.doubleclick"]},"duplicate_detections_allowed":"100","trp_translate_numerals_opt":"no","trp_no_auto_translation_selectors":["[data-no-auto-translation]"]}; </script> <script id="contact-form-7-js-extra"> var wpcf7 = {"api":{"root":"https:\/\/topuser.pro\/es_es\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; </script> <!--[if lte IE 11]> <script src="https://topuser.pro/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.1.0" id="generate-classlist-js"></script> <![endif]--> <script src="https://www.google.com/recaptcha/api.js?render=6LfsJLMUAAAAAJgKNa0BCZ05BtmC8d6W4nkE981D&ver=3.0" id="google-recaptcha-js"></script> <script id="wpcf7-recaptcha-js-extra"> var wpcf7_recaptcha = {"sitekey":"6LfsJLMUAAAAAJgKNa0BCZ05BtmC8d6W4nkE981D","actions":{"homepage":"homepage","contactform":"contactform"}}; </script> <script src="https://topuser.pro/wp-includes/js/dist/i18n.min.js?ver=7701b0c3857f914212ef" id="wp-i18n-js"></script> <script id="elementor-pro-frontend-js-before"> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/topuser.pro\/wp-admin\/admin-ajax.php","nonce":"38b83cc70f","urls":{"assets":"https:\/\/topuser.pro\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/topuser.pro\/es_es\/wp-json\/"},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"}},"facebook_sdk":{"lang":"es_ES","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/topuser.pro\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; </script> <script id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Compartir en Facebook","shareOnTwitter":"Compartir en Twitter","pinIt":"Pin it","download":"Descargar","downloadImage":"Descargar imagen","fullscreen":"Pantalla completa","zoom":"Zoom","share":"Cuota","playVideo":"Reproduce el video","previous":"Anterior","next":"pr\u00f3ximo","close":"Cerrar","a11yCarouselWrapperAriaLabel":"Carrusel | Scroll horizontal: Flecha izquierda y derecha","a11yCarouselPrevSlideMessage":"Diapositiva anterior","a11yCarouselNextSlideMessage":"Diapositiva siguiente","a11yCarouselFirstSlideMessage":"Esta es la primera diapositiva","a11yCarouselLastSlideMessage":"Esta es la \u00faltima diapositiva","a11yCarouselPaginationBulletMessage":"Ir a la diapositiva"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"M\u00f3vil vertical","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"M\u00f3vil horizontal","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tableta vertical","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tableta horizontal","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Port\u00e1til","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Pantalla grande","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}},"version":"3.18.2","is_static":false,"experimentalFeatures":{"e_dom_optimization":true,"e_optimized_assets_loading":true,"additional_custom_breakpoints":true,"theme_builder_v2":true,"block_editor_assets_optimize":true,"landing-pages":true,"e_image_loading_optimization":true,"e_global_styleguide":true,"page-transitions":true,"notes":true,"form-submissions":true,"e_scroll_snap":true},"urls":{"assets":"https:\/\/topuser.pro\/wp-content\/plugins\/elementor\/assets\/"},"swiperClass":"swiper-container","settings":{"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":0,"title":"enero 11, 2021 - \u041f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0441\u0430\u0439\u0442\u043e\u0432 | TopUser.PRO","excerpt":""}}; </script> <script>window.lazyLoadOptions={elements_selector:"img[data-lazy-src],.rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://topuser.pro/wp-content/plugins/wp-rocket/assets/js/lazyload/16.1/lazyload.min.js"></script> <script>"use strict";var wprRemoveCPCSS=function wprRemoveCPCSS(){var elem;document.querySelector('link[data-rocket-async="style"][rel="preload"]')?setTimeout(wprRemoveCPCSS,200):(elem=document.getElementById("rocket-critical-css"))&&"remove"in elem&&elem.remove()};window.addEventListener?window.addEventListener("load",wprRemoveCPCSS):window.attachEvent&&window.attachEvent("onload",wprRemoveCPCSS);</script><script src="https://topuser.pro/wp-content/cache/min/1/f1b47e85098a0b499083f3f32c8f3255.js" data-minify="1"></script><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%20Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=swap" /><link rel="stylesheet" href="https://topuser.pro/wp-content/cache/min/1/1003eac901a63f4b733ddaaad2eb55da.css" media="all" data-minify="1" /></noscript></body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->