--- title: "Creativity and UX Design: Sparking Online Community Engagement" description: Online community engagement isn't just driven by expertly crafted tasks and regular moderation. UX and design are an important part of the equation too. image: https://blog.flexmr.net/hubfs/Marketing_Files/Blogs/Headers/creativity_ux_sparking_online_community_engagement.png --- close ## Ready to level up your insights? Get ready to streamline, scale and supercharge your research. Fill out this form to request a demo of the InsightHub platform and discover the difference insights empowerment can make. A member of our team will reach out within two working days. close ## Cost effective insights that scale Quality insight doesn't need to cost the earth. Our flexible approach helps you make the most of research budgets and build an agile solution that works for you. Fill out this form to request a call back from our team to explore our pricing options. [![FlexMR logo](https://www.flexmr.net/skin/images/images-custom/2b221b67-b091-4584-9017-872ee2ddf960-logo.svg)](https://www.flexmr.net/) Book a Demo Request Pricing [Contact Us](https://www.flexmr.net/contact/) Menu - [Home](https://www.flexmr.net/) - [InsightHub](https://www.flexmr.net/insighthub/) - [What is InsightHub?](https://www.flexmr.net/insighthub/) - [Data Collection](https://www.flexmr.net/insighthub/data-collection/) - [Data Analysis](https://www.flexmr.net/insighthub/data-analysis/) - [Data Activation](https://www.flexmr.net/insighthub/data-activation/) - [Research Templates](https://blog.flexmr.net/topic/survey-templates/) - [Information Security](https://www.flexmr.net/insighthub/information-security/) - [Services](https://www.flexmr.net/services/) - [Our Expert Services](https://www.flexmr.net/services/) - [Support & Education](https://www.flexmr.net/services/support-and-education/) - [Consultative Services](https://www.flexmr.net/services/consultative-services/) - [Insight Delivery](https://www.flexmr.net/services/insight-delivery-services/) - [Research Methods](https://www.flexmr.net/methods/) - [Sectors We Work With](https://www.flexmr.net/sectors/) - [About](https://www.flexmr.net/about/) - [About Us](https://www.flexmr.net/about/) - [Leadership](https://www.flexmr.net/about/leadership/) - [Meet the team](https://www.flexmr.net/about/meet-the-team/) - [Advisory Board](https://www.flexmr.net/about/advisory-board/) - [Press & Media](https://resources.flexmr.net/tag/press) - [Accolades](https://www.flexmr.net/about/accolades/) - [Careers](https://www.flexmr.net/about/careers/) - [Blog](https://blog.flexmr.net/) - [Resources](https://resources.flexmr.net) - [Contact](https://www.flexmr.net/contact/) - [Book a Demo](https://blog.flexmr.net/) - [Request Pricing](https://blog.flexmr.net/) - [Home](https://www.flexmr.net/) - [InsightHub](https://www.flexmr.net/insighthub/) - - [What is InsightHub?](https://www.flexmr.net/insighthub/) - [Data Collection](https://www.flexmr.net/insighthub/data-collection/) - [Data Analysis](https://www.flexmr.net/insighthub/data-analysis/) - [Data Activation](https://www.flexmr.net/insighthub/data-activation/) - [Research Templates](https://blog.flexmr.net/topic/survey-templates/) - [Information Security](https://www.flexmr.net/insighthub/information-security/) - ![Camp InsightHub](https://blog.flexmr.net/hubfs/Website_Files/Images/Navigation/camp_insighthub_nav.png) Embark on a new adventure. Join Camp InsightHub, our free demo platform, to discover the future of research. [Sign Up Today](https://insighthub.flexmr.net/users/new) - ![FlexMR InsightHub](https://blog.flexmr.net/hubfs/Website_Files/Images/Navigation/insighthub_screenshot.png) Read a brief overview of the agile research platform enabling brands to inform decisions at speed in this PDF. [Download Brochure](https://blog.flexmr.net/hubfs/Public_Files/InsightHub_Brochure.pdf) - ### InsightHub on the Blog - [Surveys, Video and the Changing Face of Agile Research](https://blog.flexmr.net/surveys-video-changing-agile-research) - [Building a Research Technology Stack for Better Insights](https://blog.flexmr.net/research-technology-stack) - [The Importance of Delegation in Managing Insight Activities](https://blog.flexmr.net/delegation-importance-insight-activities) - [Common Insight Platform Pitfalls (and How to Avoid Them)](https://blog.flexmr.net/platform-pitfalls-how-to-avoid-them) - [Services](https://www.flexmr.net/services/) - - [Our Expert Services](https://www.flexmr.net/services/) - [Support and Education](https://www.flexmr.net/services/support-and-education/) - [Consultative Services](https://www.flexmr.net/services/consultative-services/) - [Insight Delivery Services](https://www.flexmr.net/services/insight-delivery-services/) - [Research Methods](https://www.flexmr.net/methods/) - [Sectors We Work With](https://www.flexmr.net/sectors/) - ![FlexMR Services Team](https://blog.flexmr.net/hubfs/Website_Files/Images/Navigation/services.jpg) Our services drive operational and strategic success in challenging environments. Find out how. [Download Brochure](https://blog.flexmr.net/hubfs/Public_Files/Brochures/FlexMR_Services_Brochure.pdf) - ![Video Close Connection Programme](https://blog.flexmr.net/hubfs/Website_Files/Images/Navigation/video_services.jpg) Close Connections bring stakeholders and customers together for candid, human conversations. [Read Press Release](https://resources.flexmr.net/close-connections-launch) - ### Explore our Practices - [Communities Practice](https://www.flexmr.net/insighthub/) - [Closeness Practice](https://www.flexmr.net/practices/customer-closeness/) - [CX Practice](https://www.flexmr.net/practices/customer-experience/) - [Insight Communications Practice](https://www.flexmr.net/practices/insight-communications/) - [About](https://www.flexmr.net/about/) - - [About Us](https://www.flexmr.net/about/) - [Leadership](https://www.flexmr.net/about/leadership/) - [Meet the Team](https://www.flexmr.net/about/meet-the-team/) - [Advisory Board](https://www.flexmr.net/about/advisory-board/) - [Press & Media](https://resources.flexmr.net/tag/press) - [Accolades](https://www.flexmr.net/about/accolades/) - [Careers](https://www.flexmr.net/about/careers/) - ![FlexMR Credentials Deck](https://blog.flexmr.net/hubfs/Website_Files/Images/Navigation/flexmr_credentials.png) The FlexMR credentials deck provides a brief introduction to the team, our approach to research and previous work. [Download Credentials](https://blog.flexmr.net/hubfs/Public_Files/Brochures/FlexMR_Credentials.pdf) - ![FlexMR Insights Empowerment](https://blog.flexmr.net/hubfs/Website_Files/Images/Navigation/insights_empowerment.png) We are the insights empowerment company. Our framework addresses the major pressures insight teams face. [Download Brochure](https://blog.flexmr.net/hubfs/Public_Files/Brochures/Insights_Empowerment_Brochure.pdf) - ### Latest News - [Insight as Art Shortlisted for AURA Innovation Award](https://resources.flexmr.net/aura-innovation-award-2021) - [FlexMR Launch Video Close Connection Programme](https://resources.flexmr.net/close-connections-launch) - [VideoMR Analysis Tool Added to InsightHub](https://resources.flexmr.net/videomr-launch) - [FlexMR Makes Shortlist for Quirks Research Supplier Award](https://resources.flexmr.net/quirksmr-mr-supplier-award-2020) - [Blog](https://blog.flexmr.net) - - [Latest Posts](https://blog.flexmr.net) - [Strategic Thinking](https://blog.flexmr.net/topic/strategic-thinking) - [Technology & Trends](https://blog.flexmr.net/topic/tech-trends) - [Research Methods](https://blog.flexmr.net/topic/research-methods) - [Practical Application](https://blog.flexmr.net/topic/practical-application) - [Insights Empowerment](https://blog.flexmr.net/topic/insights-empowerment) - [View Full Blog Archives](https://blog.flexmr.net/all) - ![FlexMR Close Connection Programme](https://blog.flexmr.net/hubfs/Website_Files/Images/Navigation/close_connection.png) Discover how to build close customer connections to better support real-time decision making. [Build Connections](https://blog.flexmr.net/practical-support-real-time-decisions) - ![Market Research Playbook](https://blog.flexmr.net/hubfs/Website_Files/Images/Navigation/market_research_playbook.png) What is a market research and insights playbook, plus discover why should your team consider building one. [Discover Playbooks](https://blog.flexmr.net/market-research-playbook) - ### Featured Posts - [Five Strategies for Turning Insight into Action](https://blog.flexmr.net/5-strategies-turn-insights-into-action) - [How to Design Surveys that Ask the Right Questions](https://blog.flexmr.net/effective-survey-design-guide) - [Scaling Creative Qual for Rich Customer Insight](https://blog.flexmr.net/scale-creative-qual-rich-understanding) - [How to Measure Brand Awareness: The Complete Guide](https://blog.flexmr.net/measure-brand-awareness) - [Resources](https://resources.flexmr.net) - - [All Resources](https://resources.flexmr.net) - [Client Stories](https://resources.flexmr.net/tag/case-studies) - [Whitepapers](https://resources.flexmr.net/tag/whitepapers) - [Events & Webinars](https://resources.flexmr.net/tag/events) - [The Open Ideas Panel](https://ideas.flexmr.net/auth/sign_in) - [InsightHub Help Centre](https://help.flexmr.net/en) - [FlexMR Client Network](https://www.linkedin.com/groups/9165407/) - ![Insights Empowerment Readiness Calculator](https://blog.flexmr.net/hubfs/Website_Files/Images/Navigation/insights_calculator.png) The insights empowerment readiness calculator measures your progress in building an insight-led culture. [Get Your Score](https://resources.flexmr.net/insights-empowerment-calculator) - ![MRX Lab Podcast](https://blog.flexmr.net/hubfs/Website_Files/Images/Navigation/flexmr_podcast.png) The MRX Lab podcast explores new and novel ideas from the insights industry in 10 minutes or less. [Listen Now](https://resources.flexmr.net/mrx-lab-podcast) - ### Featured Stories - [Specsavers Informs Key Marketing Decisions with InsightHub](https://resources.flexmr.net/specsavers) - [The Coventry Panel Helps Maintain Award Winning CX](https://resources.flexmr.net/coventry-building-society) - [Isagenix Customer Community Steers New Product Launch](https://resources.flexmr.net/isa-insights) - [Curo Engage Residents with InsightHub Community](https://resources.flexmr.net/curo) - [Practical Application](https://blog.flexmr.net/topic/practical-application) / 7 MIN READ ## Creativity and UX Design: Sparking Online Community Engagement #### Laura Butterworth # [Workshops and Beacons: A Guide to Building Custome...](https://blog.flexmr.net/workshops-beacons-customer-salience) Most organisations are not short of data, insight or decks.Their biggest challenge is not whether cu... [Read more](https://blog.flexmr.net/workshops-beacons-customer-salience) 9 MIN READ #### Ed Hill - [Events (1)](https://blog.flexmr.net/topic/events) - [Insights Empowerment (38)](https://blog.flexmr.net/topic/insights-empowerment) - [Practical Application (178)](https://blog.flexmr.net/topic/practical-application) - [Research Methods (285)](https://blog.flexmr.net/topic/research-methods) - [Strategic Thinking (232)](https://blog.flexmr.net/topic/strategic-thinking) - [Survey Templates (7)](https://blog.flexmr.net/topic/survey-templates) - [Tech & Trends (397)](https://blog.flexmr.net/topic/tech-trends) Now more than ever, increasing and maintaining engagement amongst online communities is vital to capturing insights. With the current state of the economy and the increased cost of living, individuals are seeking meaningful reasons to take the time to provide their feedback, whilst researchers are striving to capture insights where they can in the most efficient way possible. Standing out from the crowd to different generations, individuals with varying personalities and interests has never been easy. Using tools such as design and creativity with UX in mind, online communities can thrive to all. So, let’s explore the factors that can help to spark online community engagement through design and creativity. ## Highlighting Key Tasks When planning the look and feel of an online community, one of the main aims should ultimately be to make it as easy as possible for individuals to take part in the available activities. The all-important landing page is crucial as to whether or not individuals will engage. The first few seconds have passed and the individual has likely already made up their mind about their thoughts, feelings and intentions. This is where design tools come into play – you can create meaningful and lasting first impressions. | ![Tweet from FlexMR](https://blog.flexmr.net/hs-fs/hubfs/Website_Files/Images/Icons/tweet-flexmr.png?width=40&height=33&name=tweet-flexmr.png) | ***Tweet This*** | | --- | --- | | [When planning the look and feel of an online community, one main aim is to make it easy for participants to navigate and take part in research - this is where UX design comes in.](https://ctt.ac/By6Fj) | | Step back and put yourself in the individuals’ shoes and look at the design – is it functional? Does it capture your attention? Does it pinpoint ‘call to actions’ easily? Would you be likely to engage if you were a member of the online community? Take the example below, the FlexMR’s [Camp InsightHub](https://insighthub.flexmr.net/auth/sign_in) – our in-house demo platform used to showcase all that the InsightHub has to offer. It is clear to see on the page where to access each activity type, highlighted with contrasting colours, clear links and buttons. ![Camp InsightHub Homepage](https://blog.flexmr.net/hubfs/image-png-1.png) It may also be valuable to seek out the opinions of other individuals whose experience, advice and expertise will prove useful. Consider consulting professionals in design, copywriting, marketing, community engagement and research. Rather than causing confusion with the overuse of links and text all over the screen, participants respond well when we get to the point with a dedicated to do/my activity list that updates automatically when a new task is created and another task is completed. Take the example below, this Trailblazers homepage is a mockup we use to illustrate exactly these points, and has a dedicated ‘to-do’ list, which is straight to the point: ![Trailblazers Homepage](https://blog.flexmr.net/hubfs/image-png.png) The design in this homepage focuses on highlighting the most important task links by making them stand out on the page, that will grab the attention of community members instantly when they enter the community. When a user first lands on a page, they will automatically begin to scan the page, seeking out a point to focus on, so make the focal points clear and easy to understand as these are the important ones to driving engagement. Minimising clicks is also key in maintaining community engagement, another challenge that insight experts struggle with on a daily basis. The use of ‘no login required’ activities such as surveys and quick polls means that individuals can open an email, click on a link, and share their feedback straight away without that login step. However, this doesn’t replace the need for a set online place dedicated to research, it is valuable to allow individuals to access research on their own time, they may be more likely to take part in more than one task or even provide more detailed, open feedback whilst they are there, in the community environment. ## Visual and Design Techniques What we see influences our thoughts, choices and actions. In the realms of Insight – ensure to create a friendly, non-overwhelming community environment. Engagement will flow more naturally when individuals feel as comfortable as possible to share their thoughts. So, how to do this? Firstly, use language that is welcoming, straightforward, and understandable. Secondly, use imagery that has elements of familiarity, inclusivity, and relatability. On the one hand, white space may make a page seem sparse, but is also important to highlight elements – so don’t fear simplicity! (Think: less is more). It is also crucial to maintain accessibility for all users, including those with disabilities such as visual impairments, additional needs and more. According to the World Health Organisation (WHO), at least 2.2 billion people have a near or distance vision impairment. Make sure to add clear descriptions on all media used, including link/button descriptions, and use colour schemes and combinations that are aesthetically inclusive to those with sensitivity issues. Throughout all of this, try to use specific wording in headings, links and descriptions that is clear and easy to understand. | ![Tweet from FlexMR](https://blog.flexmr.net/hs-fs/hubfs/Website_Files/Images/Icons/tweet-flexmr.png?width=40&height=33&name=tweet-flexmr.png) | ***Tweet This*** | | --- | --- | | [There are man facets to creating a friendly, safe, and truly accessibly online insights community - UX Design is one of the most important to get right.](https://ctt.ac/Il7aZ) | | ## Trust and Brand Familiarity An online community should feel trustworthy and safe. The higher the trust levels are amongst community members, the more likely they are to fully engage in all market research tasks that interest them by sharing their honest feedback, even when that feedback might be more sensitive in nature. So, ensure that the community creates a familiar, consistent, and comfortable environment by guaranteeing that the branding meets any brand requirements such as logos, colour schemes and imagery. As mentioned earlier on, although reaching out to all audiences is good and goes a long way to being an inclusive researcher – think about who your online community is designed for, what is the purpose of the research community, as well as any other factors will capture the attention of the given audience. Ultimately, engagement levels will vary depending on many different factors, including personal contexts that are fully out of our control, but for those participants who do log into a community, a strong base for building engagement is in the design; design and creativity are great tools that all researchers need to try their hand at when building a successful online community. First impressions count towards so much of an overall conclusive impression, so ensure that the design sets a positive starting point for gaining insights. [![Camp InsightHub](https://blog.flexmr.net/hs-fs/hubfs/Marketing_Files/CTAs/cta_camp_insighthub.png?width=1000&name=cta_camp_insighthub.png)](https://insighthub.flexmr.net/users/new) #### About FlexMR We are The Insights Empowerment Company. We help research, product and marketing teams drive informed decisions with efficient, scalable & impactful insight. #### About Laura Butterworth Laura is a skilled communicator who provides high-quality training and onboarding to a wide variety of our clients. #### Stay up to date ## You might also like... ![Blog Featured Image Header](https://blog.flexmr.net/hubfs/Marketing_Files/Blogs/Headers/pilot_studies_customer_connection.png) ### [How Pilot Studies Power Customer Co...](https://blog.flexmr.net/pilot-studies) The clue is in the name – a pilot study is essential in getting your research ‘off the ground’! A pilot study is a small-scale “trial run” conducted before launching the main research project. Its pur... [Continue reading](https://blog.flexmr.net/pilot-studies) 7 MIN READ ![Blog Featured Image Header](https://blog.flexmr.net/hubfs/Marketing_Files/Blogs/Headers/casual_conversation_iosetta_santini.png) ### [A Casual Conversation... with Ioset...](https://blog.flexmr.net/casual-conversation-iosetta-santini) Most research projects still currently end with a powerpoint report and a debrief. This has become deeply entrenched as the industry standard, and it is what stakeholders have come to expect when they... [Continue reading](https://blog.flexmr.net/casual-conversation-iosetta-santini) 4 MIN READ ![Blog Featured Image Header](https://blog.flexmr.net/hubfs/Marketing_Files/Blogs/Headers/challenge_customer_research_salience.png) ### [Using Customer Research to Reform R...](https://blog.flexmr.net/customer-research-reform-processes) Customer research is a concept all insight experts are familiar with, have to be familiar with to be good researchers in our industry. We understand that customer research is vital to informing succes... [Continue reading](https://blog.flexmr.net/customer-research-reform-processes) 7 MIN READ ![](https://www.flexmr.net/skin/images/images-custom/48f118ee-cef9-42d6-b60b-5575d5ac26e3-flexmr_footer.svg) - [Home](https://www.flexmr.net/) - [Contact Us](https://www.flexmr.net/contact/) - [Privacy Policy](https://www.flexmr.net/legal/privacy/) - [Cookie Policy](https://www.flexmr.net/legal/cookies/) - [Terms of Use](https://www.flexmr.net/legal/terms-of-use/) [Follow us on Facebook](https://www.facebook.com/flexmr/) [Follow us on Twitter](https://twitter.com/_flexmr) [Follow us on LinkedIn](https://www.linkedin.com/company/flexmr) [Follow us on YouTube](https://www.youtube.com/c/FlexmrNetOnlineResearch) [![Grit Top 50 Logo](https://www.flexmr.net/uploads/photo-gallery-include-images/34/44258f4d-7452-40d6-bb23-0e220c8ba21f.png)](https://www.greenbook.org/mr/grit/business-innovation-edition) [![ISO 27001 Alcumus](https://www.flexmr.net/uploads/photo-gallery-include-images/34/fa89f9b3-d866-43b8-8de0-4a052a9053d8.png)](https://www.alcumus.com/en-gb/certification/iso-27001/) [![Cyber Essentials Plus Logo](https://www.flexmr.net/uploads/photo-gallery-include-images/34/cba57df6-75a2-4544-9599-dcc0c2f14b79.png)](https://blog.flexmr.net/hubfs/Public_Files/Other/FlexMR_Cyber_Essentials_Certificate.pdf?__hstc=163229475.dde2c3d212762f49b059c9f62e7537a0.1624542718433.1626339489304.1626701624468.7&__hssc=163229475.2.1626701624468&__hsfp=3142549060) © FlexMR 2021. All rights reserved. ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Laura Butterworth", "url" : "https://blog.flexmr.net/author/laura-butterworth" }, "dateModified" : "2023-02-03T10:59:10.171Z", "datePublished" : "2023-02-02T18:00:50.000Z", "headline" : "Creativity and UX Design: Sparking Online Community Engagement", "image" : [ "https://blog.flexmr.net/hubfs/Marketing_Files/Blogs/Headers/creativity_ux_sparking_online_community_engagement.png" ], "mainEntityOfPage" : { "@id" : "https://blog.flexmr.net/ux-online-community", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://blog.flexmr.net/hubfs/Website_Files/Images/Logos/flexmr_logo_amp.png" }, "name" : "FlexMR" } } ```