Jump to content

The Old Man

Clients
  • Posts

    3,965
  • Joined

  • Last visited

  • Days Won

    11

Reputation Activity

  1. Like
    The Old Man 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)
     
  2. Like
    The Old Man 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.
  3. Like
    The Old Man 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!
  4. Like
    The Old Man reacted to Matt for a blog entry, 4.5: Topic view summary and more   
    A topic is more than a collection of posts; it's a living entity that ebbs and flows over time.
    Evergreen topics can see month-long gaps between posts and longer topics spanning numerous pages can end up hard to navigate through to find useful content.
    With this in mind, we've added numerous improvements to the topic view to bring context and summaries key areas within the topic.

    Topic view updates
    Topic Activity
    The first thing you likely spotted in the above screenshot is the new sidebar. This acts much like a summary of activity within the topic. It very quickly lets you know how old the topic is and how long it has been since the last reply. This context is essential if you are unwittingly replying to an older topic.
    Most topics are driven by a handful of key members. The topic activity section shows you who have been most active, which may influence which posters you give greater authority to.
    Likewise, popular days lets you dig into the 'meat' of the topic which may have evolved quickly over several days.
    More often than not, a single post attracts more reactions if it is particularly helpful or insightful, and this is shown too.
    Finally, a mini gallery of all upload images allows you to review media that has been attached to posts.

    The topic activity summary under the first post
    This activity bar can be shown either as a sidebar or underneath the first post in a topic. If you enable it for mobile devices, then it will show under the first post automatically.

    The topic activity summary on mobile
    As with many new features in Invision Community, you have several controls in the Admin CP to fine-tune this to your communities needs.

    AdminCP settings
    Other improvements
    The eagle-eyed among you will have spotted a few other changes to the topic view.
    The first is the badge underneath the user's photo. The shield icon notes that this poster is part of the moderation team. Of course, this badge can be hidden for communities that do not like to draw attention to all their moderators.

    You will also notice that when the topic starter makes a reply to a topic, they get an "author" badge as their reply may carry more authority.
    When you scroll down a topic, it's not often apparent that there has been a significant time gap between replies. For some topical topics (see what I did there) this may alter the context of the conversation.
    We have added a little identifier between posts when a period of time has passed between posts.

    These changes add a little context to the topic to give you more insight into how the replies direct the conversation.
    The new topic activity summary gives you an at-a-glance overview of key moments and posters to help you navigate longer topics.
    We hope that you and your members enjoy these new features coming to Invision Community 4.5!
  5. Like
    The Old Man reacted to Matt for a blog entry, A call to arms for community leaders   
    We are currently living through one of the most turbulent times in history.
    A once-in-a-century pandemic has a grip on all of us.
    Whatever the outcome, come the end of the year, few of us are going to be the same again. We will have to sacrifice our personal freedoms, and some of us much more.
    Like you, I'm worried about my family, my friends and neighbours. I'm watching the news, scrolling through social media and consuming articles from scientists, scholars and doctors.
    The news coming out of Italy is truly heartbreaking. Doctors and nurses have to make life and death decisions daily as they wage war with the virus. Those of us in the UK and the USA are nervously watching the graphs climb in lockstep of Italy from just a few weeks ago.
    It would be easy to succumb to fear and withdraw completely.
    But as community leaders, we cannot.
    Let us take some inspiration from the brave people of Italy who have suffered much with an overstretched health care system and enforced quarantine yet still sing from their apartments in a display of resolve.
    In a time where we have to remain apart, we must come together.
    We have to keep showing up and leading.
    We must focus on what we still have and not what is being taken away.
    Now more than ever, we are needed to keep the world connected. To bring comfort; to support and to love each other.
    This year is going to test every one of us.
    But whatever comes our way, I know that we are stronger together.
    "Their faithful and zealous comradeship would almost between night and morning clear the path of progress and banish from all our lives the fear which already darkens the sunlight to hundreds of millions of men."
    Winston Churchill
  6. Thanks
    The Old Man reacted to Ehren for a blog entry, 4.5: ACP Dark Mode   
    A short while ago we revealed the new look Admin CP for Invision Community 4.5. The focus was on increasing the workspace, brightening and modernising the look.
    However, for some this new look was perhaps a little too bright, especially when setting your OS to use dark mode.
    Rather than cause an increase in sales for sunglasses, we went ahead and implemented a dark mode for the Admin CP.
    You can set it to work inline with your OS preference, or you can choose to enforce light or dark mode.
    I'm sure the next question you're about to ask is "Hey Ehren that looks amazing and now working at 3 am won't wake up the neighbours when I log into the AdminCP but can you do the same for the front-end?"
    The short answer to that is "no". The theme system isn't currently designed to support both light and dark colour schemes, however our marketplace has a great selection of dark themes to enhance your community.
    I hope that you like this new feature and I just wanted to say thanks for your feedback; we do listen!
  7. Like
    The Old Man reacted to Matt for a blog entry, 4.5: Marking as solved   
    Invision Community has had a question and answer mode for a good few years now.
    This mode transforms a forum into a formalized way to handle your member's questions. Members can upvote answers, and the topic starter and your community management team can mark a reply as the "best answer".
    This is great when you want to add rigour to specific forums which encourage your members to find solutions.

    The existing "QA" mode
    But how about a way to mark a topic as solved without transforming the look and feel of the forum?
    We get asked this a lot.
    Happily, it's now a feature just added to Invision Community 4.5! Those with a long memory will recall we had something very similar way back in Invision Community 3.

    The new "mark as solved" feature
    This new feature allows the topic starter or your community management team to mark a post as the solution. This highlights the post within the topic as well as adding an icon to the listing views. 

    The green tick notes that the topic has a solution
    In addition, it also increases the member's solved count, which is displayed under their name in the post and even in a draggable widget that shows members with the most solutions. We have also added a new filter to the existing post and topic feed widgets to allow only items with a solution to be shown, so you can create a "Recently solved" feed.

    The new widget
    Finally, a notification is sent to the author of the post that is selected as the best answer, so they're made aware that their helpful content has been spotted.

    Let your members know their content was useful
    We hope you enjoy these changes and look forward to allowing your community to find answers quickly, and to reward the members that provide them.
  8. Like
    The Old Man reacted to Matt for a blog entry, 4.5: Identify Statistical Trends   
    One of the benefits of using Invision Community as your community platform is that you control and own your data.
    There are several ways to review this data. One of which is via the Admin Control Panel which offers a suite of statistic views which helps to convert the raw data into something easily understood.
    However, it's not always easy to determine trends and community sentiment from these singular views.
    Invision Community 4.5 adds two new interactive views for user and activity statistics.
    This new 'overview' view not only shows you a snapshot of your community but also allows you to compare time periods. In the video, you can see that I select different date ranges, such as "three months". This shows you the data of that time period, and also compares it against the previous three months.

    In this example, you can clearly see that we have 50% more registrations and 33% more contributors compared to the previous three month period.

    Likewise, in this example, you can clearly see that we have a 1200% increase in reactions given with a clear breakdown of the type of reaction given to help understand community sentiment.
    These interactive displays automatically update, so if you are so inclined, you could leave the statistic pages open and watch as the data changes live.
    We hope that you find these new views useful in identifying trends and help to inform strategic decisions within your community.
  9. Thanks
    The Old Man reacted to Matt for a blog entry, 4.5: Simple Stock Photo Picker   
    We have come a long way since the late 90s when someone had the genius idea of using a small yellow smiling face image instead of the more common colon-bracket representation of a smiling face.
    In Invision Community, there are various places that photography can be used to create visual interest. From uploads in topics, to cover photos for blogs and members.
    The humble upload field has served these areas well, but sourcing images to use can be a pain; especially when you have to walk the minefield that is copyright and attribution.
    Fortunately, there are a few "CC0" online stock photo libraries that offer quality photography that requires no attribution and are not hampered by copyrights.
    One such library is the ever-popular Pixabay, which was established in 2012 and features a very powerful API. Pixabay has over a million images ready to use from llamas to sausages and everything in-between.
    Invision Community 4.5 now includes support for Pixabay which brings those images to your fingertips (or mouse pointer if you're on a desktop.)

    This video shows the feature in use.
    As you can see, not only can you upload into posts from the stock photo library, but you can also use it to add a cover image to your profile and blog entries.
    Finding quality photography has never been so easy!
    For those that love technical details, the stock photo picker is a programmatic option on the upload form field type making it very easy to add to your own code and apps.
    How will you use this new feature? Let me know!
  10. Confused
    The Old Man reacted to Andy Millne for a blog entry, 4.5: Invites and Referrals   
    Invision Community has supported member referrals via the Commerce app since Commerce was called Nexus all those years ago.
    Community owners have been able to see at a glance who is spreading the word and members have received the kudos associated with a growing referral count in return. 
    When planning Invision Community 4.5 we saw that this feature had the potential to be so much more… So what have we done to improve it?
    See Who Was Referred
    In addition to seeing a count of referrals, it’s now possible for both admins and members to see who they referred. If Commerce is enabled admins can also see how much commission (if any) was earned. 

    The new referral settings page shows links, code snippets and who you've referred
    Member Promotion
    Seeing a rising count of who has been referred gives members a great feeling of community involvement but wouldn’t it be great if you could reward your members in other ways too? 
    Referral counts now work as a member filter when using the group promotion feature.
    You can now automatically promote members that have referred more than a specific number of members to another user group and give them access to exclusive content. This still works alongside paid subscriptions so be another method for members not willing or able to pay for subscriptions to get access.
    Integration With Sharing
    If the feature is enabled, any time a link is shared via the built-in share links, referrals will be tracked. This occurs automatically without the member needing to think about it. It’s now easier than ever to see who your superfans are and who is bringing new people to the community.
    Blocks
    As well as the default share links we have added a new sidebar block that can be added anywhere across your community. This prominent call to action can be added on pages you think are most likely to result in recommendations.

    The new "Invite a friend" widget
    Given that referral capabilities have been expanded into many more areas outside of Commerce we decided that this should now be available as a core feature. Earning commission on sales as a result of referrals will still, of course, require Commerce to be installed.
    We hope that these are welcome improvements and they help you encourage more members to participate in your community.
  11. Thanks
    The Old Man reacted to Matt for a blog entry, 4.5: Club Improvements Roundup   
    Almost every single day, we receive feedback on our popular clubs feature. Some of the requests are big in scope, and some a little smaller.
    Following on from our previous blog entry for Club Pages, we’re pleased to announce a collection of smaller, but no less useful improvements.
    Improved Map Display

    The Clubs location map better shows where local clubs are
    A small but useful change to the clubs map means the view is now centered and zoomed around available clubs. Previously the map would show a world view even if all of the clubs were located in a concentrated geographical area.
    Member Tab
    A commitment to privacy always influences our development decisions, and this is true in clubs as well as other areas. It is now possible to set who can view the club member list on a per club basis. Clubs can be set to show the member list to everyone, only to club members or only to club leaders and moderators.

    You can now decide who can see your club
    Club Widgets
    A common request for clubs is that widgets should be able to display content from within clubs. With 4.5, this is now possible and allows you to better bring attention to your club content from anywhere in your community.

    Content widgets can now show club specific content
    Some people wanted to control where widgets would show more finely. This wasn’t previously possible, but now it is. When adding widgets to a page, you can now set whether you want it to appear everywhere, everywhere except clubs, or only in clubs.
    Join Requests
    Club leaders can invite members who they believe will enjoy their content to join. Likewise, members can request to join a club that is not open for all to join instantly.
    For a site with a lot of clubs, this could mean that you are invited to many clubs or find that your pending request goes unnoticed.

    Your member can quickly manage their pending invites
    Members can now cancel pending requests themselves quickly and easily from the Club homepage.
    Clubs are becoming an increasingly popular part of Invision Community and really helps foster a sense of involvement.
    We are always interested and surprised by the variety of ways this feature is being used. Let us know how you’re using clubs in the comments and keep the great suggestions coming!
  12. Thanks
    The Old Man reacted to Matt for a blog entry, 4.5: RSS Feed improvements   
    You'd be forgiven for thinking that RSS feeds belong in some bygone era of the web where Netscape was king and getting online meant listening to your modem scream at your phone line.
    There's certainly a lot of newer web technologies to share data, but the venerable RSS feed still has a place.
    Invision Community has supported RSS feed importing and exporting for a very long time now; however, it has been restricted to just Forums and Blogs.
    Importing an RSS feed is a simple way to populate content on your community. It's even a great way to share content to and from your site without creating blocks or writing custom code.
    Invision Community 4.5 now centralizes RSS feed importing, so it is available for Forums, Blogs and Pages.

    You can now choose to import an RSS feed to any Pages database. Better yet, there is now full support for image enclosures.
    RSS feeds have a special tag to note that the feed entry has an attached image. Lots of RSS feeds use this, such as the NASA Image Of The Day feed. Until now, this image has just been silently discarded.

    Now, it is imported as an attachment (so it can be moved around in the post or Pages entry). If the Pages database you are importing to has record images enabled, you can optionally import the enclosure as a record image which some template sets can use as a header image, just as our blog here does.

    But what about exporting enclosures?
    Happily, Invision Community 4.5 can now export the main content image of an item as an enclosure. This certainly makes the Gallery RSS feed export a lot more useful!

    While these updates are not revolutionary, they certainly make RSS feed importing and exporting much more useful. We've been asked to support RSS feed importing into Pages for quite a while now.
    What do you think of these changes? What will you import into your Pages databases?
  13. Like
    The Old Man reacted to Ryan Ashbrook for a blog entry, 4.5: Club Pages   
    Without a doubt, clubs is one of the most popular features added to Invision Community in recent times.
    Invision Community clubs allows you to run sub-communities on your site. We've seen clubs used in many ways, including managing geographically local groups and clan groups for large gaming sites.
    This popularity drives us to keep incrementally improving the feature set for clubs, and Invision Community 4.5 is no different.
    One thing that was raised many times was a way for club owners and leaders to create simple pages with general information members need.
    Happily, in Invision Community 4.5, this feature now exists (and more!)

    In addition to the title and visual editor that allows full formatting of the page content, there is an additional visibility setting which allows owners and leaders to define which types of members can view the page.
    This is perfect for showing a page that is only visible to non-members which informs them how to join the club.
    Likewise, it is a great way to display moderation guidelines to the club moderators only.
    Of course, owners and leaders will always be able to see all pages added to a club.

    Additionally, once a page is added to a club, a tab will be added alongside others, and the page can be re-arranged just like the rest. 
    Using this, owners and leaders can create an alternative unique index page for the club.
    default-view.mp4
    This is just one of many club improvements finished for Invision Community 4.5. We'll be talking about these in a future blog!
  14. Like
    The Old Man reacted to Ehren for a blog entry, 4.5: Your new admin control panel   
    Invision Community has come a long way over the past five years.
    We've added many new features and invigorated the front-end user experience to keep it current and in-line with modern interfaces.
    One area that has remained largely the same is the Admin Control Panel.
    When we released Invision Community 4.0 back in 2014, the Admin Control Panel was updated but has stayed relatively dormant since.
    But that's all about to change with the upcoming release of Invision Community 4.5!

    The Admin Control Panel in 4.5 has received a substantial update, resulting in a modern color scheme and a clean, minimalistic design.
    We felt that a lighter, more open design allowed the content more space and to feel less crowded. 
    The dark grays have been replaced with shades of blue and aqua which closely reflects Invision Community's new branding, while other colors have been lightened and saturated.
    Along with the new color scheme, the overall layout of the ACP has intentionally been kept similar to the existing version, resulting in a design that feels surprisingly familiar yet refreshingly new at the same time.

    We hope you've enjoyed this small sneak peek into Invision Community 4.5 and we look forward to introducing you to some more new features in the upcoming weeks!
  15. Thanks
    The Old Man reacted to Joel R for a blog entry, Responding to the Contact Form   
    Think about all the different touchpoints where you try to connect with members: forum discussions, blog comments, personal messages, email newsletters, weekly meetings, and perhaps offline events.  You write witty and clever messages. You dedicate an entire section of your community to welcome and hello topics.  You spend enormous amounts of time trying to elicit engagement from members. 
    What if I told you that there’s one touchpoint that you consistently overlook where members reach out to you, some for the very first time?   

    You receive messages every day and every week from users through the Contact Form.  It’s one of the most common touchpoints that you’ll ever experience with members.  Unfortunately, most admins gloss over messages through the contact form, because we think it’s secondary to the activity in the community.  That’s not true!  As a touchpoint to your community, the interactions through the Contact Form are as important as any other user-facing activity.  In fact, because members proactively reach out – some for the very first time – this is likely one of the biggest opportunities where you consistently under-engage.    
    It’s time to fix this gap.  Here are examples on how to effectively respond to 2 different types of messages from the Contact Form.  Let’s look at some sample responses with a fictional online community “Toronto Birding Society” (Note: I know nothing of birdwatching or Toronto). 
    Responding to Guidance Questions
    Many questions you receive through the Contact Form are “guidance” questions.  These are questions that ask about function and features such as “how to?” and “how do I?”  The tone is usually neutral, and the intent is positive (eg. to learn).
    These questions are easy-to-answer and the responses usually involve instructions, step-by-step details, and screenshots.  If you only respond to the specific inquiry, however, you miss out on all the potential of member growth: to affirm the relationship, recognize his contributions, instill community culture, and ultimately encourage the member to contribute in a more meaningful manner. 
    Example:
    Responding to Negative Sentiment Questions
    The next type of question you receive through the Contact Form are questions of “negative sentiment.”  These are questions that ask to cancel, terminate, or suppress various functions because the user would like to disconnect from the community.  Even though the tone is neutral, the intent is negative. 
    Just like before, the questions themselves are easy-to-answer.  However, if you took the inquiry at face value and answered the specific question, you end up losing the member!  Your goal instead should be member retention: to investigate why he wants to leave, to re-affirm the strength of the relationship, recognize his past contributions, invite the member to revisit, and ultimately deflect the original inquiry. 
     

    Conclusion
    Busy communities receive messages through the contact form daily and weekly.  They’re a recurring part of our community management that we consistently overlook.  It’s one of the greatest touchpoints you will ever have with a member, since the member is actively seeking growth (or regression) with the community.  Your responsibility is to nudge them in the right direction. 
    My recommendation is to write two templates: one for guidance questions, one for negative sentiment questions. This allows you to quickly provide a framework that can be filled in with personalized details. 
    Use your replies to contact form messages as a way to not only answer the specific question, but grow the member and progress them along the member lifecycle journey.    
  16. Like
    The Old Man reacted to Matt for a blog entry, How to keep your community secure   
    Security should never be an afterthought. Don't wait until an attack has compromised your site before you take action.
    All too often, site owners consider increasing their security only when it's too late, and their community has already been compromised.
    Taking some time now to check and improve the security of your community and server will pay dividends.
    In this blog, we run down 8 ways that you can protect your community with Invision Community. We go through the security features you may not know about to best practices all communities should be following.
    1. Set up Two Factor Authentication
    Invision Community supports Two Factor Authentication (2FA for short), and we highly recommend making use of this feature for your users, but especially for your administrative staff.
    2FA is a system that requires both a user's password and a special code (displayed by a phone app) that changes every few seconds. The idea is simple: if a user's password is somehow compromised, a hacker still wouldn't be able to log in to the account without the current code number.
    You may already be familiar with 2FA from other services you use. Apple's iCloud, Facebook and Google all offer it, as do thousands of banks and other security-conscious businesses.
    Invision Community supports 2FA via the Google Authenticator app (available for iOS and Android) or the Authy service, which can send codes to users via text message or phone call. You can also fall back to security questions instead of codes.
    You can configure which members groups can use 2FA, as well as requiring certain groups to use it. 
    Recommendation: Require any staff with access to the Admin Control Panel or moderation functions to use 2FA. This will ensure that no damage will occur should their account passwords be discovered. Allow members to use 2FA at their discretion.
    2. Configure password requirements
    The password strength feature displays a strength meter to users as they type a new password. The meter shows them approximately how secure it is, as well as some tips for choosing a good password.
    While you can leave this feature as a simple recommendation for users, it's also possible to require them to choose a password that reaches a certain strength on the meter. 
    Recommendation: Require users to choose at least a 'Strong' password.

    3. Be selective when adding administrators
    Administrator permissions can be extremely damaging in the wrong hands, and granting administrator powers should only be done with great consideration. Giving access to the AdminCP is like handing someone the keys to your house. Before doing so, be sure you trust the person and that their role requires access to the AdminCP (for example, would moderator permissions be sufficient for the new staff member?).
    Recommendation: Don't forget to remove administrator access promptly when necessary too, such as the member of staff leaving your organization. Always be aware of exactly who has administrator access at any given time, and review regularly. You can list all accounts that have Administrative access by clicking the Administrators button under staff on the Members tab.
    4. Utilize Admin Restrictions
    In many organizations, staff roles within the community reflect real-world roles - designers need access to templates, accounting needs access to billing, and so forth. 
    Invision Community allows you to limit administrator access to particular areas of the AdminCP with the Admin Restrictions feature, and even limit what can is done within those areas.
    This is a great approach for limiting risk to your data; by giving staff members access to only the areas they need to perform their duties, you reduce the potential impact should their account become compromised in future.
    Recommendation: Review the restrictions your admins currently have. 
    5. Choose good passwords
    This seems like an obvious suggestion, but surveys regularly show that people choose passwords that are too easy to guess or brute force. Your password is naturally the most basic protection of your AdminCP there is, so making sure you're using a good password is essential.
    We recommend using a password manager application, such as 1password or LastPass. These applications generate strong, random passwords for each site you use, and store them so that you don't have to remember them.
    Even if you don't use a password manager, make sure the passwords you use for your community are unique and never used for other sites too.
    Recommendation: Reset your password regularly and ensure you do not use the same password elsewhere.

    6. Stay up to date
    It's a fact of software development that from time to time, new security issues are reported and promptly fixed.
    But if you're running several versions behind, once security issues are made public through responsible disclosure, malicious users can exploit those weaknesses in your community.
    When we release new updates - especially if they're marked as a security release in our release notes - be sure to update promptly.
    Invision Community allows you to update to the latest version via the AdminCP. You no longer need to download a thing!
    Recommendation: Update to the latest version whenever possible. Remember, with Invision Community's theme and hook systems, upgrades to minor point releases should be very straight forward.
    7. Restrict your AdminCP to an IP range where possible
    If your organization has a static IP or requires staff members to use a VPN, you can add an additional layer of security to your community by prohibiting access to the AdminCP unless the user's IP matches your whitelist.
    This is a server-level feature, so consult your IT team or host to find out how to set it up in your particular environment.
    Recommendation: Consider IP restriction as an additional security layer when you are not able or willing to use 2FA.
    8. Properly secure your PHP installation
    Many of PHP's built-in functions can leave a server vulnerable to high-impact exploits, and yet many of these functions aren't needed by the vast majority of PHP applications you might run. We, therefore, recommend that you explicitly disable these functions using PHP's disable_functions configuration setting. Here's our recommended configuration, although you or your host may need to tweak the list depending on your exact needs:
    disable_functions = escapeshellarg,escapeshellcmd,exec,ini_alter,parse_ini_file,passthru,pcntl_exec,popen,proc_close,proc_get_status,proc_nice,proc_open,proc_terminate,show_source,shell_exec,symlink,system Another critical PHP configuration setting you need to check is that open_basedir is enabled. Especially if you're hosted on a server that also hosts other websites (known as shared hosting), if another account on the server is comprised and open_basedir is disabled, the attacker can potentially gain access to your files too.
    Naturally, Cloud customers needn't worry about this, we've already ensured our cloud infrastructure is impervious to this kind of attack.
    Recommendation: Review your PHP version and settings, or choose one of our cloud plans where we take care of this for you.
    So there we go - a brief overview of 8 common-sense ways you can better protect your community and its users.
    As software developers, we're constantly working to improve the behind-the-scenes security of our software. As an administrator, there's also a number of steps you should take to keep your community safe on the web.
    If you have any tips related to security, be sure to share them in the comments!
     
  17. Like
    The Old Man reacted to Matt for a blog entry, What's new in 4.4.5?   
    Minor releases are almost always just maintenance releases. We gather up a fistful of bug reports and fix them to ensure that every month or so, our clients enjoy more stability and efficiency with Invision Community.
    However, more recently we've noticed that we're running low on bug reports, so we've managed to squeeze in a handful of improvements in Invision Community 4.4.5.
    Let's take a look and see what's new in Pages.
    How should the canonical tag behave?
    While this isn't the most exciting name for a feature, it does explain it reasonably well. We had a recent discussion on the forums where it was pointed out that the canonical tag directed search engines to the first page of any record. While this makes perfect sense for an articles or blog system where the content you create is more important than the comments, it makes less sense if the user-generated content (aka the comments) is more important than the content you put up. A good example here is where you put up a video or link for review. You don't want the canonical tag pointing to the first page as it will ignore the reviews themselves.

    If you didn't understand much of that, don't worry. The idea behind this feature is to provide Google and friends with a better hint about which content is more important. A happier Google bot slurping your site is a good thing.
    How about that Admin CP menu?
    When you create a new database in Pages, it is shown in the ACP menu under 'Content'. This is fine, but when you get a lot of databases, it starts looking a little cluttered, and it can be hard to find the correct one.

    We've reworked the menu so items have their own section, and can be re-ordered using the ACP menu re-ordering system.
    Member fields are now filterable.
    Pages allows specific field types to be filterable. This means you can sort by them with the table's advanced search box, and you can drag and drop a filters widget next to the table to refine the rows shown.
    Now a member custom field is filterable, which is handy if you use them in your databases.
    Other areas of the suite.
    Messenger search
    A while back, we made a change that removed the ability to search messenger by the sender or recipient name. We also limited the reach of the search system to one year and newer.

    Unsurprisingly, this wasn't very popular. We've restored sender, and recipient name searching removed the one year limit and re-engineered the internals of search, so it's more efficient and returns results much faster.
    How many members do you have?
    You can see quite quickly if you have the member stats widget on the front end, but finding out via the Admin CP is a little more tricky. 

     
    Until now! We've added a dashboard widget that not only shows the number of members you have registered, but also a break down of their email opt-in status.
    A happier autocomplete.
    Apple has this cool feature where if you receive a text message for a two-factor authentication login, it offers to auto-fill the code box for you.
    We've had a sweep throughout the suite to ensure two-factor authentication fields allow this autocomplete to happen.
    While we were at it, we made sure that other fields are more easily autocompleted.
    That wraps up the new features in Invision Community 4.4.5. How many have you spotted after upgrading?
    Let us know your favourite below.
  18. Like
    The Old Man reacted to Matt for a blog entry, Why I try and avoid the F word in public   
    I've had this similar conversation dozens of times in the recent past when someone has taken an interest in what I do.
    Person: So what does Invision Community do?
    Me: We develop and sell an independent community platform.
    Person: Oh. Neat.

    I used to say the F word. But this used to cause some confusion.

    'We develop and sell a forum system'.
    This used to elicit a response similar to this:
    "Forums? They're still going?"
    This line of thinking is quite prevalent among those who frequent Facebook, or use Facebook Groups to manage their micro communities. Even though they probably use forums regularly, or end up on forum topics when searching for things like "Why is my iPhone not charging", they don't realise this.
    I recently guested on a podcast, where we spoke about "Facebook or Forums?", and I received this comment.

     
    It appears, then, that the word "forums" has a lot of legacy connotations attached to it. It conjures up images of the past when Netscape Navigator was the world's favourite browser, and AOL was still mailing out CDs.

    That is all ancient history now, and we've moved with the times. The product we have now has roots in the product from the early 2000s but it is wildly different and much more capable.
    When you explain that you can segment discussions into separate areas (aka forums), and even set up independent micro-communities (clubs), you can see lightbulbs going off.

    "That's amazing! I had no idea! So you mean I don't have to have my community in a single stream struggling for attention among adverts?"

    Nope, there is another way.

    Why not try an independent community platform?

    I'd love to hear your thoughts. Do you avoid the F word too?
     
  19. Like
    The Old Man reacted to HelenG for a blog entry, How I started my community   
    I'm only one month in to starting a new community and I've already learned a huge amount. I was a little apprehensive at first but I'm taking things one step at a time and I'm happy with how things are going so far.
    The points I'm going to raise are working for me but I'm a beginner and running a website of any description is new. Nothing here is guaranteed and I hope to receive comments from established community admins so I can continue to improve.

    The first thing I realised is that I wasn't actually starting a community but instead I'm going to be bringing new tools and ideas to an already existing one. My chosen subject is broad (Dogs) so there is already a well established real life community globally. My aim therefore is not to replicate already available content but to reach this community with unique content and encourage them to contribute their own. More on that later but before I could do that I needed something they could visit.

    The new community site
    Get Started
    You can spend days and weeks planning and writing business plans and these are all good things to do alongside everything else but they shouldn't stop you getting started. The only thing that really mattered to me was starting on the actual idea and to do that all I needed was a platform. You've probably already guessed but Invision Community was chosen for this as it offered multiple apps that would allow me to have both long form articles and forum content. There's also the monetisation options that appealed to me but I am not yet using. It's good to know they are there when I'm ready though. 
    I also considered Wordpress but it lacked the community tools I was already sold on.
    Rope in friends and family and use their skill sets
    I'm not scared to admit where I need help and as I have hit problems or things I don't know I have called in favours. I don't have a large budget for stock photography subscriptions so a friend is providing photos in exchange for attribution. My fiance is more technically minded so he has helped with some of the set up and help with Invision Community features is only a support ticket away.
    There is plenty of general information a quick web search away too but some topics are complex and I thought that if I could free up at least some of my time I can keep focussed on the direction. 
    Help can be as simple as nudging friends into posting new topics or comments to get some initial activity and momentum. It's also a good test to make sure you have everything set up with your registration process and identify some potential problems.
    These helpers are also now active members of the site of course so it's a two for one. I'm sure they'll be calling in return favours at some point but that's fine, they've earned it.
    Encourage all contributions even if you don't agree with them
    Coming from a primary school teaching background I see kids come up with lots of crazy and novel ideas all the time, they might sound silly but you never know, they may grow into something bigger. My aim is to foster a sense of community and belonging and people of all ages who have their ideas valued tend to stick around. If an idea doesn't work that's fine but you never know what will work so I'm trying lots of things and encouraging innovation. The forums are a great tool for this as everything doesn't need to be rigidly structured.
    Be passionate and confident about your subject matter
    Perhaps my top tip…If you don't value your own thoughts and actions then how can you expect others to? Show your enthusiasm and knock away negative thoughts and doubts. 
    Use all of your tools
    Once you've encouraged your initial core group of members, you need to keep them coming back. So far I've had success using the bulk mail feature for a monthly newsletter to rekindle the interest of early members who may no longer be as active. I was warned about bad email practices so I have our notification defaults set very loosely as I want to build trust by not spamming. Everything I send is opt-in and using the newsletter signup block I've been able to make this prominent but not obtrusive. I'm worried I might be missing out by not being aggressive enough with email but it's a risk I'm taking to hopefully get better long term members.
    Get involved with your member activities and conversations
    Join in with conversations on your community where it makes sense and be as active as possible. You're running a website but to do so you don't always need to be in front of a computer. Speak to your members face to face as well as through the keyboard. I've been going on local dog walks with clubs and other community groups which is a great chance to network and give your members and potential members the chance to see the people behind the website. If there are events or shows in your field get involved and spread the word verbally. I'm talking to dog owners face to face about behavioural issues and always in the back of my mind is the fact this could be discussed on the website to help others and build activity. Over time these "real world" relationships should also be represented on the website too.
    Don't get distracted
    I've got into the habit of using a reminders app to keep track of future things I want to do. It is tempting to start lots of things every time you have a new idea but that can take your mind off what is actually important right now. Don't forget about these ideas though, make a note and come back to them later.
    Approvals and applications for things can also take time. I found myself sometimes sitting around waiting for adsense accounts to be approved or Facebook apps to be verified for sign in. Don't let this downtime be unproductive.
    Keep writing new content
    What we have started as new community admins isn't easy, it's going to be a long haul so you need to be consistent and regular with updates. On that note I have a breed profile about Chow Chows to write.
    Thanks for listening to my ramblings and if you have any more tips please let me know in the comments.
    Helen is a year 3 international primary school teacher currently living in Slovakia. She loves dogs (of course), books, and reading whenever possible. She has travelled extensively for work, particularly in South East Asia and has experienced many amazing cultures. She is a qualified Zumba dance fitness instructor and is now building what she hopes to be an invaluable resource for dog owners.
    https://doglymail.com/
  20. Thanks
    The Old Man reacted to Mark for a blog entry, 4.4: Recurring PayPal Payments and more with Braintree and Commerce   
    Braintree is a payment gateway provided by PayPal which provides some great additional features for PayPal transactions including a significantly improved recurring payments model. We are delighted to be bringing full support for Braintree for Commerce in Invision Community 4.4.
    What is Braintree?
    Braintree is a payment gateway provided by PayPal which supports taking payments by credit cards (including Apple Pay and Google Pay) and Venmo as well as PayPal, providing a good option for communities wanting to use a single payment gateway, and also brings improved functionality for recurring PayPal transactions.
    For PayPal transactions, there are no additional fees and the checkout experience uses the normal PayPal experience your customers are used to.
    Recurring PayPal Improvements
    Recurring payments / Billing Agreements in PayPal have up until now been initiated by PayPal. Invision Community tells PayPal what the renewal terms of a purchase are, but then it's up to PayPal to take that payment and notify your community when it succeeds (or fails).
    This comes with a number of limitations and problems. It makes it difficult for you as an admin to modify an existing purchase or for the customer to upgrade/downgrade. It also means the customer has to create separate Billing Agreements for each purchase. Most significantly though, it means if there is a delay in receiving the payment (such as an expired card) it is sometimes unclear what should happen on your community's end, and how it can be resolved if/when the payment is received.
    Other payment gateways work the other way around. When a customer pays by card, for example, they have the option of storing their card details. Later, if they make another purchase or a renewal invoice is generated, Invision Community can tell the gateway to recharge the same card - and if it fails, allow the customer to provide an alternative payment method. This allow both you and your customers to have much greater control, and is much more reliable.
    Braintree resolves this by allowing customers when paying with PayPal to save their PayPal account in the same way they would save a credit card on file. When paying with PayPal, users will see a simple checkbox which, if checked, will allow future payments to be taken with PayPal automatically.

    Storing PayPal Accounts for Recurring Payments
    Other Features
    In addition to an improved checkout experience, our integration with Braintree supports:
    Taking payments by Credit Card, including 3DSecure checking and the ability for customer to store card details on file. Braintree uses a fully PCI-compliant method of taking card details in a way that ensures the card information never reaches your server. Apple Pay and Google Pay Venmo, which also allows storing accounts in the same way as PayPal accounts. Offering PayPal Credit Handling chargebacks/disputes Support for Braintree's Advanced Fraud Tools
    A Disputed PayPal Transaction
    Existing Setups and Upgrading
    The existing PayPal gateway will continue to be available for basic PayPal integration, and your existing set up will continue to work exactly as it does now after upgrading.
    If you are using PayPal, especially if you are using Billing Agreements, we strongly recommend switching to Braintree after upgrading. While it isn't possible to convert existing Billing Agreements, you can allow existing ones to continue to work and use Braintree for new purchases.
    Please note that while existing setups will work fine, from 4.4 it will no longer be possible to set up a new PayPal method with either Billing Agreements, or to take payments by card, as PayPal has deprecated the API this was using in favour of Braintree and it can no longer be enabled on new accounts.
    As mentioned though, this does not affect any existing setups, which, if you do not switch to Braintree, will continue to work as they do now.
    This blog is about our upcoming release Invision Community 4.4.
  21. Like
    The Old Man reacted to Matt for a blog entry, Test drive Invision Community 4.4 now!   
    Do you want to take our latest release for a test drive?

    You already are!
    We've upgraded our own community for wider testing.
    A big focus has been on page speed, so you will notice that our community is significantly faster that it was on 4.3
    If you need a recap of what was added, take a look at our product updates blog which takes you through the highlights.
    As this is a pre-beta release, expect some funkiness as we scurry around and tidy up our custom theme wrapper and other areas as we spot them.
    If you you find a bug, we'd love for you to report it with as much detail as you can muster in the bug report area.
    We'd love to know what you think, let us know below.
  22. Like
    The Old Man reacted to Matt for a blog entry, 4.4: SEO Improvements   
    It's been said that the best place to hide a dead body is on page 2 of Google.
    While we can't promise to get you to page 1 for a generic search term, we have taken some time for Invision Community 4.4 to do an SEO sweep.
    Moz.com defines SEO as "a marketing discipline focused on growing visibility in organic (non-paid) search engine results. SEO encompasses both the technical and creative elements required to improve rankings, drive traffic, and increase awareness in search engines."
    We have the technical skills and were fortunate enough to have Jono Alderson of Yoast lend his time, knowledge and vast experience to improve our SEO.
    This blog article gets a little technical. It's completely fine to leave at this point with the comfort of knowing that Google will be a little happier on your site with Invision Community 4.4.
    The majority of the changes are designed to send stronger signals to Google and friends over which content to slurp and which to look at a bit later.
    Still here? Good. Let us roll up our sleeves and open the hood.

     
    Pagination
    The most visible change is that we've taken pagination out of query strings and placed it in the path.
    For example, the current pagination system looks a little like:
    yoursite.com/community/forums/123-forum/?page=3
    Which is fine but it gets a little confusing when you add in a bunch of sort filters like so:
    yoursite.com/community/forums/123-forum/?sort=asc&field=topic&page=3
    A better approach would be to make a clear signal to both Google and humans that pagination is a separate thing.
    Invision Community 4.4 does this:
    yoursite.com/community/forums/123-forum/page/3/?sort=asc&field=topic
    Not only is this good for search engines, but it's also good for the humans too as it is more readable and no longer confused with filter parameters.

    Of course, we ensure that the old style pagination is redirected (via a 301 header) to the new pagination URL automatically so nothing breaks.
    Canonical Tags
    These tags are a way of telling search engines that a specific URL is the 'master copy' of a page. This helps prevent duplicate content from being indexed.
    Without it, you are leaving it up to the search engine to choose which is the master copy of the page.
    For example:
    yoursite.com/community/forums/123-forum/ and yoursite.com/community/forums/123-forum/?sort=desc&field=time may show the same content but have different URLs.
    By setting the canonical tag to point to yoursite.com/community/forums/123-forum/ regardless of filters sends a strong signal to the search engines that this is the page you want to be spidered.
    Invision Community sets these tags in many places, but we audited these in 4.4 and found a few areas where they were missing.
    For example, viewing a member's profile doesn't always set a canonical tag which may confuse search engines when you click on "View Activity" and get a list of content items.
    Soft 404s
    When an application or website wants to tell the visitor that the page they are looking for doesn't exist, it sends a 404 header code along with a page that says something "We could not find that item" or "No rows available".
    If a search engine spiders a page that looks like a 404 page, but it doesn't have the 404 header code, it logs it as a "soft 404".
    Given the short amount of time Google has on your site to discover new content, you don't want it to hit many soft 404s.
    Invision Community 4.4 omits containers (such as forums, blogs, etc.) that have no content (such as a new forum without any topics yet) from the sitemap, and also adds a 'noindex, follow' meta tag into the HTML source.
    Google will periodically check to see if the status of the page has changed and happily slurp away when content has been added.
    Other changes
    Although the changes listed here don't deserve their own section in this article, they are no less important.
    We have audited the new JSON-LD markup added to Invision Community 4.3 to help search engines better understand the relationship between pages.
    The "truncate" method that is used to display a snippet of text in areas such as the activity stream now only sends the first 500 characters to the javascript method to reduce page loads and page 'noise'.
    The profile view in Invision Community contains a mix of information pertinent to the member and content they've authored.
    We've ensured that the content areas are using a specific URL, with appropriate canonical tags. This will help reduce confusion for search engines.
    If you made it this far, then well done. It's time to slam the hood closed and mop our collective brows.
    These changes will certainly help Google and friends spider your site a little more efficiently and have a clearer idea about what pages and data you want to be indexed which can only improve your ranking.
  23. Like
    The Old Man reacted to Matt for a blog entry, 4.4: 6 New Micro Features   
    I really enjoy writing about the new features the development team have been slaving over for weeks (and sometimes months.)
    It's a real joy to be able to share the finished product after we've seen it through inception, discussion, planning, assigning to a developer, coding, peer reviewing and final group testing.
    Although sometimes, the features can be explained in a few screenshots, which makes for a pretty thin blog entry.
    With that in mind, I've grouped together 6 of the best new micro-features for Invision Community 4.4.
    Browser notifications
    We introduced browser notifications in a previous version of Invision Community.
    Once you've opted in to receive them, you'll get a fancy browser notification when new content is posted while you're off browsing other sites.
    However, the browser prompt to ask for permission to push notifications isn't subtle, and it attacks you the second you log in for the first time.
    In Invision Community 4.4, we've made it, so you're only asked to opt-in once you open the notification drop down.

    No more being attacked by a permission dialog
    Widget display settings
    One of the most popular features we've added to the front end in recent times is the drag and drop widgets.
    We see these used on almost every site we visit.
    A popular request, though, was to be able to hide them from specific devices. By default, the sidebars appear under the main content when viewed on a smaller device such as a phone.
    There may be times where you wish to show a block for those on tablets and desktops, but remove it for phones, so it doesn't take up precious retail space.
    Happily, you can now do this on each block with 4.4.

    Desktop only?
    Club Navigation
    Clubs are relatively new to Invision Community but they incredibly popular as they allow you to run micro-communities within your main community.
    You're not limited to just forums either; you can add gallery albums and more to each club.
    We've added the ability to re-arrange the club tabs allowing you to prioritise what you members see first.

    Rearranging club tabs
    Announcement URLS
    Announcements have been a core feature for a long time now. We use them whenever we have a holiday so we can notify our customers about reduced support on those days.
    We've made it so you can now link to an item, rather than have to provide new copy for each announcement.

    We may have overdone it a bit
    Time Frame selector
    We noticed that in numerous areas around the Admin CP we had time input boxes. These would sometimes be used for seconds, minutes, hours and even days.
    We've seen customers forced to enter things like 86400 seconds when they want the time frame to last a day. The lack of consistency wasn't great either.
    In Invision Community 4.4, we've added a new Time Frame selector which is used as standard on all areas we ask for a time frame to be entered.
    No more taking your socks off to work out how many seconds in a month.

    Time is no longer relative
    Group Name Styling
    For about as long as I can remember (and as I get older, this is not an impressive amount of time), we've allowed group names to be stylized when shown in the online user list.
    A very popular request is to extend that same group highlighting throughout the suite.
    Finally, Invision Community 4.4 brings this to the suite.

    If the group name is visible, that gets the styling, otherwise the name does
    These features may be micro in nature, but we hope they make a significant improvement to your community.
    Which are you most looking forward to? Drop a comment below and let us know.
  24. Like
    The Old Man reacted to Matt for a blog entry, Interview with Michael Rielly of ClausNet.com   
    Did you know that the most magical community in the world runs on Invision Community?
    For close to 12 years, Invision client @Michael R  has been spreading joy through the Santa Claus Network (ClausNet.com), the world’s largest community for Santa and his followers.
    He started building the site in November 2006 and went live in the beginning of 2007, using Invision Community as his platform of choice since the beginning. Michael also founded the James D. Rielly Foundation in honor of his grandfather – a non-profit organization that provides charitable and emotional support to military and first responder families.

     

    As a tribute to the holidays, Mike was gracious enough to be interviewed by Joel on behalf of Invision Community on how he uses Invision Community and engages with his unique community.  

    J:  This is such a wonderful community of passion.  How did you get started?
    Back in October 2005, I attended the world-famous Charles W. Howard Santa Claus School. It was a Christmas present I received from my wife. At that time, I had already been portraying Santa for 34 years but was a bit skeptical of what I would get out of attending a “Santa School.” 
     
    He’s already nailed the Santa look.

    At the school I got to meet Santas from all over the World!
    It was a wonderful experience and I am still friends with many of the folks, but what I enjoyed most of all was the camaraderie I felt with my fellow brothers and sisters in red. This was the catalyst in creating ClausNet – to recreate the same feeling of fellowship I felt at the school. 

    J:  Your membership must be very unique. 

    ClausNet is the world's largest online community dedicated to the faithful portrayal of Santa Claus.  Our membership also includes Mrs. Claus, Elves, Reindeer Handlers, and all others who devote their time to bringing the magic of Christmas to children and adults throughout the world!
    In comparison to other sites, 2,900 isn’t a lot of members. But based on some estimates it’s about two thirds of all the Santas and Mrs. Clauses on the planet!

    We are very selective who of we approve for membership. In addition to Invision’s validation process, I personally email each person who registers for an account. I do this to help eliminate trolls and other Grinchy people, but mostly to keep out the prying eyes of children to preserve the Secret of Santa and keep the magic alive for children of all ages!

    J:  What Invision apps do you use, and how do you use them?  
    We have all the Invision Community apps and rely upon them for many purposes.
      
    We don’t sell products on the site but we do use Commerce for donations. Members can purchase Supporter Level Memberships at varying prices. We use Pages and Blogs for posting short stories, opinion pieces, and even business advice. We use Downloads for sharing files such as example contracts and business card templates. The Calendar app is a great resource in notifying and scheduling regional get-togethers, workshops, schools, and training sessions. 
    Articles and short stories written in Pages.
    J: What are some of the most innovative features of Invision Community that your members have embraced?

    I believe Invision Community is the most robust platform for building online communities. Our members really like the new Clubs feature.  We use Clubs for regional and local groups as well as specific topics such as prop making and costuming.  


    From the Long Leaf Pines to the Northern Pacific, ClausNet uses regional clubs all over the world to foster closer relationship.
    J:  There must be seasonality with your niche. How do you keep your members engaged throughout the year and what are some special events that you host?

    Throughout the year we run several activities designed to keep up engagement.
    Member of the Month - Each month, I select a different member of our community to featured. We interview the candidate and post the interview on the site.  ClausNet Gazette Monthly Newsletter - We send out a monthly newsletter of content from the website. Surprisingly, it’s the first time many of the members see the content. It is a great way to keep members coming back to the site. Christmas Card and Ornament Exchange – These are two of the most anticipated events we hold.  Members sign up and are randomly paired with another, so they can exchange cards or ornaments.  It’s very exciting to receive Christmas ornaments from another part of the world! We also run several other programs such as an Annual Raffle, Countdown to Christmas, Picture Contests, and Latest News.

    J: As a longtime Invision client whose passion is the holidays, what are your holiday wishes to other Invision clients and clients-to-be?

    As many of you know, Christmas is my favorite holiday – a holiday that lives in my heart year-round! May this holiday season be one of health and happiness for you and your loved ones. Happy Holidays, Happy Hanukkah, Joyous Kwanzaa, Festive Festivas, Fröhliche Weihnachten, Nollaig Shona, Boas Festas, Buon Natale, Feliz Navidad, Merry Christmas!

    J:  Thank you Mike for graciously spending your time with me and other Invision clients to learn how you engage with members using Invision Community.  Hopefully this interview has helped inspire and motivate other clients with some extra cheer during the holiday season!
  25. Thanks
    The Old Man reacted to Matt for a blog entry, 4.4: Turbo charging loading speeds   
    It might seem a little odd starting a blog on increasing Invision Community's speed with the word "lazy",  but I'll explain why this is a good word for performance shortly.
    Earlier this year, Google announced that page speed is a ranking factor.
    Simply put, if your site is slow, it will be ranked lower in Google's search results.
    It is always a challenge making a large application like Invision Community as efficient as possible per page load. A single Invision Community page can pull in widgets from multiple applications as well as a lot of user-generated content with attachments, movies and images used heavily. 
    This is where being lazy helps.
    Lazy loading is a method by which attachments, embeds and images are not loaded by default. They are only loaded when the viewer scrolls down enough to make them visible.
    This allows the page to load a good deal faster now it doesn't have to load megabytes of images before the page is shown as completely rendered.
    I was going to take a fancy video showing it in action, but it's hard to capture as the system loads the media just before you get to it, so it looks fairly seamless, even with sluggish connections.

    Not the most dynamic image, but this shows the placeholder retains the size of the image
    In addition to image attachments, we have also added this lazy loading to maps and Twitter emoji images.
    Improving non-image attachments
    Once we had implemented the lazy loading framework, an area we wanted to improve was non-image attachments.
    We have listened to a lot of the feedback we had on this area, and have now made it very clear when you add an attachment into a post. We've even returned the download count now it's being loaded on demand.

    Using attachments when posting
    All the letters
    When we first implemented the letter avatars in 4.3, we discussed whether to use CSS styling or use an image.
    We decided to go with an image as it was more stable over lots of different devices, including email.
    We've revisited this in 4.4, and switched the letter avatars to SVG, which are much faster to render now that the browser doesn't have to load the image files.
    Other performance improvements
    We've taken a pass at most areas with an eye for performance, here is a list of the most significant items we've improved.
    Several converter background tasks have been improved, so they work on less data Duplicate query for fetching clubs was removed in streams Notifications / follower management has been improved Member searches have been sped up (API, ACP live search, member list in ACP, mentions, etc.). Stream performance has been improved UTF8 conversions have been sped up Elasticsearch has been sped up by using pre-compiled queries and parameterisation, as well as the removal of view filtering (and tracking) HTTP/2 support with prefetch/preload has been added Several PHP-level performance improvements have been made Implemented rel=noopener when links open a new window (which improves browser memory management) Several other performance improvements for conversions were implemented that drastically reduce conversion time IP address lookups now fetch IP address details from us en-masse instead of one request per address Cache/data store management has been streamlined and centralised for efficiency Many background tasks and the profile sync functionality have all been improved for performance Brotli compression is now supported automatically if the server supports it Redis encryption can now be disabled if desired, which improves performance Phew, as you can see, we've spent a while tinkering under the hood too.
    We'd love to hear your thoughts. Let us know below!
    This blog is part of our series introducing new features for Invision Community 4.4.
×
×
  • Create New...