Jump to content

sobrenome

Clients
  • Posts

    2,525
  • Joined

  • Last visited

Reputation Activity

  1. Agree
    sobrenome reacted to Matt for a blog entry, Updates to our community   
    You’ve probably already noticed that something looks a little different in our community today.
    As part of our ongoing community improvements, we’ve performed some housekeeping to streamline the forum structure, make more distinction between areas and open up a few areas to guests and friends.
    The big visual change is that we now have four separate areas: support, community, marketplace and developers. It should hopefully be clear what each section does, but let's go through a few examples.
    Support
    This area is where you can leave feedback on existing features, help shape Invision Community’s future by suggesting new functionality and also where you can get quick support from fellow Invision Community owners and our team.
    Starting today, you can post in the Help & Support forum to get help from our team. If you’re unsure what a feature does, or think you’ve spotted an issue that needs our help, then you’re welcome to start a topic. Of course, if you want private support, then you are welcome to create a ticket in the client area as normal.
    Community
    Even the most seasoned community manager needs a little help from time to time. This section is the place to ask about strategy, to blow off steam in the lounge or to ask for fellow owners to help with support requirements outside of official support, such as configuring servers, databases and so on.
    Marketplace
    Our Marketplace brings hundreds of new features, themes, language translations and plug-ins to your Invision Community. If you need support or have a request for something you’ve purchased from the Marketplace, drop into the forums here.
    Developers
    Invision Community is blessed with a strong developer community extending the rich functionality of Invision Community. If you’re looking to develop an idea for Invision Community, these forums will let you connect with our development team to answer questions as well as get help from other marketplace authors.
    Other Changes
    There are a few other changes of note that I’d like to go through. Firstly, ‘Visitors’ (that is a registered member without an active license) are now ‘Friends’. Who doesn’t need new friends? Guests and Friends can now view the official support forums, but cannot post a new support request or reply to existing ones.

    We’ve merged ‘General Chat’ in with the Client Lounge to form ‘The Community Managers’ Lounge’. This is still a perk for active customers and the topics are not viewable unless you have an active license.
    Finally, we’ve gone through and spruced up some of the forum rules, descriptions and custom error messages.
    I hope these changes make it easier to find what you need and get a little help when you need it.
     
  2. Like
    sobrenome reacted to bfarber for a blog entry, 4.4: Extend Invision Community with the REST API   
    Ever since its first release, the REST API built into the Invision Community software has proven to be a very powerful and well-received feature.
    We love seeing what our clients and modification authors are able to do with the level of integration afforded to them through this capability, and so it is only natural that we have looked to expand the functionality in our upcoming 4.4 release.
    Poll Support
    Beginning with 4.4, you will now be able to create and update polls for both topics and blog entries through the REST API. Of course, modification authors can use this new endpoint.
    Warn Reasons
    You will also now be able to manage warn reasons through the REST API. This includes fetching a list of reasons, as well as fetching an individual reason, creating warn reasons, updating existing warn reasons, and deleting warn reasons.
    Event Venues
    Event venues can now be listed and individual venues fetched through the REST API, and you can now add, update and delete event venues through the REST API.
    Member Notifications
    You can now retrieve a list of notifications for a specific member through the REST API, useful if you were to attempt to recreate the notifications menu on a third party website (for example).
    Warning Users
    The REST API will now expose the warnings a user has received through a new endpoint. Additionally, you can fetch individual warnings, issue new warnings, undo and/or delete issued warnings, and acknowledge warnings through the REST API. If you are building a site wrapper around your community, you can leverage this functionality to ensure that users are unable to post elsewhere on your site if they have unacknowledged warnings within the community (and also to provide them with a way to acknowledge those warnings right on your site).

    The REST API Reference
    Node permissions
    Beginning with 4.4, you will now be able to set the permissions for a node when adding or updating it through the REST API (for example, you can now adjust the permissions for a forum or a downloads category through the REST API). Many clients noticed that while they could create new nodes through the API, the nodes would be unusable until an administrator manually went in and specified the permissions, so this change can eliminate this extra step in many situations.
    Event filtering
    You will now also be able to filter the events you pull through the Calendar REST API endpoints by start and end date (e.g. so you can show events within a specific time frame, such as the current week), and you can now also specify to sort the events returned by the event start date or the event end date.
    Clubs
    And finally, for those who leverage clubs on their communities, we have built in full REST API support for clubs. You can list all clubs, return a specific club, create new clubs, update existing clubs, and delete clubs through the REST API. Further, you can list all members in a club, add a specific member to a specific club, remove a member from a club, fetch the content types available for use within a club (i.e. so you can determine which applications are installed and have club support on a given site), fetch the nodes (displayed as tabs/sections within a club) created within a club, and delete nodes from a club. Important behind the scenes steps, such as generating invoices for members requesting to join paid clubs, are all handled automatically for you when using the REST API.
    We believe these changes will help clients better integrate with our software and open up new possibilities with their websites.
    Would you like us to add any other endpoints? Let us know in the comments below!
  3. Like
    sobrenome reacted to Jordan Miller for a blog entry, Battling toxicity in communities with kindness and vulnerability   
    Promote kindness and foster interpersonal relationships through the power of vulnerability to outshine toxicity in your online community. 
    Before my time as a Community Advocate with Invision Community, I focused all my attention on my own online community, BreatheHeavy. Pop music and Britney Spears news are the bread and butter of BreatheHeavy. As you can imagine, fans of pop stars are energized, vocal and unapologetic. There’s real potential for conversations to slip into negativity.
    16 years ago when I launched BreatheHeavy, I hadn’t realized I took the first steps towards becoming a community leader. It never occurred to me such a role existed. My mission evolved from forum administrator to community leader, and during that process, I discovered a love of community building. Along the way, I’ve learnt invaluable lessons about toxic community culture (shade a pop star then let me know how that goes for you). 
    What is online community building?
    It’s the act of cultivating culture and creating connections on the Internet. It’s an essential aspect most businesses don’t focus on enough because it’s hard to quantify its value A.K.A. the bottom line.
    I spent the majority of my career writing news articles. My resources went into content creation on my company’s blog section while my community members, completely segregated from my news posts, ran rampant. I recall thinking, “negative comments are better than no comments!” 
    That thought eventually led to the demise of my community. The trolls had infiltrated and won. 


    Credit: Unsplash
     
    A mob of toxic commentators had free reign, thus scaring away quality members. Freedom of speech is imperative, but it also has limitations (screaming “fire!” in a crowded theater is not applicable to free speech).
    To better understand how we can combat negativity in our communities, let’s first define what makes a community toxic?
    When a member or group of members devalue the community. 
    Their negativity permeates throughout the community in such a profound way that it repels others from contributing, engaging and worst of all: not returning. 
    As much as I hate to admit it, toxic members are powerful. They can influence your community, albeit in the opposite direction of what community owners want. Their role deteriorates the community they call home. The compounding effect of flippant responses, snide remarks, indifference, arguments and attacks ultimately creates chaos. 
    The sad thing is... they’re usually unaware their behavior is adversely affecting the community. If they’re oblivious, there’s no opportunity to turn things around. 
    In an effort to better understand their motivation (and avoid smashing the ban hammer), I personally reach out to these members in a private message. Call me a sap, but I’m a firm believer that people can change if you communicate with them. 
    This is a great opportunity to send them a private message.
     



    People just want to be heard.
    When someone exhibits toxic behavior... ask yourself why, and more importantly... can you help them? 
    Typically, a troll’s demeanor stems from what’s transpired in their real life, and it manifests onto your community (lucky you!). Know there’s a motive behind the negativity; a harsh reality they may not want to face.
    You’re not necessarily required to reach out, and a suspension is a lot easier, but taking this upon yourself as a community leader to uncover what’s really going on is an unrequited and selfless act that’ll set your community apart.
    In other words: it’s a very kind thing to do. 


    Credit: Unsplash
    Kindness in communities
    The most profound way to fight toxicity in an online community is by not fighting at all. It’s by offering kindness to those who need it the most. That’s done through outreach and personal displays of vulnerability. 
     


     

    Members on the other end want to know they’re talking with another person. A person who also encounters struggles in life, but found ways to not only overcome those hurdles, but lean into them as they forge mental fortitude - an important component for successful community leaders. 
    Your past challenges can inspire change in peoples’ futures.
    A powerful way to do this is through being vulnerable.
    Dr. Brené Brown, who’s extensively researched what it means to be vulnerable, said it best: “The difficult thing is that vulnerability is the first thing I look for in you and the last thing I’m willing to show you. In you, it’s courage and daring. In me, it’s weakness.”
    It’s easy to expect others (in our case toxic members) to share with you some real life hurdles they’ve encountered. It’s much more difficult for us (the community leader) to shine a light back on ourselves and share that vulnerability back. However, it’s the secret ingredient to creating a perfectly baked community cake.
    The act of opening up to an anonymous person in need not only can inspire them to change, but it opens a door towards further self-discovery. 
    Being vulnerable with your members empowers them and you.
    So the next time you notice a toxic member’s pattern regarding how they post, take a pause. Remember there’s more behind the curtain, that hurt people hurt people, then take the opportunity to be kind, practice being vulnerable and watch your community garden blossom. 
    How do YOU battle toxicity in your Invision communities? Sound off in the comments below.
    Hero Image Credit: Unsplash 
  4. Like
    sobrenome reacted to Matt for a blog entry, Welcome to the team, Jordan!   
    I'm thrilled to introduce the newest member of team Invision Community.
    You may recognise Jordan from his photo as he's been an active member of our community as BreatheHeavy. Jordan has been running his site BreatheHeavy.com using Invision Community for nearly a decade.
    Jordan's official title is "Community Advocate" which means that he will be working very closely with our community to guide and curate feedback, assist with support questions, to help educate and inform and to bring you news of the latest developments being cooked up by our development team.
    Jordan says:
    Your feedback, ideas and questions matter.
    I've spent the last decade discovering what it means to be a community leader in my own Invision Powered community, BreatheHeavy. Community building is an ongoing journey that's taught me invaluable lessons, namely the importance of absorbing feedback from the community then taking decisive action. I'm excited and honored to share that insight with the Invision Community. My new role is designed to shed light on what Invision Community members (that's you!) want and share it with the team.
    I'm looking forward to getting to know you! 
    We're very excited to start a new chapter within Invision Community to improve communication, engage more Invision Community owners and make the most of the excellent feedback we receive.
    You'll be seeing more of Jordan on the forums in the coming days.
  5. Like
    sobrenome reacted to bfarber for a blog entry, Health Dashboard   
    The support tool has served us well for many years. You can identify, at a glance, potential issues with your community both presently and down the road, right from the comfort of your AdminCP, and you can often resolve those issues with just a few clicks.
    But what if we could do better? What if we could make this useful administrative area of the software even more useful?
    The next version of Invision Community introduces a new "Health Dashboard" which replaces the previous support tool and helps you get a better overview of potential issues within your community while retaining all of the functionality you've come to know and rely on to resolve issues with your community.

    When you launch the new health dashboard, the first thing you will notice is that the previous "Wizard" process is now gone, in favor of a single page giving you access to everything you might want or need.
    Central to the page are blocks that identify specific areas of your community, server, and configuration which could be problematic now or in the future. Invision Community will check for available updates, modified source files, server software configuration issues, whether your server is running required and/or recommended versions of important software and more.
    Additional checks and recommendations have been added to this page, to help identify other adjustments that could benefit or prevent harm to your community.  Issues are color coded and classified as informational, recommended, or critical and a summary is provided at the top of the page with an easy "check again" button which will do so without taking you away from the screen.
    If we become aware of an issue, we can quickly notify communities through a bulletin which will be displayed in the "Known Issues" block on this page. These bulletins can also trigger AdminCP notifications, however they will continue to show on the Health Dashboard so long as they are relevant, even when the AdminCP notification is dismissed.
    A graph showing system, error and email error log activity has been added to the page to help you identify spikes in logged issues. Commonly, if an issue begins to surface on your community there will be an increase in these types of error logs, so the graph here is intended to allow you to identify an increase in these logs, allowing you to investigate and react quicker.
    The right-hand sidebar surfaces common tools you may need to access.

    The first block allows you to see our most recently featured guides, as well as search our documentation. While this functionality was available in the existing support tool, we found that it was rarely used because people more often visited the tool to allow the software to check for common issues, and the ability to search the documentation required a separate work flow through the support wizard. With the block always available (and searches performed "live" via AJAX), we expect users will find the ability to search our documentation from the AdminCP much more useful now.
    Next up, the Tools and Diagnostics block gives you access to common tools you may need to use. You can quickly clear your system caches, as well as access phpinfo, the SQL toolbox (for self-hosted clients only), and disable all third party customizations. The process and behavior for disabling customizations is very similar to the existing process within the support tool, with the list of customizations disabled opening in a modal window and the ability to re-enable all customizations, or selectively re-enable individual customizations, still available.

    Disabling customizations is still simple
    Finally, the ability to submit a support ticket is still available right from this screen. Upon clicking the button to submit a support ticket, you will be presented with a form inside a modal dialog that behaves very similarly to the existing form with one minor but useful addition: if there are any patches not yet installed on the community, you will be alerted to this right on the form before submitting your ticket. Think of this as one last reminder that your issue may already be solved by installing any available patches before reaching out to us for official technical support.

    Submitting a support ticket is still just a few clicks away
    We believe the improved workflow and user experience will help administrators and support technicians alike more quickly identify any issues that need addressing on the community.
  6. Like
    sobrenome reacted to Matt for a blog entry, Highlight Topics With Replies From Groups   
    Wouldn't it be great to know if a staff member had replied to a topic before you clicked to open it?
    When you're scanning a list of topics, knowing which have had a reply by a member of the community team can help decide which to read. Currently, you need to open the topic and scan the posts to see if there's a reply from the team.
    Happily, in our next release, we've made it clear which have had a reply by a member of a specific group.
    You can specify which groups to show as having replied via the Groups form in the Admin CP.

    The per-group setting in the Admin CP
    You can select to detect the group based on the member's primary group, secondary group or both.
    When viewing a list of topics, you will see a badge showing that a member of that group has replied.

    This simple feature will make it easier to highlight when important replies have been made to topics, which is a great addition for forums using the new 'solved' feature.

    Let me know below if you'll use this new feature and what you'd like to see in the future.
  7. Like
    sobrenome reacted to bfarber for a blog entry, Solved Content Improvements   
    For a long time, Invision Community has supported a Question and Answer mode within the Forums application which allows a reply to be flagged as the "best answer" to the question posed. With the release of 4.5, we also introduced a way to allow topics to be marked as "solved" which introduces similar functionality without transforming the look and feel or other behavior of the forum itself.
    Based on the popularity of this new addition in 4.5, we have made some further improvements to solved topics and answered questions in our next release.
    Notification to topic/question starter
    While notifications were available to the poster who answered a question or solved a topic with the release of 4.5, this release also adds notifications for the topic or question starter so that they can be made aware that an answer is available to their question.

    Topic and question starters now get notifications for solutions
    AdminCP Statistics
    Solved topics and answered questions provide for measurable statistics that can help you determine the health and direction of your community, particularly for support communities. To that end, we have introduced two new content statistic blocks that can help you measure how well areas of the community that support answers and solutions are faring.

    New AdminCP statistics
    You can now quickly see the percentage of topics/questions that have been solved (relative to the total number posted in areas that support solutions), as well as the average time it has taken for a solution to be marked on a topic or question (relative to the time the topic or question was initially posted). These statistic blocks support time period filter, time period comparisons, and node filtering to narrow down the statistical data for your specific needs.
    User profile enhancements
    User profiles now show the number of solutions the user has posted, and also allows you to view all of those solutions, in a manner very similar to reputation.

    Prolific problem solvers will now be called out boldly

    Answers can be quickly found on user profiles
    These improvements should help reward the most helpful users on your community by giving them more prestige and helping other users find their answers quicker.
    Collectively, we hope that these changes make the question and answer and topic solution features in the Forums application more useful for your community members, and the administrators behind the community.
  8. Like
    sobrenome reacted to Andy Millne for a blog entry, Anonymous Posting   
    For a very long time Invision Community has allowed community owners to choose how open or private their communities should be. Communities could optionally allow guests to post without registering, they could allow the use of pseudonyms or they could require the use of real names.
    This covers a diverse range of communities but feedback from our clients made us realize that some use cases have not been accounted for.
    For some types of community, where discussion topics are particularly sensitive, community owners want to make sure that members register with their real details but are given the option to post anonymously where appropriate. For example, organisations dealing with abuse or sensitive topics might want the member to feel safe and disinhibited to post info without fear of being identified by the rest of the community.
    With our next release, we are pleased to introduce Anonymous Posting to make this a reality.
    When enabled, members will see the option to post anonymously when creating or replying to content.

    Starting a new anonymous topic
    Author details for anonymously posted content is hidden throughout the community and instead a default profile picture and name is shown.
    Total anonymity is not always desirable however and in some cases it may be necessary for trusted staff members to know who posted the content. Where allowed, these staff members will be shown an option to reveal the content author.

    Author details are hidden but can be revealed by trusted staff members
    Anonymous posting can be enabled on a per group basis and also limited to specific forums, albums and categories etc. The ability for staff members to reveal who really posted the content is a moderator permission.
    We hope this new feature is a useful addition and where appropriate makes your members feel safe or comfortable to share info they might not have otherwise.
    How open or private is your community and what do you find are the benefits or disadvantages of anonymity?
  9. Like
    sobrenome reacted to Matt for a blog entry, Community is your competitive advantage   
    Moats have been used for centuries as a way to defend a building from potential attack.
    A flooded ditch around a castle is a great way to make it harder to be taken. You can't push battering rams against walls, and neither can you dig under the castle. Quite frankly, a moat is a pretty decent deterrent when there are plenty of other castles to pillage.
    What does this mean for your business?
    A community can be an economic moat, or in more simple terms, your competitive advantage.
    When your product or service is surrounded by an engaged community that feels invested in your brand, you'll be able to resist challenges from competitors looking to tempt your customers away.
    Humans are social creatures, and we love seeking out and joining a tribe that aligns with our values. The intangible value of belonging creates a sense of momentum for your brand and helps champion it to others.
    The statistics back this strategy; 88% of community professionals said in a recent survey that community is critical to their company's mission and 85% said that their community has had a positive impact to their business.[1]
    Your competitive advantage
    One of the cheapest ways to create momentum for your product is to build a community around your startup. A community is much more than a one-time marketing campaign and can help you throughout your company's life cycle if you take the time to grow it right. [2]
    Creating a buzz around a product can take a lot of time, effort and money. 
    Traditionally, this buzz would be created with a mixture of videos, websites, influencer reviews, and heavy advertisement spends across multiple channels, including social media.
     Your community can create a shortcut and reach an audience without those costs and increase the chance of your product being shared virally. 
    Your community creates a bond over a shared interest that continually re-enforces loyalty to your brand. This creates a personal investment which makes it less likely your customers will try a competitor.
    Put simply, if a company can move from just shipping a product to building a community, it can benefit from several competitive advantages such as:
    Engaged members help acquire new members, lowering the cost for customer acquisition. Increased customer retention through community loyalty. Members won't want to abandon the community they enjoy. Reduced support costs as members support each other. This benefit forms a loop that generates more value as the community grows.

    Brand building 
    Another area of opportunity for social marketing is "brand building" - connecting enthusiastic online brand advocates with the company's product development cycle. Here, research becomes marketing; product developers are now using social forums to spot reactions after they modify an offer, a price, or a feature in a product or service. Such brand-managed communities can have real success. One well-documented example is IdeaStorm, Dell's community discussion and "brainstorming" website, which saw a measurable increase in sales following its launch, by providing a forum for meaningful dialogue and "to gauge which ideas are most important and most relevant to" the public. [3]
    By creating a community around your product or service, not only do you create brand advocates, but you also gain powerful insights into what your customers want through research which drives marketing. 
    Consumers today crave a stronger bond with brands. It's no longer enough to give them a customer support email address and a monthly newsletter. They want a much more in-depth interaction with the company and other users of the product or service.
    One tactic for success is for brands to move away from the hard-sell to instead embrace the notion of "co-creation". This means moving beyond "old-school" approaches to website advertising to embrace the principles of relationship marketing - building virtual environments in which customers can connect with each other to share insights and relevant information.
    To capitalise on currently available opportunities, marketers need to find or establish real brand communities, listen to them, and then create special programs and tools that will empower potential and existing community members, rewarding existing consumers and eliciting behavioural change from potential consumers. [3]
    Evernote, the note-taking app, is a great example. Their lively community encourages customers to interact directly with staff, post their wish-lists for future versions and learn more about what happens behind the scenes.
    The community creates evangelists for Evernote and makes it harder for competitors to gain a foothold with a potent mix of dialogue, access to other customers, transparency from the brand and many opportunities for co-creation of content.
    Co-creation fundamentally challenges the traditional roles of the firm and the consumer. The tension manifests itself at points of interaction between the consumer and the company where the co-creation experience occurs, where individuals exercise choice, and where value is co-created. Points of interaction provide opportunities for collaboration and negotiation, explicit or implicit, between the consumer and the company.
    In the emergent economy, competition will center on personalized co-creation experiences, resulting in value that is truly unique to each individual. [4]
    In simple terms, a community allows your customers to feel closer to your brand and the products you sell.

     
    What are you waiting for?
    Nearly 80% of founders reported building a community of users as important to their business, with 28% describing their moat as critical to their success.[1]
    Our team at Invision Community has over two decades of community building experience and are trusted by brands of all sizes.
    Whether you have an existing community, or you're taking your first steps to create your own, our experience and expertise will guide your success.

    [1] https://cmxhub.com/community-industry-trends-report-2020
    [2] https://viral-loops.com/blog/your-company-needs-a-pre-launch-campaign/
    [3] https://www.researchgate.net/publication/268200746_Social_media_and_its_implications_for_viral_marketing#read
    [4] https://www.cs.cmu.edu/~jhm/Readings/Co-creating unique value with customers.pdf
  10. Like
    sobrenome reacted to Matt for a blog entry, Trial Invision Community 4.5 Now   
    If you're preparing to upgrade to Invision Community 4.5, there's now an easy way to test it out.
    We have updated our Invision Community demo system to use Invision Community 4.5! This is a quick and easy way to take 4.5 for a test drive and test all the new functionality before making your upgrade plans.

    Taking out a demo is very simple, just head over to our demo sign up page, follow the instructions and within a few minutes you'll receive your own private demo log in.
    We'd love to know what you think! Please let us know in the feedback forum.
  11. Like
    sobrenome reacted to Matt for a blog entry, Guest Blog: Discover Activity Streams   
    Once again, we hand over the reigns of our blog to client and friend to Invision Community Joel for another client view of our community suite.
    Today @Joel R tackles Activity Streams, and how to make them "your awesome".

    Activity Streams is one of the best new features of Invision Community 4 with more flexibility and options than ever before.  It can be an amazing and easy way to dive into interesting and new content, constantly feed new content to your users, and uncover different parts of your community. 
    Your community contains amazing content. Activity Streams empower your users to discover the awesome in your community!

    While earlier versions of the software contained New Content streams, they were pre-defined and shipped by default.  Now, everyone from users to community managers to admins can create their own unique Activity Streams, customized for the needs of the community or your own browsing interests.  These new options in Invision Community 4 give incredible power to both you and your users to discover new ways of looking at your content.  You can reference Invision’s Guide on Activity Streams.

    Let’s take a look at all the different ways to strategically use Activity Streams. 

    1.    Home Stream
    Make the Activity Stream your homepage!  It’s a beautiful, automated, chronological stream of recent content that constantly replenishes as new content is posted.  Rather than a blocky homepage that is literally stacked with blocks in a chunky mix-and-match, you can offer a blended homepage that unifies all of your content into one continuous stream.  It’s easy to browse, and you can still decorate the page with blocks in the sidebar and hot zones. 

    To make the Activity Stream your homepage, go to the ACP > Applications.  Set System as the default app by clicking on the ☆ star.   Then open up System, and make Content Discovery the default module by clicking on the ☆ star.  
     

    Bedlington.co.uk uses “All Activity” as its homepage.  Look who just moved into town!

    2.    Default Stream
    The default Activity Stream is always one the most significant links in your entire Invision community.  After the homepage, the default Activity Stream is usually the most popular page to which returning users will consistently use.  On some Enterprise boards, the default Activity Stream drives up to 20% of the initial clicks from repeat members.

    It’s no wonder why.  The default Activity Stream is the portal to the rest of the website and easily shows recent content.  But how many of us have customized or self-critiqued it?  Review your default stream and filter for the primary content you want to display.    
     

    Make your best stream the default stream.
    3.    Content Streams
    By default, Invision Community ships with a handful of global streams.  While those are appropriate for a new community, they aggregate all content in the community.  This can be problematic if your community emphasizes one content type over another since all content is mixed together and content types with high volume can overwhelm less popular types.  For example, a recent upload of IP.Gallery images can flood the Activity Stream with new images, pushing discussion and blog posts too far down. 

    One thing you can do is to create new Activity Streams per content type or exclude certain content types.  Make separate streams for Forum Topics, Gallery Albums, Blogs, and more depending upon your community.  This will delineate content and makes it easier to navigate exactly what you want.  And even within content types, you can filter down to specific boards or categories.  You can create special streams specifically for Introduction or New Member boards; Gallery images and albums, so they don’t clutter up your primary stream; or Club discussions open to all members.   
    4.    User Streams
    One of the most creative ways to use Activity Streams is to show content from specific users.  This can be strategically used to create streams for specific users or accounts: staff members, special contributors, or leadership accounts.  You can also stealth stalk your most favorite IPS staff members!

    Create an Activity Stream of all recent activity, then each user can customize the stream to follow the people most important to them.  Each user can track the members most important to them and survey a quick overview of those members’ most recent activity.  
     

    Follow the most interesting users in your community.
    5.    Mobile Streams
    There are a couple of options that can help your stream be optimized for mobile.  By default, the Activity Stream can be packed with information.  You can include every detail of when a member registers, changes their profile photo, reacts to an item, and more.  You can also show the Expanded view, which includes up to three lines of text.

    If your website receives a lot of mobile traffic, you should toggle on Condensed view.  This streamlines the Activity Stream and packs more content items onto the viewport.  In a typical smartphone, you may only see 2 – 3 items in Expanded View, but see 5 – 6 items in Condensed view.  That allows users to see twice as much content, even on a smaller device.

    Pack more into less with Condensed view
    6.    RSS Streams
    For community managers who run an IPS community in support of an enterprise or organization, you can activate an RSS feed per stream.  This allows you to push the content to your other digital properties.  Turn a feedback and testimonial board into a showcase of product reviews; turn Q&A boards into a live stream of ongoing customer support; turn a New Customer introduction board into profiles of actual customers; and tap into the best parts of your community-generated content to fit into other parts of your support channels, brand marketing, and sales outreach.  Leverage your passionate community elsewhere with Activity Streams, and its built-in feature of RSS feeds.   
    Like most advanced features, learning to ‘surf the Activity Stream can be tough.  The streams are usually tucked away into the menu or an icon.  And many users are unaware that it exists!
     
    What your users will say when you introduce Activity Streams.  That’s okay, just put on a life vest and hold on for dear life.

    Activity Streams are such an incredibly powerful and flexible tool, which is why I personally love it.  You can slice-and-dice your community in any number of ways, and you gain an instant overview of the parts of the website that are most important, most engaging, and most interesting to yourself.  Spend some time sharing a quick tutorial with your community.  Show them where to view streams.  Show them how to customize it.  And let them discover the awesome in your community!  
     
  12. Like
    sobrenome reacted to Andy Millne for a blog entry, 4.5: Sign in with Apple   
    Since the feature was announced at last year’s World Wide Developer Conference (WWDC) we have received lots of requests to implement Sign in with Apple in Invision Community. We’re pleased to announce that as of 4.5 this is now available.
    You will need a paid Apple developer account to use it but once enabled users will be able to sign in using their Apple ID and all the convenience that brings. Touch ID and Face ID is supported natively where available and works across all your devices.

    Choose to share or hide your email address
    Isn’t it just another login button?
    Sign in with Apple is built on similar technologies as other login buttons such as those already available in Invision Community from Facebook, Google and Microsoft. The difference is Apple’s unique focus on privacy. On certain community types users can be reluctant to sign up when they fear they need to disclose lots of personal details. Every community is different so allowing your users to share as little or as much info as they like could be important to your success. Apple have stated that no user tracking will take place in contrast to other services where this forms a part of their business model.
    When signing in with their Apple ID the user can choose whether or not to share their real email address with your community. If the user chooses to hide their email address then your community will receive a relay email address that will forward to their real address. The email address used is unique to your community so the user can retain control.
    Can users link their existing Invision Community accounts?
    Yes! If a user signs in using the Apple button and shares their real email address, then providing they already have an account on your community they will be prompted to link their account in the same way as other social login buttons. They can also link an existing account from their account settings. If linking from account settings then the email addresses used do not need to match.
    Sign in with Apple is already enabled here on our community and is available in the 4.5 beta available to download now.
  13. Like
    sobrenome reacted to Matt for a blog entry, Welcome to Invision Community 4.5   
    We've been on a little journey together since we announced the first Invision Community 4.5 feature way back in November 2019.
    The first feature we announced was a revamped Admin Control Panel interface which created more visual space and brightened it up. Actually, we made it so bright that the first feature request was to add a dark mode (which we did).
    In the space of three short months, we had spoken about Club improvements, invites and referrals, RSS feed improvements, blog categories, the simple stock photo picker, search insights, security enhancements, user interface updates, new statistic views, and notification improvements.
    Most will agree that March and April seemed to last months, thanks to a global pandemic. We used these extra days to talk about marking posts as a solution, topic view summary, Zapier integration, forum view updates, post-installation onboarding, private staff notes, page builder widgets, theme designer improvements, a new default theme, language system updates and everything else we missed.
    We have also revamped the front end user interface to modernise the look and feel but also to introduce new CSS frameworks, variables and other time-saving features our design team have been eager to implement.

    On the subject of modernisation, we've deprecated some legacy functionality. We've given up trying to make anything look good with IE11 which last saw an update in 2013. We've also deprecated older caching engines like Memcache, APC and Wincache and recommend using Redis instead. The web hosting and domain management features of Commerce are also deprecated as is BBCode. BBCode has its roots in the earliest bulletin-board systems long before rich text editors were common use. It's 2020; we should no longer be asked to type in special codes in square brackets to format text. BBCode is still functional in Invision Community 4.5, but it is likely to be removed in a future version.
    Now that primary development has finished, we move onto the beta testing stage. This is where you get to try it out and evaluate the new features before scheduling your own upgrades.
    As always, we do recommend that you only test early betas on staging sites or simple test sites. Many a weekend has been ruined by over-enthusiastic upgrading of live sites; so we don't recommend that.
    You'll also notice that we're running Invision Community 4.5 on our own site. If you do spot an issue, please let us know in the bug tracker.
    I've been creating and releasing products for close to twenty years now, and I still get a real buzz out of hitting the release button. It's always a pleasure to see the result of hundreds of hours of coding, dozens of meetings and numerous passionate exchanges among the team.

    You can access the beta in your client area.
    We hope you enjoy Invision Community 4.5!
  14. Like
    sobrenome reacted to Stuart Silvester for a blog entry, 4.5: One More Thing...   
    Almost ten years ago we launched the Marketplace; a place to connect Invision Community owners with talented developers creating new functionality.
    Over the decade, the Marketplace has grown to hold thousands of applications, large and small. For many Invision Community owners, the Marketplace has become an essential resource.
    Our aim was always to have the Marketplace available inside your Admin Control Panel to make it even easier to purchase and install extra functionality.

    I'm pleased to say that as of Invision Community 4.5, this is now a reality. You can browse the Marketplace and install new add-ons without leaving the Admin Control Panel.

    Obtaining Resources
    Paid resources can be purchased directly from the Marketplace and are available to install immediately after the payment is complete. You no longer need to download and install the files yourself.
    You may also notice some additional information with the resource listing, we'll be introducing a new 'tab' to marketplace resources to allow the authors to provide more useful information such as answers to frequently asked questions, or configuration instructions etc.

    The video below takes you through the purchase and installation of a Marketplace application.
    marketplace-install.mp4
    Installing an Application
    Updates
    Some of the eagle-eyed among you may have noticed in the first screenshot that there are more 'bubbles' showing in the menu on the left. These are supported for Applications, Plugins, Themes and Languages.
    In Invision Community 4.5 every resource available via the AdminCP is automatically versioned, you will see update notifications for everything you have installed (previously, you would only see update notices if the resource author supports them).
    Installing an update is as simple as clicking on the update notice, then clicking 'update' on the Marketplace listing.

    Installing Updates
    Downloads Changes
    Our Marketplace is built on our Downloads application, during development of this feature we needed to add new functionality. We have included as many of these improvements as possible in our software for the benefit of our customers, some of these are:
    Custom Fields can now be set to only show to members that have purchased a file. Files can now be set to accept a single file upload instead of multiple. New file versions can now be moderated without hiding the current version from view. Downloads REST API Performance Improvements New /download endpoint that counts the download Added more data to the /downloads/file/{id} response Ability to sort file results by last updated date We hope you're as excited about this feature as we are.
  15. Like
    sobrenome reacted to Matt for a blog entry, 4.5: Two feature additions   
    As the deadline slowly comes down, two last feature additions race towards the descending door and slide in underneath with seconds to spare. 
    If you've never seen "Raiders of the Lost Ark", then you probably think this is a weird way to start a blog.
    As we wrap up development for Invision Community 4.5, we squeezed in two extra features that I want to talk about today.
    Per Topic Post Approval
    The first is a way to cool down a heated topic without locking it. Right now you can put an entire forum on post-approval. This means that moderators must review and approve all new posts before they are allowed to be publicly displayed.
    As of Invision Community 4.5, you can now choose to set a single topic to post-approval regardless of the forum setting.

    This is a great way to let a topic cool off but still receive new replies to review before adding to the topic.
    Club Terms and Conditions
    The ways that clubs are used throughout the many communities that run Invision Community are becoming increasingly varied.
    A popular request is to allow members to agree to a set of club-specific terms and conditions before they can contribute to the club.

    Invision Community 4.5 now allows the club owner to set up its own terms and conditions. You can optionally enforce that members agree to them before continuing.
    That's it for feature announcements. We're excited to be closing development on Invision Community 4.5 and move towards a beta in the coming weeks.
  16. Like
    sobrenome reacted to Matt for a blog entry, Beyond the support desk   
    If your brand sells a product or service, the first thing that comes to mind as a benefit to building your community is support deflection.
    And it's easy to see why. It's something you can quickly calculate an ROI for. Let's say every 20 hits to a public question with a solved answer from a client or team member equates to one less ticket. If a ticket costs $10 to solve on average, it's straightforward to see the value by calculating deflected tickets. Let's say your busy public support community had 20,000 hits a month; you've just saved $200,000 a month in support costs.
    Great! But before you finish there, I want you to consider the rewards a brand community can offer.
    A public support desk isn't a community. It's likely most of your customers join because of an issue with your product. They tap in some keywords on Google and come across your site. They see a bunch of solved questions like theirs, and they either get the fix and bounce out, or post and wait for a reply. With nothing to get them to come back, once they have the answer they'll likely bounce out then and only come back when they hit a new problem.
    That's not a community. A community is a place where people return multiple times to collaborate, learn and grow together.
    "[A brand community is] a group of people who share an identity and a mutual concern for one another's welfare - who participate in shared experiences that are shaped by a brand." - Carrie Melissa Jones
    For that, you need to look beyond the support desk and expand into more use cases, and there are compelling reasons to do this.
    Shared experiences
    Allowing your customers to share their experiences with your products can lead to unique brand stories that reinforce bonds between members and creates social solidarity in the community.
    A few years ago, I remember reading a post on a travel community. A family were flying with Delta and their son who has autism was becoming more and more distressed with the change in routine for that day. A Delta employee saw this and came and spoke with the family, helped settle the boy and ensured they boarded early to avoid the crush of passengers.
    It's a small moment of kindness that wouldn't make headlines, but it was very memorable for this family; enough so that they posted about it. This post had numerous replies in praise for the airline and no doubt made many of them think of Delta when booking their next flight.
    "[Social solidarity is] not just passive tolerance but felt concern for what is individual and particular about the other person." - Alex Honneth "The Struggle for Recognition"
    All those stories, connections and moments build social capital and loyalty for your brand.
    Feedback
    Your customers are already talking about your product. Some of it will be good, and some of it won't be good. They are already talking about it on social media, and in numerous communities, they belong to.
    If you do not have space within your community for your customers to leave feedback, then you're missing out on a massive benefit. You get a chance to address negative feedback before it spills out further into the public domain. Likewise, positive feedback makes for compelling customer success stories.
    Feedback is a great way to crowdsource innovation and to guide sales and marketing on how your customers are using your products and where the gaps are.
    Owning your niche
    Allowing space for conversations relating to your product makes good sense. If you sold a fitness tracker, then it makes good sense to have areas for discussions revolving around wellness areas such as sleep, diet and exercise. 
    Likewise, a mobile phone network will do well having areas related to the various brands of mobile phones.
    "There is status that comes from community. It is the status of respect in return for contribution for caring for seeing and being in sync with others. Especially others with no ability to repay you." - Seth Godin 
    Creating these spaces encourages return visits beyond direct support for the product.
    Those return visits are what makes your community a community.
  17. Like
    sobrenome reacted to Mark for a blog entry, 4.5: Commerce Trials   
    One of the most popular requests we get for Commerce is for a free trial period for subscriptions. We've heard from many clients that wish to allow their members a free, or reduced cost trial period before auto-renewing the full price.
    I'm pleased to say that we've now added this functionality into Invision Community 4.5. Let us take a look at how it works.
    Initial Terms
    In 4.5 you can now specify an initial term that is different to the normal renewal term for any subscription plan or product. For example, you could make the initial term $0 for 1 week and the normal renewal term $10 per month which will allow you to create 1 week free trial. The initial term doesn't have to be $0, you can use any special price for the initial term you like.

    Subscription Plans showing Free Trials
    For developers creating their own applications with Commerce integration, this functionality is also available to you simply by passing a DateInterval object representing the initial term when creating the invoice.
    Collecting Payment Details for Free Trials
    Previously, if you were buying something that is free, the entire of the last step of the checkout would just be skipped and the invoice marked as paid.
    In 4.5, if:
    The user is purchasing something which has a free initial period, but also has a renewal term (i.e. is a free trial), and You have a payment method which can collect card details (Stripe, Braintree, etc) The user will be prompted to provide payment details that will not be charged until after the free trial. If the user already has a card on file they will not be prompted to provide the details again but will see a confirmation screen rather than the order just being marked paid immediately.

    Checkout Process for a Free Trial
    As you can see, allowing a free or reduced cost trial period has never been easier. We hope that you enjoy using this new feature of Invision Community 4.5.
     
  18. Haha
    sobrenome reacted to Matt for a blog entry, Test drive Invision Community 4.5   
    We started talking about Invision Community 4.5 way back in November of last year. Now, less than six months later, it's ready for you to test.
    While we put the finishing touches to a few features, we have set up a preview site so you can test out the new features, leave your feedback and make a note of any bugs you spot.
    Head over now to the Invision Community Alpha test site.
    Please be aware that this test site is running in 'development mode' so it is automatically updated with the latest fixes throughout the day. This means it has to work extra hard on each click as there are no caches, pre-built languages or templates to use, so it will be a lot slower than a production version. So please don't worry about it being a touch slow, and definitely don't try and run Page Speed analysis tools on the alpha site!
    You can read about the headline features over in our product updates blog.
    Let us know what you think!
  19. Like
    sobrenome reacted to Matt for a blog entry, 4.5: Everything else   
    We have announced a lot of new things coming soon with Invision Community 4.5. Most of these are pretty big new features worth a blog on their own.
    However, we've made a lot of smaller changes that may not deserve their own blog but still have a significant impact.
    Let's run through some of those.
    Performance Improvements
    For every major release, we take some time to run through the code and look at ways to make Invision Community run more efficiently.
    For Invision Community 4.5, we've made node forms, sitemaps and commonly run SQL queries more efficient, which is excellent news for you and your users who get reduced server load and a snappier community.
    TikTok Embed
    Although it confuses me greatly, TikTok has taken the internet by storm. We have added it to the embed list so pasting a TikTok share link automatically shows the video ready to play in the comment.

    A TikTok
    Upload Chunking
    Uploading large files can be tricky. Typically trying to push a large file to a server results in timeouts, memory issues and eventually frustration. We have added chunked uploading when using S3. Put simply; this uploads part of the file at a time to prevent memory issues and the server timing out waiting for the upload to finish.
    View Members by Rank
    Very recently, we were asked how you can view all members in the ACP of a specific rank. It turned out you couldn't. This quick change was added into Invision Community 4.5.

    Showing members with a specific rank in the AdminCP
    Download Statistics
    While Invision Community 4.5 has new and improved statistic displays, a common request was to be able to download the raw data. This is now possible.

    Export stats as a CSV
    Downloads
    In Invision Community 4.5, when you require approval of new versions of files submitted to Downloads, the original version will no longer be hidden from view. We've added a new flow for moderators to approve these new versions.
    Live Meta Tag Editor
    Invision Community 4.5 seemed like a great time to run through this feature and tweak the functionality to make it more useful. Now it's possible to remove default meta tags, and it's easier to remove custom tags.
    Closed Tag Autocomplete
    When using the closed tag system where a user can select from one of your preset tags, we have added a search box to make it easier to find a single tag from a list of potentially hundreds.
    EU Tax Support in Commerce
    Tax doesn't have to be taxing! But it generally is. Countries within the EU often have complex tax rates. Commerce now supports multiple tax rates for consumers, businesses and EU VAT-registered businesses.
    That concludes our mini round-up of all the things we've not talked about yet. Let me know which one you're looking forward to most!
  20. Like
    sobrenome reacted to Ryan Ashbrook for a blog entry, 4.5: Language System Updates   
    Ever since Invision Community 4.0, there has been a huge focus on making communities multi-lingual by providing translation features inside the AdminCP.
    We have received a lot of feedback on our multi-lingual and translation tools over the past year, and we're happy to announce these new features coming to Invision Community 4.5.

    Pages Phrase Tools
    If you have the Pages application, you can also use these phrases in HTML pages and HTML Blocks without needing to visit the translation tools area. Simply use the tag editor in the sidebar when editing a page or block's contents.



    The new phrases sidebar options
    You can quickly create new multi-lingual phrases by clicking the + icon.

    The new add phrase dialog
    Additionally, WYSIWYG Blocks have now been made translatable, so you can now create WYSIWYG blocks that will display their content in specific languages.
    Translation Tools
    Language pack creators can now set a version update URL which is checked to notify admins within the AdminCP that an update available, just like the theme system. This is a great way to notify customers when fixes are available.

    Finally, you can now quickly add a new phrase from the Translation Tools page without the need to use the developer tools.

    The new "Add Phrase" option

    These little changes should make a huge difference in your workflow, and make it easier than ever to create fully multi-lingual pages throughout your site.
  21. Like
    sobrenome reacted to Rikki for a blog entry, 4.5: Introducing our updated default theme   
    If you've been around Invision Community for a while, you'll know our frontend default theme hasn't significantly evolved since the early days of 4.0. Indeed, the last significant refresh came with 4.2.
    With the upcoming release of 4.5, we wanted to revisit the default theme and give it a facelift for 2020, as well as make incremental improvements to the underlying codebase as a stepping stone to a bigger re-engineering in a future version.
    In this entry, I want to talk a little about some of the design decisions that went into building the new theme.
    Goals
    Redesigning for the sake of it is never a good idea, so we first laid out what we wanted to achieve:
    A brighter UI with more saturation & contrast and simpler overall color scheme Improved typography Better, more consistent, spacing around and between elements, especially on mobile Better logical grouping of sections of each page Reducing underutilized links/buttons on the page and finding alternative ways of making them available Improving how post states are displayed Modernizing and enhancing the underlying code that powers the default theme Let's talk a little about each of these.
     
    Brighter UI
    The most obvious change will be that our default colors are brighter and more saturated than before. Before making any changes, we first created a color scale for both neutrals and the brand color (blue, of course). This gave us a flexible but consistent palette of colors to choose from, with appropriate contrast built in. Neutrals have a touch of blue too to avoid seeming washed out.
    We've simplified the style, in particular reducing reliance on background colors to differentiate sections within cards (a card essentially being an ipsBox, for those who are familiar with our framework). Instead, we use spacing, borders and appropriate typography to achieve visual separation.

    Brighter default colors
     

    Simplifying the UI by removing block backgrounds
     
    Improving typography
    We've felt our typography has been somewhat muddled for some time - with a mixture of sizes, weights and colors used depending on the particular context.
    The first step to improving it was to create a typography scale that we could refer to and implement, to ensure we remained consistent throughout the product.

    Our typography scale
    (The keen-eyed amongst you may also notice we've switched our default font to Inter. Inter is a fantastic open source font that is ideal for text on the web, and was recently added to the Google Web Fonts project making it super simple for us to incorporate it into our default theme.)
    We've been much more deliberate about applying type styles, especially for titles, ensuring that they are always visually distinct from surrounding text. We've done this through both color and weight. As a result, pages should instinctively feel more organized and logical than before.

    An example of improved typography, from the Downloads app
     
    Improved spacing (especially on mobile)
    We identified that spacing (padding and margins) needed some improvement. A lot of spacing values were arbitrary and inconsistent, leading to poor visual harmony across any given page.
    Most troubling of all, on mobile sizes we simply halved desktop padding values. While this was a reasonable approach in the days of phones with small screens, it has felt decidedly dated for some time. Phone screens are now typically larger and able to accommodate roomier UIs without appearing comical.
    In 4.5, we have done away with that approach, and the impact was immediate. Mobile sizes now get a much more pleasant interface, with elements having room to breathe. In addition, we've also made most cards full-width to provide additional breathing space for content.

    Posts can finally breathe on mobile
     
    There are numerous other tweaks across the product too: default spacing has been increased a little, data tables (e.g. topic listing) get extra vertical spacing, and spacing between elements has become more consistent.
     
    Improved grouping of related elements
    Prior to 4.5, most content areas existed inside cards. However, one notable exception to this was page headers and as a result, they could feel particularly disorganized, especially for users who had many controls in this part of the page (such as staff).
    To solve this problem, we've developed a new, standardized design for content item page headers, giving them their own cards and consistent button placement.

    Topic view header
     
    Some areas don't necessarily fit into the same design pattern above. In those areas, we've tweaked styling to suit the context, while still adhering to our overall aesthetic.

    Calendar header

    Messenger conversation header
     
    Reducing underutilized links/buttons
    Finally, another area we identified as needing improvement is the abundance of tools, made up of links and buttons, across pages. Many of these are only used occasionally and so would be better moved out of the main view to simplify the page.
    Two particular areas we focused on were share links and postbits (both forum posts and comments in other apps).
    Research shows social share links are used by a vanishingly small percentage of users, so even though they were at the bottom of the page, it was unnecessary to make them so prominent (given their eye-catching colors). To solve this, we've added a share link to the page header, with the social network links themselves in a popup menu. The result is ideal: sharing functionality is unobtrusive but obvious.

    Share links in content items
    Comment areas have also suffered from 'button creep' over the years. A typical comment will contain a report link, a share link, a quote link and multiquote button, reactions, plus IP address, checkbox, edit and options links for certain users. That is a lot of visual noise around the important part: the content.
    We've therefore simplified comment boxes as much as is reasonable. Reporting and sharing comments/posts is now available in the post options menu, as are any tools for the author/staff. Quoting and reacting are two primary interactions for users, so they of course retain their position in the control bar.

    Simpler postbits, even for staff
     
    Improving post states
    Posts/comments in Invision Community can have many states - sometimes more than one. Posts can be hidden/unapproved, popular, recommended, solved (new in 4.5!) or highlighted because of the author's group. It's always been a challenge to indicate these statuses well.
    In previous versions, we added a border but the most prominent indicator was a flag in the top-right corner of the post. This had three problems:
    Due to the lack of space (thanks to report/share links), showing more than one flag was difficult. Showing any flags on mobile was messy because of the space constraints. The meaning of the flags was not obvious, especially to new users. Group-highlighted posts had no flag, just a border, which made them even more difficult to understand. With the top-right corner of posts now tidied up and free from fluff, we were able to much more effectively use this space to indicate post statuses.
    In 4.5, posts and comments will show badges when they have a particular status, as well as a more attractive semi-transparent border. For group-highlighted posts, we show the group name instead (the colors of this highlight are still controllable via theme settings).

    A post with two states: group highlighted and popular
    This works much better on mobile too, where the status badges get the prominence they deserve:

    Mobile post statuses
     
    Modernizing the underlying code
    I wrote about the technical improvements behind the theme in a previous entry. If you're a theme designer or edit the theme for your own community, go and check it out now!
     
    Wrapping up
    As well as these large-scale concepts, you'll notice many other smaller enhancements as you start using the new theme.
    I've shown some snippets of pages in the screenshots above, but I've included some full-page views below so you can see the overall aesthetic and how these pieces fit together.
    Modernizing and refreshing our default theme has been needed for some time, but we view this as just a stepping stone to future work that will be reserved for a major version bump, and we're excited to figure out where we go next.
     
    Screenshots
      
    Desktop forum views (click to expand)
     
        
    Mobile forum views (click to expand)
     
     
    Activity streams & messenger (click to expand)
     
  22. Like
    sobrenome reacted to Rikki for a blog entry, 4.5: Improvements for theme designers   
    If you've been around Invision Community for a while, you'll know our frontend default theme hasn't significantly evolved since the early days of 4.0. Indeed, the last significant refresh came with 4.2.
    With the upcoming release of 4.5, we wanted to revisit the default theme and give it a facelift for 2020, as well as make incremental improvements to the underlying codebase as a stepping stone to a bigger re-engineering in a future version. Keep an eye out for our next blog for more on the facelift.
    In this entry, I want to go over some of the design and code-level changes we've implemented that will be of particular interest to third-party theme designers, or those building a custom theme for their community.
    IE11 Support
    Until now, we've supported IE11 as a 'B' browser - meaning we didn't aim for perfect support (especially visually), but did aim to make all functionality work, and we fixed IE11-specific issues if possible.
    As of 4.5, we no longer support IE11 in any way and Invision Community will not work well in that browser. By removing support for IE11, we are able to make use of newer CSS technologies which significantly eases development for us and third-party designers. I'll discuss some of those below.
    Combined theme settings
    We've combined a number of existing theme settings into one new setting. We've found that settings like poll_bar, step_background, rating_hover and so on are nearly always set to the same color - typically the site's main brand color. These settings have therefore been replaced with one new brand_color setting, which is used throughout the CSS in places where this primary color would be needed. This will simplify the early stages of theme development and make it easier to match branding in Invision Community.

    Front end colors
    Removing hardcoded colors
    While our theme settings have allowed community owners to change most colors, there were still many hardcoded in our CSS framework. These were typically neutral colors used for things like 'close' links, semi-transparent backgrounds and so on, but it was enough to make creating a dark theme an unrealistic prospect without an awful lot of effort (and kudos to those designers who have offered dark themes up until now!).
    In 4.5, we've removed hardcoded colors from our framework, and instead rely on colors already defined by theme settings. You can now, finally, create a dark theme just by editing the built-in theme settings.
    Type scale & {fontsize} tag
    While we've had fixed type-size classes (e.g. ipsType_normal) for a long time, in practice many elements had their own font sizes set. This leads to inconsistency and poor visual rhythm too. Another side effect is it was also tough to globally change the font size (such as for branding purposes, or to create a theme for visually-impaired users).
    To solve these problems, we first created a type scale; that is, a fixed number of sizes to choose from. A product the size of Invision Community does have need for a flexibility, so we settled on the following scale:
    x_small: 12; small: 13; medium: 14; base: 16; large: 18; x_large: 20; 2x_large: 24; 3x_large: 30; 4x_large: 36.
    All of these values are editable as theme settings, so each theme can adjust the type scale used. Our default CSS in 4.5 has been fully updated to put all type on this scale.
    To actually make use of these settings, we have added a new {fontsize} tag which accepts either a scale key, or a specific pixel size (for those occasional situations where a specific size is absolutely needed, e.g. icons).
    Why couldn't we just use {theme="x_small"}, or even CSS variables? To solve the problem of globally scaling text, we have also added a percentage-based scale setting that will save you from having to create your own type scale. The {fontsize} tag automatically applies the global scale to any values passed into it. Want text in your theme to be twice as big as default? Simply set the global type scale to 200% and the entire theme will reflect the change immediately. 

    The new font size options
    Spacing scale
    The lack of a consistent spacing scale has led to some arbitrary values being used in any given situation, which again has had a negative impact on the visual harmony of our design. We've therefore implemented a 4px spacing scale (using CSS variables rather than theme settings this time) and applied across almost all padding/margin values. In time, we anticipate fully switching all measurement values to the scale.
    New CSS class families
    We have added a range of new spacing classes for padding and margins, allowing far more control over how these are applied, especially on different device sizes. Previously, ipsPad (15px) was simply halved on small screens - with no 'opt-out' short of adding specific CSS. We've felt this has been imprecise for some time, especially since mobile devices typically have larger screens in 2020 and don't need to be so tightly-spaced.
    ipsPad_all now replaces the existing ipsPad, and does not halve itself on small screens. Instead, there's a new responsive naming convention that allows you to apply specific padding on specific device sizes:
    ipsPad_all:double md:ipsPad_all sm:ipsPad_all:half
    In this arbitrary example, desktop size (the default) get double padding, medium (tablets) get regular padding and small (phones) get half padding.
    We've added similar classes for top, bottom, left and right padding, as well as horizontal, vertical and none (to removing all padding) shortcuts.
    For margins, the old ipsSpacer_* classes have been replaced with a new ipsMargin family that work exactly the same as the padding classes above, with the same range of flexibility.
    The old ipsPad/ipsSpacer classes will continue working as they did before for backwards compatibility, but should be considered deprecated from 4.5 onwards.
    We've also added a whole range of new ipsFlex classes, also with responsive controls (making it easy to have horizontal layouts on desktop and vertical layouts on mobile, for example), as well as a new ipsGap utility that automatically adds spacing between elements, without requiring manual :first-child/:last-child exclusions.
    CSS variables & calc()
    In 4.5, thanks to IE11 support ending, we're finally making use of CSS variables and calc() to make CSS more maintainable and easier to customize. A lot of repeating or often-customized styles - such as form field styles, message colors, card styles, border radii etc. - are now created as CSS variables, allowing theme designers to easily change styling in one place. Instead of magic numbers, we either stick to our spacing scale, or use calc() to avoid hardcoded numbers.
    The future
    The work we've done so far is just a 'first-pass'. We'll be pressing forward with modernization throughout the 4.5.* series and beyond with a view to reducing our footprint, improving our ability to maintain our CSS and, of course, making theming easier for our customers.
  23. Like
    sobrenome reacted to Matt for a blog entry, 4.5: Page Builder Widgets   
    Invision Community introduced drag and drop widgets many years ago. These widgets allowed anyone to add blocks to existing views, and to build up entirely new pages.
    These widgets were great for quickly adding content to a page, but they weren't incredibly customizable. 
    For Invision Community 4.5, we've added three new Page Builder widgets which allow you a little more control.
    For an overview of this new feature, please take a look at the video below.
    As you can see, these new widgets offer a lot of customization without the need to code any CSS or HTML. You can add background colours and images, adjust padding and borders and even add colour overlays right from the widget menu.

    The new Page Builder widget options
    Blandness be gone! Now you can let your creativity loose on your pages and all other views that have the drag and drop zones.
    I'd love to know what you think of this new feature; please let me know below!
  24. Like
    sobrenome reacted to bfarber for a blog entry, 4.5: New Post-Installation Onboarding   
    Installing Invision Community for the first time is a fun and exciting process. After all, you're about to launch a new community that is going to thrive and attract members from all over, and you want to make sure you set it up just right to facilitate a painless experience for your visitors.
    If you're new to Invision Community, however, it can be a little daunting when you think about "ok what now?" immediately after installing the software.
    Though experience, and researching the analytical data Invision Community installations voluntarily share with us, we identified many common settings that most communities change, and it is easy to see why. In an effort to make Invision Community more approachable to new administrators, we have devised an intuitive "new installation" onboarding process that will help you configure the community just right, and quickly.
    Upon first logging in to Invision Community after installing the software, administrators are presented with a welcome screen.

    Welcome to your new Invision Community!
    You can obviously skip this step by clicking away to another page if you wish, and you won't be bothered again. If you click the "Skip this step" link on the page, you will be sent an email with a link to return to the page in the future should you wish to do so.
    Continuing into the helpful wizard, you will be presented with a screen like so

    A helpful guided wizard
    You'll note that there's an explanation as to why you may wish to configure these settings, as well as guidance for where to find the same options later should you wish.
    Upon clicking next, you'll see the previous step marked as completed. You can even skip around steps by clicking and expanding on them should you wish to do so.

    Each step is explained in detail
    If you reached this page but decide that you have to do something else first, there is a "Remind me later" option at the bottom of the page. Clicking it will allow you to resume whatever else you need to do first, but will helpfully bring you back to this onboarding step at a later time to finish your quick setup.
    Finally, once you submit the form you will be presented with a confirmation page containing links to several other areas that you may wish to visit to get started. Things like setting up forums and setting up groups are common tasks, so we've consolidated links to those areas on one helpful screen as part of the new quick setup.

    Confirmation that you're doing great so far!
    This change is but one small way that we strive to ensure our software is easy to understand and easy to use. The next time you set up a new community, we hope these adjustments make the process smoother for you, allowing you to get the backend work done quickly so you can focus on the real goal - growing your new community.
  25. Thanks
    sobrenome reacted to Matt for a blog entry, 4.5: Forum View Updates   
    Invision Community has had different view modes for a good number of years.
    Forum grid view was added to create some visual interest when listing forums, and we've had expanded and condensed view modes in streams since they were introduced.
    We've taken both of these views a step further in Invision Community 4.5
    Forum Grid View
    To create even more visual interest, the grid view now allows you to upload, or choose a stock image for the header. This instantly makes for a more dynamic and inviting forum list.

    The new grid view image headers
    You can choose an image from the Admin CP when creating or editing a forum.

    Choose a stock photo, or upload your own
    Topic List View
    For the topic list view, we have taken inspiration from our stream view options to introduce a new 'expanded' view mode, which displays a snippet of the first post.

    The new expanded topic list mode
    This immediately entices you to engage with the topic because you can read part of the post without having to click inside to see if it interests you.
    This is controlled via the Admin CP, where you can choose the default view, or turn off the new view completely.
    Other Changes
    You may notice a few other subtle changes in these screenshots. The first is that we now included the follower count as a metric on both the forum grid view and the topic expanded view modes. The number of followers is usually a good indicator of how others perceive the value of the content. A higher follower count generally means a more engaging topic or forum.
    You can also see that we've switched to a short number format to keep the displays clean. Instead of say, "2,483 posts", it will merely say "2.5k posts". Reducing visual clutter is always crucial to maintaining a clean user interface.
    We hope that you find these new view modes useful and that they make your community even more vibrant!
×
×
  • Create New...