{"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":"praticas-recomendadas-de-ux-para-criar-sites-de-associacao","status":"publish","type":"post","link":"https:\/\/membermouse.com\/pt\/developer-tools\/ux-best-practices-for-building-membership-sites\/","title":{"rendered":"Pr\u00e1ticas recomendadas de UX para criar sites de associa\u00e7\u00e3o"},"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 suas metas<\/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>Considere o comportamento do usu\u00e1rio<\/strong><\/h2>\r\nOs seres humanos s\u00e3o notoriamente imprevis\u00edveis, e gerenciar o comportamento dos membros pode ser dif\u00edcil. Mas, felizmente, h\u00e1 algumas coisas que os membros tendem a fazer de forma bastante consistente: navegar, pesquisar e contribuir.\r\n<h3>Navega\u00e7\u00e3o<\/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>Visualiza\u00e7\u00f5es de conte\u00fado com t\u00edtulos em negrito<\/li>\r\n \t<li>Imagens em miniatura<\/li>\r\n \t<li>Chamadas \u00e0 a\u00e7\u00e3o para ajudar os usu\u00e1rios a navegar<\/li>\r\n \t<li>Acesso claro a conte\u00fado adicional (categorias, diret\u00f3rios, arquivos)<\/li>\r\n \t<li>Conte\u00fado em uma variedade de formas (t\u00f3picos de f\u00f3runs, postagens, artigos, uploads, imagens, 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=\"Associa\u00e7\u00e3o\" width=\"1530\" height=\"730\" \/>\r\n<h3>Busca<\/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>Contribui\u00e7\u00e3o<\/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>F\u00f3runs da comunidade<\/li>\r\n \t<li>Conte\u00fado e formul\u00e1rios que permitem marcar outros membros<\/li>\r\n \t<li>Op\u00e7\u00f5es de compartilhamento para fotos e v\u00eddeos de membros<\/li>\r\n \t<li>Carregamento de conte\u00fado gerado por membros<\/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=\"v4-op-sc-forum\" width=\"1018\" height=\"592\" \/>\r\n\r\nA chave para o sucesso de qualquer um desses m\u00e9todos \u00e9 que o envolvimento dos membros deve ser f\u00e1cil. Os designers de UX devem incluir CTAs fortes, bot\u00f5es proeminentes e formul\u00e1rios simples para permitir que os usu\u00e1rios insiram, revisem e publiquem de forma r\u00e1pida e f\u00e1cil.\r\n<h2><strong>Considere a experi\u00eancia de usu\u00e1rio de login<\/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=\"f\u00f3rmula de lan\u00e7amento do curso1\" width=\"600\" height=\"536\" \/>\r\n\r\nAqui est\u00e3o alguns itens a serem inclu\u00eddos em suas p\u00e1ginas de pr\u00e9-inscri\u00e7\u00e3o:\r\n<ul>\r\n \t<li>CTAs fortes que convidam os usu\u00e1rios a participar<\/li>\r\n \t<li>Propostas de valor para n\u00e3o membros<\/li>\r\n \t<li>CTAs e dicas visuais mostrando aos membros onde fazer login<\/li>\r\n<\/ul>\r\nAlguns itens a serem inclu\u00eddos em suas p\u00e1ginas de login de postagem podem incluir:\r\n<ul>\r\n \t<li>Um feed de atividades comunit\u00e1rias<\/li>\r\n \t<li>Links personalizados<\/li>\r\n \t<li>Conte\u00fado mais recente<\/li>\r\n \t<li>CTAs para registro em eventos, download de conte\u00fado, etc.<\/li>\r\n \t<li>Notifica\u00e7\u00f5es de eventos ou not\u00edcias da comunidade<\/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=\"successful-membership-site-directory\" width=\"600\" height=\"596\" \/>\r\n\r\nEmbora cada p\u00e1gina inclua elementos diferentes e tenha uma finalidade diferente, \u00e9 melhor usar a mesma marca e o mesmo guia de estilo para ambas, a fim de criar um senso de unidade entre os usu\u00e1rios.\r\n<h2><strong>Considere os perfis dos membros<\/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\nAo considerar o design do perfil, considere o seguinte:\r\n<ul>\r\n \t<li>Afilia\u00e7\u00f5es pessoais e profissionais<\/li>\r\n \t<li>Preocupa\u00e7\u00f5es com a privacidade<\/li>\r\n \t<li>Fotos e avatares<\/li>\r\n \t<li>Distintivos e pr\u00eamios para o envolvimento da comunidade<\/li>\r\n \t<li>Listagem do n\u00edvel de associa\u00e7\u00e3o (se aplic\u00e1vel)<\/li>\r\n \t<li>Bot\u00f5es de edi\u00e7\u00e3o para atualizar seu pr\u00f3prio perfil<\/li>\r\n \t<li>Estado somente de visualiza\u00e7\u00e3o para ver o perfil de outro membro<\/li>\r\n \t<li>\"CTAs \"Renovar associa\u00e7\u00e3o<\/li>\r\n \t<li>Links para boletins informativos ou conte\u00fado em destaque<\/li>\r\n \t<li>T\u00f3picos ou categorias do f\u00f3rum<\/li>\r\n \t<li>Notifica\u00e7\u00f5es de eventos e not\u00edcias<\/li>\r\n<\/ul>\r\nO principal objetivo de um bom perfil de membro \u00e9 mostrar sua personalidade para os outros membros, melhorar o envolvimento geral e fornecer atualiza\u00e7\u00f5es e informa\u00e7\u00f5es importantes para o membro tamb\u00e9m.\r\n<h2><strong>Considera\u00e7\u00f5es finais<\/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>Os sites de associa\u00e7\u00e3o s\u00e3o especiais. Aqui est\u00e1 o que voc\u00ea precisa saber sobre como projetar uma excelente experi\u00eancia do usu\u00e1rio para eles...<\/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\/pt\/wp-json\/wp\/v2\/posts\/1811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/users\/10821"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/comments?post=1811"}],"version-history":[{"count":1,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/posts\/1811\/revisions"}],"predecessor-version":[{"id":22150,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/posts\/1811\/revisions\/22150"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/media\/3170"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/media?parent=1811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/categories?post=1811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/tags?post=1811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}