{"id":1811,"date":"2017-08-29T06:00:19","date_gmt":"2017-08-29T13:00:19","guid":{"rendered":"https:\/\/membermouse.com\/?p=1811"},"modified":"2026-06-16T14:05:41","modified_gmt":"2026-06-16T18:05:41","slug":"mejores-practicas-de-ux-para-crear-sitios-de-afiliacion","status":"publish","type":"post","link":"https:\/\/membermouse.com\/es\/developer-tools\/ux-best-practices-for-building-membership-sites\/","title":{"rendered":"Mejores pr\u00e1cticas de UX para crear sitios de afiliaci\u00f3n"},"content":{"rendered":"You have landing pages, CTAs, contact forms and all of the basic design features just like everyone else. But the difference between a membership site and a normal site is that you also have people returning on a daily or weekly basis for a very specific purpose: community.\r\n\r\nHaving a community-based site is not just about creating a static work of art. You have to create something interactive that fosters a sense of community and contribution.\r\n\r\nDesigning for a highly interactive site comes with certain challenges and requires certain solutions, especially if you\u2019re going to make the user experience rich and fulfilling for everyone involved.\r\n\r\nHere are a few of the best practices to keep in mind while diving into the design of a community-based membership site\u2026\r\n\r\n\n<h2><strong>Considere sus objetivos<\/strong><\/h2>\r\nIn the words of Jeff Horvath, \u201cA good user experience, like a measurable ROI, doesn\u2019t typically happen by accident. It is the result of careful planning, analysis, investment and continuous improvement.\u201d\r\n\r\nPlanning for the unique needs of a community is different than planning for visitors to a blog, or shoppers to an e-commerce site. Online communities are more organic, and the value comes from natural interactions rather than content or product promotion.\r\n\r\nA community-based site will essentially have two goals in mind: to promote the community and to make it easy to contribute. Every part of your UX needs to revolve around these two things.\r\n\r\nSo what does that entail, exactly?\r\n<h2><strong>Tenga en cuenta el comportamiento del usuario<\/strong><\/h2>\r\nLos seres humanos somos notoriamente impredecibles, y gestionar el comportamiento de los usuarios puede ser dif\u00edcil. Pero, afortunadamente, hay algunas cosas que los usuarios tienden a hacer de forma bastante constante: navegar, buscar y contribuir.\r\n<h3>Navegando por<\/h3>\r\nKeeping members happy is about giving them a certain level of value for their membership. Your users are constantly asking, \u201cShould I stay?\u201d and \u201cHow long do I need to be here?\u201d\r\n\r\nIf you\u2019re looking to provide value for members while giving them a chance to consistently return to your site, browsing is the perfect way to do that. Your design should immediately tell members where to go and what to look at.\r\n\r\nConsider including elements such as:\r\n<ul>\r\n \t<li>Previsualizaci\u00f3n de contenidos con titulares en negrita<\/li>\r\n \t<li>Im\u00e1genes en miniatura<\/li>\r\n \t<li>Llamadas a la acci\u00f3n para ayudar a los usuarios a navegar<\/li>\r\n \t<li>Acceso claro a contenidos adicionales (categor\u00edas, directorios, archivos)<\/li>\r\n \t<li>Contenido en diversas formas (hilos de foros, mensajes, art\u00edculos, cargas, im\u00e1genes, etc.)<\/li>\r\n<\/ul>\r\n<img class=\"embed-center size-full wp-image-1816\" src=\"https:\/\/membermouse.com\/wp-content\/uploads\/2016\/08\/Membership.png\" alt=\"Afiliaci\u00f3n\" width=\"1530\" height=\"730\" \/>\r\n<h3>Buscar en<\/h3>\r\nIf your members aren\u2019t browsing for general content, they\u2019ll be searching for specific information. At some point they will expect a functioning, helpful, and relevant search tool that doesn\u2019t put the burden on them to wade through unnecessary or irrelevant content.\r\n\r\nSearch filters should focus on content types, members, topics, content dates and user ratings to give a variety of search options for optimal user experience.\r\n<h3>Contribuci\u00f3n<\/h3>\r\nOne of the biggest advantages of a membership site is contribution. Unlike blogs where the most interaction you\u2019ll receive is a like, share or comment, community-based sites tend to provide more interactive value.\r\n\r\nGood UX options for member contribution include:\r\n<ul>\r\n \t<li>Foros comunitarios<\/li>\r\n \t<li>Contenidos y formularios que permiten etiquetar a otros miembros<\/li>\r\n \t<li>Opciones para compartir fotos y v\u00eddeos de los afiliados<\/li>\r\n \t<li>Cargar contenidos generados por los afiliados<\/li>\r\n<\/ul>\r\n<img class=\"embed-center size-full wp-image-1820\" src=\"https:\/\/membermouse.com\/wp-content\/uploads\/2016\/08\/v4-op-sc-forum.png\" alt=\"foro v4-op-sc\" width=\"1018\" height=\"592\" \/>\r\n\r\nLa clave del \u00e9xito de cualquiera de estos m\u00e9todos es que la participaci\u00f3n de los miembros se produzca sin esfuerzo. Los dise\u00f1adores de UX deben incluir CTA fuertes, botones destacados y formularios sencillos que permitan a los usuarios introducir, revisar y publicar de forma r\u00e1pida y sencilla.\r\n<h2><strong>Considere la UX de inicio de sesi\u00f3n<\/strong><\/h2>\r\nAnother major difference between the UX for a regular site and a membership site is login.\r\n\r\nYour membership site will essentially have two fronts: your homepage before sign-in and your homepage after sign-in.\r\n\r\nYour after sign-in page contains different content and features \u2013 usually access to a member dashboard or other interactive options not available to visitors \u2013 but the branding and general feel of the post sign-in page should be the same.\r\n\r\nFor example, Kathryn Hocking\u2019s E-Course Launch Formula program does a great job of sticking to branding, style guides, and theme throughout her whole site, including her pre-sign-in content, her sales page, emails and even into her members area (post-sign-in pages).\r\n\r\n<img class=\"embed-center size-full wp-image-1814\" src=\"https:\/\/membermouse.com\/wp-content\/uploads\/2016\/08\/ecourse-launch-formula1.jpg\" alt=\"ecourse-launch-formula1\" width=\"600\" height=\"536\" \/>\r\n\r\nEstas son algunas cosas que debe incluir en sus p\u00e1ginas previas al registro:\r\n<ul>\r\n \t<li>CTA fuertes que invitan a los usuarios a unirse<\/li>\r\n \t<li>Propuestas de valor para no afiliados<\/li>\r\n \t<li>CTA y se\u00f1ales visuales que indiquen a los afiliados d\u00f3nde iniciar sesi\u00f3n<\/li>\r\n<\/ul>\r\nAlgunas cosas que puedes incluir en tus p\u00e1ginas de registro de entradas podr\u00edan ser:\r\n<ul>\r\n \t<li>Un feed de actividades comunitarias<\/li>\r\n \t<li>Enlaces personalizados<\/li>\r\n \t<li>\u00daltimos contenidos<\/li>\r\n \t<li>CTA para inscribirse en eventos, descargar contenidos, etc.<\/li>\r\n \t<li>Notificaciones de eventos o noticias de la comunidad<\/li>\r\n<\/ul>\r\n<img class=\"embed-center size-full wp-image-1819\" src=\"https:\/\/membermouse.com\/wp-content\/uploads\/2016\/08\/successful-membership-site-directory.jpg\" alt=\"\u00e9xito-membres\u00eda-sitio-directorio\" width=\"600\" height=\"596\" \/>\r\n\r\nAunque cada p\u00e1gina incluye elementos diferentes y tiene una finalidad distinta, lo mejor es utilizar la misma marca y la misma gu\u00eda de estilo en ambas para crear una sensaci\u00f3n de unidad entre los usuarios.\r\n<h2><strong>Considerar los perfiles de los miembros<\/strong><\/h2>\r\nAnother more complicated aspect of member sites is the member profiles themselves. UX designers should think of these profiles like a member\u2019s online identity \u2013 they are snapshots that give each member a sense of belonging, so what you allow them to include (or not include) in their profile matters.\r\n\r\nA good profile page should include elements of an online persona \u2013 an \u201cabout me\u201d section, link to a personal website, contact information, photos, etc. \u2013 as well as featuring examples of how they\u2019ve contributed to the community.\r\n\r\n<img class=\"embed-center size-full wp-image-1817\" src=\"https:\/\/membermouse.com\/wp-content\/uploads\/2016\/08\/membersuite-portal-annotations.jpg\" alt=\"portal-default\" width=\"1200\" height=\"1178\" \/>\r\n\r\nAl considerar el dise\u00f1o del perfil, tenga en cuenta lo siguiente:\r\n<ul>\r\n \t<li>Afiliaciones personales y profesionales<\/li>\r\n \t<li>Protecci\u00f3n de datos<\/li>\r\n \t<li>Fotos y avatares<\/li>\r\n \t<li>Insignias y premios al compromiso comunitario<\/li>\r\n \t<li>Lista de niveles de afiliaci\u00f3n (si procede)<\/li>\r\n \t<li>Botones de edici\u00f3n para actualizar su propio perfil<\/li>\r\n \t<li>Estado de s\u00f3lo visualizaci\u00f3n para ver el perfil de otro miembro<\/li>\r\n \t<li>\"CTA \"Renovar afiliaci\u00f3n<\/li>\r\n \t<li>Enlaces a boletines o contenidos destacados<\/li>\r\n \t<li>Temas o categor\u00edas del foro<\/li>\r\n \t<li>Notificaciones de eventos y noticias<\/li>\r\n<\/ul>\r\nEl objetivo principal de un buen perfil de afiliado es mostrar su personalidad a los dem\u00e1s miembros, mejorar el compromiso general y proporcionar actualizaciones e informaci\u00f3n importante tambi\u00e9n para el afiliado.\r\n<h2><strong>Reflexiones finales<\/strong><\/h2>\r\nDesigning for a community site is ultimately more about UX than it is about making things pretty, but both things go hand-in-hand.\r\n\r\nIt\u2019s important to have a strong design but to focus on elements that are unique to communities like having browser-friendly content, powerful search engines and areas for members to contribute.\r\n\r\nIt\u2019s also best practice to focus on creating a good UX for non-members before they sign in, as well as for members after sign-in, with a highly functional member dashboard and profile that showcases personas and allows for further engagement.\r\n\r\nIf the UX is done right, the community will grow and be of increasing value to members and non-members alike.","protected":false},"excerpt":{"rendered":"<p>Los sitios de afiliaci\u00f3n son especiales. Esto es lo que necesitas saber para dise\u00f1ar una buena experiencia de usuario...<\/p>","protected":false},"author":10821,"featured_media":3170,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_strive_checklists":"\"\"","_strive_active_checklist":"","_strive_post_notes":"","footnotes":""},"categories":[67],"tags":[65,53,91,90],"class_list":["post-1811","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developer-tools","tag-membership","tag-membership-business","tag-user-experience","tag-ux"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/posts\/1811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/users\/10821"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/comments?post=1811"}],"version-history":[{"count":1,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/posts\/1811\/revisions"}],"predecessor-version":[{"id":22150,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/posts\/1811\/revisions\/22150"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/media\/3170"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/media?parent=1811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/categories?post=1811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/tags?post=1811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}