\n Identificar los perfiles personales de tu audiencia es una tarea abrumadora. Afortunadamente, Michael King ha escrito un art\u00edculo excelente al<\/a> respecto. B\u00e1sicamente, se trata de realizar una segmentaci\u00f3n de marketing para dar una representaci\u00f3n de los visitantes del sitio, lo que ayudar\u00e1 a mejorar el viaje de sus clientes.\n<\/p>\n \n Es importante tener en cuenta que al crear una personalidad de cliente, tambi\u00e9n debe saber de d\u00f3nde proviene su audiencia. Saber esto le dar\u00e1 una idea m\u00e1s espec\u00edfica sobre los intereses de los visitantes antes de ir a su sitio. Google Analytics es una herramienta obvia para usar en este sentido. Para comprobarlo, vaya al perfil de Google Analytic de su sitio. Haga clic en Audiencia > Intereses > Segmentos de mercado:\n<\/p>\n \n Esto lo llevar\u00e1 a este cuadro de datos.\n<\/p>\n \n Estos datos representan categor\u00edas de sitios que sus visitantes han visitado previamente. Como se trata de crear personajes de clientes, busque categor\u00edas que est\u00e9n recibiendo tr\u00e1fico de calidad. Determinar el tr\u00e1fico de calidad depende de los objetivos del sitio. Esto significa usar m\u00e9tricas o una combinaci\u00f3n de m\u00e9tricas que se ajusten al est\u00e1ndar al que se ajustan los objetivos. Normalmente, estas m\u00e9tricas incluyen la tasa de rebote, las nuevas visitas y la duraci\u00f3n promedio del sitio. Un punto importante a considerar es el filtrado de datos. El uso de datos sin filtrar del tr\u00e1fico de referencia en la creaci\u00f3n de personajes de clientes complicar\u00e1 las cosas, as\u00ed que tenga cuidado al hacerlo. Consulte este art\u00edculo<\/a> sobre el filtrado de referencias falsas en Google Analytics.\n<\/p>\n \n Una vez que haya identificado las fuentes correctas de su tr\u00e1fico de referencia, aquellos que est\u00e1n dirigiendo una cantidad significativa de tr\u00e1fico a su sitio ejecutan las URL en algunos verificadores de sitios populares disponibles en l\u00ednea. Los que se usan com\u00fanmente son Similarweb<\/a> y Alexa<\/a>, pero hay otros que tambi\u00e9n hacen lo mismo. Pueden brindarle una descripci\u00f3n general de los sitios que desea consultar en sus versiones gratuitas, pero para conocer m\u00e1s detalles, puede tener la opci\u00f3n de actualizar a sus cuentas premium.\n<\/p>\n \n Aqu\u00ed hay una descripci\u00f3n general demogr\u00e1fica de Similarweb.\n<\/p>\n \n Alexa:\n<\/p>\n \n Comparar y complementar los datos de estas 3 herramientas le dar\u00e1 una estimaci\u00f3n m\u00e1s espec\u00edfica de los datos de sus visitantes.\n<\/p>\n \n Una vez que se han identificado las personas del cliente, el siguiente paso es alinearlas con los objetivos del sitio por etapas del viaje. Las etapas del viaje dentro del sitio se pueden ver en el flujo de comportamiento en Google Analytics. Comportamiento > Flujo de comportamiento:\n<\/p>\n \n El gr\u00e1fico visual mostrar\u00e1 la ruta del visitante dentro del sitio. A partir de la p\u00e1gina de inicio (y otras p\u00e1ginas de categor\u00edas), el flujo tendr\u00e1 m\u00faltiples puntos de contacto antes de completar el objetivo del sitio.\n<\/p>\n \n *Tenga en cuenta que los objetivos del sitio deben establecerse en el perfil de Analytics para obtener una imagen completa de la ruta de conversi\u00f3n del visitante.\n<\/p>\n \n Tome nota de las p\u00e1ginas donde se producen la mayor\u00eda de las devoluciones. Hay m\u00faltiples razones por las que los visitantes se van. Algunas de las razones comunes son:\n<\/p>\n \n Por ahora, solo nos centraremos en el tema del dise\u00f1o, pero como todos estos factores est\u00e1n estrechamente relacionados, tambi\u00e9n los abordaremos en relaci\u00f3n con el dise\u00f1o.\n<\/p>\n \n En un art\u00edculo de UXMag, se establecieron escenarios que conducen a la declaraci\u00f3n de que el dise\u00f1o web est\u00e1 muerto. Casi todos esos puntos se refieren al surgimiento de nuevas tecnolog\u00edas e innovaciones en el dise\u00f1o web que no son necesarias para atraer audiencias. Sin embargo, al final, el art\u00edculo no enterr\u00f3 al dise\u00f1o web como una profesi\u00f3n, sino que es un llamado a los dise\u00f1adores web para que se adapten al panorama actual. Si bien la mayor\u00eda de las cosas mencionadas est\u00e1n en lo cierto, hay una premisa del argumento presentado que puede haber sido fuera de lugar: la automatizaci\u00f3n y la inteligencia artificial de los servicios de dise\u00f1o web. Si bien la automatizaci\u00f3n es un respiro bienvenido para los dise\u00f1adores web, no ser\u00eda tan \u00fatil en el panorama general en t\u00e9rminos de alcanzar los objetivos del sitio. Tener un concepto de dise\u00f1o planificado con el objetivo de lograr los objetivos del sitio a\u00fan est\u00e1 dentro de la decisi\u00f3n de los humanos.\n<\/p>\n \n La usabilidad y el dise\u00f1o van de la mano. Si bien ambas son disciplinas separadas, una complementa a la otra de muchas maneras, por lo que a veces es dif\u00edcil distinguir una de la otra. Para reiterar el punto de utilizar el dise\u00f1o para minimizar las ca\u00eddas de p\u00e1gina y mejorar el recorrido del cliente, estos son algunos de los errores comunes de usabilidad en el dise\u00f1o web:\n<\/p>\n \n El contenido no transmite el mensaje:\n <\/p>\n \n El contenido es una parte del dise\u00f1o web. Esto se conoce com\u00fanmente como copia web. Los gr\u00e1ficos y las im\u00e1genes dar\u00e1n una buena impresi\u00f3n a los visitantes, pero tambi\u00e9n les gustar\u00e1 leer el texto. Los errores de dise\u00f1o ocurren cuando los visitantes se distraen con los otros elementos de la p\u00e1gina.\n <\/p>\n \n La tipograf\u00eda tambi\u00e9n es un factor del dise\u00f1o web. No siempre se trata de t\u00edtulos y fuentes de texto. La usabilidad siempre debe ser una prioridad sobre la est\u00e9tica, haciendo que el contenido sea f\u00e1cil de leer.\n <\/p>\n<\/li>\n \n No hay forma de que los visitantes se comuniquen con usted:\n <\/p>\n \n El viaje del cliente debe ser interactivo y atractivo. Si el contenido de su sitio engancha a sus lectores, querr\u00e1n estar en contacto con usted. Los formularios de contacto deben ser funcionales. Un dise\u00f1o bonito tambi\u00e9n es una ventaja, pero no debe priorizarse sobre la usabilidad.\n <\/p>\n<\/li>\n \n Falta de funci\u00f3n de b\u00fasqueda:\n <\/p>\n \n Las personas que visitan sitios web tienen una tarea particular en mente. La mayor\u00eda de las veces quieren obtener informaci\u00f3n. Los sitios con mucho contenido necesitan una funci\u00f3n de b\u00fasqueda para que los visitantes ahorren tiempo de navegaci\u00f3n. Para los sitios de comercio electr\u00f3nico, a la gente le gustar\u00e1 conocer las descripciones de los productos. Un sitio que carece de una funci\u00f3n de b\u00fasqueda puede disminuir la navegabilidad del sitio.\n <\/p>\n<\/li>\n \n Largo proceso de registro:\n <\/p>\n \n Nada puede ser m\u00e1s frustrante que querer registrarse en un sitio solo para ver un largo formulario de contacto que pide numerosos detalles innecesarios. Eche un vistazo al formulario de registro de Reddit.\n <\/p>\n \n La simplicidad del formulario de registro hace que sea mucho m\u00e1s f\u00e1cil para los nuevos usuarios unirse al sitio. Lo bueno de esto es que dar tu correo electr\u00f3nico es opcional. Esto no quiere decir que todos los sitios no deban solicitar correos electr\u00f3nicos, pero se debe suspender la solicitud de informaci\u00f3n innecesaria a los usuarios.\n <\/p>\n<\/li>\n \n Inconsistencia en el dise\u00f1o:\n <\/p>\n \n Uno de los principios del dise\u00f1o (no solo para sitios web) es ser consistente. El dise\u00f1o de la p\u00e1gina de inicio debe ser el mismo que el de las dem\u00e1s p\u00e1ginas. Si el tema de color de la p\u00e1gina de inicio es blanco, la p\u00e1gina Acerca de, por ejemplo, no debe cambiar el gui\u00f3n e ir con otro color, negro, por ejemplo. No es solo el color sino tambi\u00e9n el dise\u00f1o. La consistencia es clave.\n <\/p>\n<\/li>\n<\/ul>\n \n Los puntos de contacto son las p\u00e1ginas importantes del sitio. Para sitios con mucho contenido como blogs, estas son las p\u00e1ginas de categor\u00eda, contacto y sobre nosotros. Estas p\u00e1ginas sirven como puerta de entrada para los visitantes al contenido. Los sitios de comercio electr\u00f3nico tienen diferentes puntos de contacto. En su mayor\u00eda son las p\u00e1ginas del cat\u00e1logo y las descripciones de los productos. Para obtener m\u00e1s informaci\u00f3n sobre los puntos de contacto, vuelva al flujo de comportamiento en Google Analytics.\n<\/p>\n \n El punto de contacto del sitio debe dirigirse a los visitantes objetivo del sitio. La fase de dise\u00f1o tendr\u00e1 que resonar con la audiencia prevista. Aqu\u00ed es donde el personaje del cliente que se cre\u00f3 servir\u00e1 como gu\u00eda para dise\u00f1ar (o redise\u00f1ar) las p\u00e1ginas.\n<\/p>\n \n Para mejorar la experiencia del usuario en los puntos de contacto, los dise\u00f1adores deben identificar las lagunas de informaci\u00f3n. Investigar lo que falta en las p\u00e1ginas y completar lo esencial para minimizar las devoluciones. Las brechas son informaci\u00f3n que falta entre las expectativas de sus visitantes en las p\u00e1ginas y la informaci\u00f3n disponible en la p\u00e1gina.\n<\/p>\n \n Tambi\u00e9n hay aspectos t\u00e9cnicos que pueden mejorar y disminuir los puntos d\u00e9biles de las p\u00e1ginas. El SEO en la p\u00e1gina (optimizaci\u00f3n de motores de b\u00fasqueda) puede identificar y corregir estos problemas para mejorar la experiencia del usuario.\n<\/p>\n \n Velocidad del sitio\/p\u00e1gina:\n <\/p>\n \n Esto deber\u00eda ser una prioridad en el desarrollo y dise\u00f1o web. Recuerde que la funcionalidad no debe dejarse de lado por adornos innecesarios. Los archivos grandes que tardan en cargarse deben comprimirse y colocarse en orden de carga para mejorar el tiempo de carga. Para obtener una gu\u00eda m\u00e1s detallada para mejorar la velocidad del sitio, consulte este art\u00edculo<\/a> sobre la velocidad del sitio.\n <\/p>\n<\/li>\n \n Redirecciones 301 y 302:\n <\/p>\n \n Las redirecciones de p\u00e1gina son necesarias. Hay muchas razones para que los webmasters redirijan las p\u00e1ginas. Lo m\u00e1s com\u00fan es que una p\u00e1gina antigua sea redirigida a una nueva y actualizada con contenido nuevo. La diferencia entre los dos es que un 301 es una redirecci\u00f3n permanente, mientras que un 302 es solo temporal.\n <\/p>\n<\/li>\n \n C\u00f3digos de encabezado HTTP:\n <\/p>\n \n 301 y 302 son ejemplos de c\u00f3digos de encabezado. Hay bastantes, pero los limitaremos a los m\u00e1s comunes.\n <\/p>\n \n 200 \u00c9xito: la p\u00e1gina se ha cargado correctamente.\n <\/p>\n \n 404 P\u00e1gina no encontrada: no se pudo cargar la p\u00e1gina.\n <\/p>\n \n 500 Error interno del servidor: una p\u00e1gina de error gen\u00e9rica. no se dan muchos detalles de por qu\u00e9 ocurri\u00f3 esto.\n <\/p>\n \n Adem\u00e1s de los c\u00f3digos de estado 301 y 302, es importante minimizar la aparici\u00f3n de p\u00e1ginas 404, ya que no es bueno que los usuarios las encuentren. Una soluci\u00f3n simple es crear una p\u00e1gina 404 personalizada que los lleve de regreso a las p\u00e1ginas correctas.\n <\/p>\n<\/li>\n<\/ol>\n \n La jerarqu\u00eda visual es uno de los principios m\u00e1s importantes del dise\u00f1o web. La jerarqu\u00eda visual comunica el mensaje y el contenido de su sitio a la audiencia. Hay pilares en la jerarqu\u00eda web que deben ser considerados.\n<\/p>\n \n Armado con el conocimiento de la audiencia objetivo del sitio y con la informaci\u00f3n para llenar los vac\u00edos necesarios para mejorar la experiencia de navegaci\u00f3n del usuario, ahora es el momento de crear un sitio web que satisfaga las necesidades de su audiencia. Su sitio web ser\u00e1 el elemento visual m\u00e1s importante que utilizar\u00e1. No importa cu\u00e1ntas personas haya identificado, los visitantes del sitio siempre tendr\u00e1n un prop\u00f3sito para visitar su sitio. Ellos querr\u00e1n;\n<\/p>\n \n Las razones pueden variar, pero el prop\u00f3sito del sitio web es ser una extensi\u00f3n de usted, su negocio y su empresa, cualquiera que sea el caso. Sea claro, conciso y coherente con el mensaje y actualice constantemente el contenido para brindarles informaci\u00f3n actualizada.\n<\/p>\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f10ad402.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f131576b.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f150655e.webp\")
<\/a><\/p>\n\n Alineaci\u00f3n de objetivos
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f1910317.webp\")
<\/a><\/p>\n\n
\n
\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f1d2f81f.webp\")
<\/a><\/p>\n\n Puntos de contacto
\n<\/h5>\n\n
\n Jerarqu\u00eda visual
\n<\/h5>\n\n
\n
\n
\n
\n
\n Poniendolo todo junto
\n<\/h5>\n\n