-RAW-

Long ago, back in the dark ages, forums used the number of posts a member made and how long ago they joined to demonstrate trust and experience.
Is simply posting a lot and being a member for a long time the best way to know which community members are experts?
And is there a better way?
We think so.
 
 
What makes an expert, and why are they important?
Community experts are the keystones to any thriving community. You probably recognise a handful in your community. They tend to be active regularly, are often the first to try and help others with their questions and help set a positive example within the community.
Wouldn't it be great if newer community members could discover who these super users were a little easier? These members trying to find their feet in a new community could follow trustworthy individuals, absorb the positive tone of the community, and even get help a little quicker.
In the past, forums have shown trust and experience through basic metrics like post count and the years since they joined. However, these metrics only show that the individual has been around a long time and posts a lot. It doesn't show that they are potential role models or helpful and trustworthy.
Community Experts with Invision Community 5
Invision Community 5 identifies these experts through metrics such as the number of solutions they have, the volume of 'helpful' votes on their replies, the speed of answers and more.
Each forum will have its own experts, so if you have a very broad community, someone who is very helpful in a particular area will show as an expert in that area only.
When a member has been picked as an expert, they'll receive an email thanking them, and they can then opt-in to be shown as an expert along with a regular notification or email with any unanswered questions in forums they are experts in.

I'm absolutely killing it in the Test Forum
Every few months, the experts are recalculated to reflect the organic way communities grow and change. After all, there's little point in showing that a non-active member is an expert. It might even encourage new community experts to keep up the great work and remain active longer.

Community experts have a badge shown with their posts, along with the option to follow them. Encouraging new members to follow trusted community members should be a core part of any community strategy.
Settings and control
Of course, not everyone should be labelled as a community expert, and perhaps, in very rare circumstances, an existing community expert could have a bad day and not represent the community well.
Invision Community 5 gives you the ability to set which groups experts can be picked from and offers you the opportunity to block existing experts, ensuring they won't be selected again in the future.

Over to you
All communities have to be purposeful and provide value. That value may be in close friendships, or it may be in getting answers for problems you have. Either way, locating the most helpful members will help develop trust, provide guidance and increase knowledge within your community.
For transactional communities such as support-based communities, experts are vital in providing timely answers and demonstrating credibility and expertise to others.
As always, we'd love to hear your thoughts. Please let us know in the comments.
 

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!

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.

Zapier is a service that allows you to connect over 2,000 web apps. In Invision Community 4.5 we are launching a beta service of Zapier integration for Invision Community in the Cloud.
What does Zapier do?
Zapier acts as a bridge between Invision Community and other apps, such as Google Docs, Twitter, Facebook, Slack, Trello, Facebook Ads, ActiveCampaign, Zendesk, Asana, Salesforce, Hubspot, Discord, Stripe and more. Zapier has over 2000 apps registered currently, and that number grows every single day.
Let us look at a real life example.
Right now, if you wanted to add a member to a Google Sheets document each time a new registration was completed, you'd need some fairly complex code to be written that was "triggered" by this registration event. This would take days to write at some cost.
Zapier simplifies this by allowing you to connect Invision Community with Google Sheets without needing a single line of code. Zapier allows you to streamline your workflows in minutes.
Zapier has two types of events, triggers and actions.
Triggers
When a certain thing happens on Invision Community, like a member registering or a topic being posted, a trigger can be sent to Zapier to then run actions in other apps. For example, you might create a zaps to...
When a member registers, add their email to a Mailchimp list. When a moderator posts a topic in a news forum, share it on Facebook, Twitter and other social platforms. When a member posts something that requires moderator approval, send a message to a Slack channel for your moderators.
Invision Community Integration with Mailchimp through Zapier
Actions
You can also set up Zaps so that when something happens in an external application, it triggers an action in your Invision Community. For example, you might create a zaps to...
When you add an event in a Google Calendar, create a Calendar Event on your community. When you receive an email to a feedback email address, create a topic on your community in a forum for moderators. When you create a task in Trello, add a record to a Pages Database on your community.
Invision Community Integration with Google Calendar through Zapier
Self-Integration
In addition to using Zapier to integrate with third party services, you can also connect an Invision Community trigger to an Invision Community action. For example: when a member registers, create a topic in a welcome forum.

Self-Integration through Zapier
Frequently Asked Questions
What integrations are available?
In the beta launching with Invision Community 4.5, Zapier will be able receive a trigger when a member account or content (forum post, gallery image, etc.) is created and send actions to create the same. More triggers and actions will be added over time. When will this integration be out of beta?
Later this year. Will third party applications and plugins be able to create Zapier triggers and actions?
Because the integration requires an app hosted with Zapier (which is written in Node.js) and this has to be submitted directly by the vendor, it will be difficult for third party applications and plugins to integrate with Zapier through Invision Community's integration. In the future we may be able to provide basic abstracted integrations for third party applications and plugins through an extension API. In the meantime, third party authors can of course write their own Zapier Apps if desired.

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.
 

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)
 

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.

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!

Notifications are a crucial feature in enticing members back to your community to read updates and post their replies.
It makes sense that there should be as little friction as possible when setting up notifications. We want to encourage members to enable notifications relevant to them.
The current notifications form in Invision Community is functional but overwhelming and confusing for new members.
Thankfully, we have simplified it to make it clear what notifications are available and which you have enabled currently.
This new settings page also includes support for our new mobile app and links to remove all email notifications.
Notification Emails
Notification emails are essential to re-engage a member. However, we found that when the email contained all of the post content return visits were not as frequent because the email provided all the information the member needed.
In Invision Community 4.5, we've added an option to truncate the content of the email to encourage curious return visits and to reduce the chance that a confused member will attempt to post a reply via the email!

What does the rest say?!
Download's Notifications
To receive notifications of new file updates it was previously necessary to follow files. This meant that you would also be notified of reviews and comments even if they were of no interest to you. From 4.5 we have added a separate button (send me version updates) so you have more control over the notifications you receive. 

Send me version updates
We've plenty of new features yet to announce for Invision Community 4.5, but improvements to common features make our lives a little easier and are just as welcome!

Are you looking forward to finally making sense of notification choices? Let us know below!

The news is currently filled with anxiety over coronavirus and workers are being encouraged to work from home where possible to limit or delay its spread.
For many people used to commuting daily and working in shared offices, this is a huge upheaval which will take a while to adjust.
How do you stay motivated and productive when you're not at your desk and held accountable by your colleagues next to you?
Remote working has become popular over the last few years. The internet has transformed how we work, and improvements to connection speeds, authentication systems and cloud architecture make working home a viable alternative for many office workers.
Working from home certainly doesn't suffer the same stigma it did years ago when it was synonymous with sleeping in late, daytime TV binges and excessive time in pyjamas.
A good number of years ago, I was getting my hair cut. It was about 11 am on a weekday, and we had the usual small talk as she attempted to tame my unruly mop. The question I was waiting for dropped a moment later "so, is this your day off?" My reply was that I work from home so have some flexibility in my day. Usually, this gets a nod, and we move onto the weather. I'd not met this hairdresser before. She processed my reply, stopped snipping and locked eyes with me via the mirror. "Do you really work from home, or is that you don't have a job?"
Fears over reduced productivity from remote workers have proved to be unfounded. A large-scale experiment was conducted with 16,000 employees of a Chinese call centre. Workers were randomly assigned to either work from home or at the office for nine months. The home workers enjoyed a 13% performance increase due to fewer breaks and sick days.
At Invision Community we not only make a product designed to bring people together online, but a good number of us also work remotely. Our HQ is in Virginia, USA but we have team members in the UK, Europe and Australia. Remote working allows us to hire the best people we can find, and not just those who are within a few miles of our HQ.
I spoke with our team to get their tips and strategies for working from home and still getting work done.
Rikki, lead UI designer
Get out of the house every day
It's easy to fall into the trap of being a hermit for days on end. Particularly in the summer, I like to take a walk to get lunch every single day. It gives me a chance to get some fresh air, a little exercise and most importantly get away from my office properly (instead of just being in the next room, which doesn't feel like it's really taking a break).
Don't take your work home downstairs with you
Another easy trap to fall into is working every waking hour because you're always 'at work'. Set fixed work start/end times and stick to them. Leave your office at the end of the day and consider the work finished. If you do need to hop back to work later because something cropped up, go back to your desk to put yourself in work mode - don't be tempted to start working from the sofa.
Olivia, Customer Success Manager
Organize your workspace
You may not be lucky enough to be able to repurpose a dedicated room in the house, but that doesn't mean you can't find a good spot to work from. Choose a place that is free of clutter and well lit.
Organize your work
I'm a big fan of to-do lists. Keeping my lists organized helps me stay on track and prevents me from drifting too far from what's important. I like the "To Do versus To Get Done concept."
Organize yourself
Plan in breaks away from your screen. There's always one more email to write, but setting times to take a break is vital to keeping your energy and focus. Working from home means that you cannot rely on others to remind you!
Check-in often with teammates
At Invision Community, we use Slack to keep in touch and recreate the 'water cooler' moments where we discuss our favourite TV shows, movies and more.
Reframe "my office is always open" to "I'm always available for a call". Remind your colleagues often that they can start a voice call if they need to talk.
Stuart, developer and migration specialist
Minimize human distractions
When you're working from home, it's easy to get distracted, especially by other people! Remind your family and friends that during your work hours you're working. As much as you'd love to spend the day drinking tea (or beverage of your choice) and chatting, you do have a job.

Stuart's work area
How we do it
There's no doubt that we're fortunate to have a team that is self-motivated and responsible. Remote working can allow individuals to drift, and productivity suffers.
We use a combination of software platforms and a few simple strategies to keep us all informed, organized and feeling part of a greater team.
We use Slack to not only onboard new clients, but also to organize product development, feedback and support. These channels are well used, but without a doubt, our 'general' channel is used the most. This is where we hang out socially and chat during our breaks. It's easy to see this as unproductive or distracting, but I feel that it helps build us as a team and helps forge relationships with each other.
We use a private Invision Community as an intranet hub which does the heavy lifting for organizing releases. It also acts as a repository for feedback, new feature ideas and development discussions.
We encourage breakout groups to voice call to resolve hot topics and pressing issues. It's amazing what you can get done in a few minutes by voice.
We hold a stand up voice meeting weekly where we organize the week, discuss anything pressing and run through development tasks. This call is developer-focused, but it's held company-wide, so it is inclusive. We try and avoid human information silos where possible.

Daniel's workstation
Above all, just keep talking
It's just as important to share your personality as it is your work. Make sure you check in on quiet colleagues to make sure they're OK. Not everyone is super-chatty, and some prefer to switch off and focus. However, it's easy to feel a real sense of loneliness and isolation if you don't have a partner or family living with you.
It's essential to put effort into maintaining relationships online. Working remotely means less interaction with your colleagues, and it's easy for multifaceted personalities to become a flattened disembodied persona online. Without the office 'vibe' and body language cues we often take for granted, it's easy to lose that personal connection.
Build depth by asking how your colleagues weekends were. Ask about their hobbies and pets. Work at keeping a connection with the person behind the computer.

In our team we have little sub-groups that focus on our hobbies. There's the running/workout club where we share our training plans and give each other virtual high-fives. I've actually found it easier to stick to a running plan knowing that my colleague is running too (and beating my times!).
If you only take one thing away from this, maintaining strong relationships with your team is key! If your team isn't keen on video calling, then make sure you voice call regularly. I can't stress how important it is to verbally talk to your colleagues. We start each call off with some light hearted chat and listening to the inflections in other's voices and have them laugh at your silly jokes recharges your soul.
Take advantage of technology
Apart from using Invision Community as a hub and company-wide information repository, there's a lot of apps you can use to make your work time more productive and avoid the constant distractions partners and children rattling about the house can cause.
I work from home and have two young children. School holidays can be challenging when the house comes alive during the day, and there's a constant stream of potential distractions.
I use "focus music" with noise-cancelling headphones when I want to knuckle down and write code or blog articles. Right now, my kids are at school, and I'm listening to Metallica at an unreasonable volume through my Homepod speaker. For some reason, loud metal music helps me concentrate.
There are only so many power chords you can take, and I've found Brain.fm to be very useful. Brain.fm uses "neural phase-locking" via music to help you focus. I have no idea what that means, but it does help me get into the zone on days where I struggle with productivity.
I have the attention span of an anxious squirrel. It can take me a long while to get into the zone and mere seconds to pop back out.
When I'm writing code, it's less of a problem. I just put on Brain.fm or some music, and I get lost in time and space as I build complex constructs in my mind before bringing it together in my code editor.
However, when I'm writing articles, helping support, hopping between tasks, or doing general administration work, I rely on a Pomodoro timer. The idea is that you work in sprints of 25 minutes, followed by a short break, usually 5 minutes. You repeat this cycle four times and take a longer break.
Many apps can track your time in this way, including web-based tools such as the amusingly named Tomato Timer.
Using this technique helps me get into the flow by giving me "permission" to take breaks but only once the work block has finished. I might pop out of focus and think about checking up on our community or Facebook and get back to work when I realize I've still got 12 minutes of work left.

Where I work. Can you guess my favourite TV show?
Work/life balance doesn't exist
You'll often hear people talk about their work/life balance. You are better off thinking in terms of work/life integration.
Now, I'm not suggesting that you work all day and night. I'm not one of those "sleep when you're dead" people. I like to sleep. I have a partner and two kids I want to enjoy and passions outside of my computer (although my guitars are gathering dust again).
The reality is that when your workstation is just a door away from the rest of your life, you're going to work outside of the traditional 9-5 routine despite how rigorous you may want to define a working day.
This might be because you took the morning off to watch your kid's school play or you may have booked a haircut during the day as it's much quieter. My advice would be to look for pockets of time that won't impact the rest of your family or free time. I tend to earmark an hour once the kids have gone to bed as potential "work overflow" time. This allows me to integrate my work schedule with my home schedule without it taking over my life.
Avoid Coffeeshops
Working with your laptop in a coffeeshop is a massive cliché. Every single time I've walked into Starbucks, there have been dozens of people at tables squinting at laptop screens.
It's an attractive idea. You get to mingle with fellow humans. You get a change of scenery and a decent cup of coffee.
You also get a constant source of distractions, poor quality and insecure Wi-Fi and sideways glances from staff who'd love to free up your table. 
Also, what do you do with your laptop when you need a restroom break? Do you take it with you? What if someone sits at your table while you're gone?
It's just not for me.

Jim's work area
Exercise and movement
I won't lecture you about health and fitness, but I do want to highlight one downside of having no commute and office building to move through: being super-sedentary.
If you used to clock up 10,000 steps walking to the train station, walking to your office and then clocking up steps as you moved between meeting rooms and social areas, then expect that number to drop sharply.
There are days where my Apple Watch tells me I've done less than 1500 steps during the day. To combat this, I make time during the day to go for a walk or to exercise. I'm fortunate that I have a treadmill in the garage along with some weight lifting equipment. If you don't have any equipment, then a short walk is better than nothing. As a bonus, you'll get some fresh air and vitamin D from the sun.
I also have a standing desk so that I can get on my feet during the day and an exercise bike I can use while working with the desk at its highest position.
Find ways to incorporate movement into your day for your own mental and physical health.
Conclusion
Despite the many challenges working remotely can cause and the learning curve of taking your work home, the vast majority prefer to work from home. In a study of 100 remote workers, only six said they'd return to the office if given a chance.
If you're new to working remotely, then there will be mistakes. There will be days when you feel that you've achieved very little and probably yearn for some human interaction and be told what to do next. It's all part of the process.
Keep lines of communication open, check in on your colleagues and embrace the freedom working remotely gives.

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.

Invision Community has certainly changed a lot over the years as we've moved through major updates and large user interface changes. 
While large scale changes offer a dramatic difference, it is sometimes the smaller changes that bring the most satisfaction when using your community daily.
This blog entry rounds up some of the UI improvements Invision Community 4.5 brings.
Content View Behavior
What do you want to happen when you click a topic link? Are you taken to the first comment, the last comment or the first comment you've not read? If you speak to 100 people, I'm pretty sure you'll get a good spread of votes for each.
Invision Community has always offered subtle ways to get right to the first unread comment. Our infamous dot or star allows you to do this, but it is so subtle almost no one knows this.
Invision Community 4.5 now allows each member to choose (with the AdminCP offering a default).

Now everyone wins!
Who Reacted?
Invision Community has had reactions for a long while now. Although finding out who exactly reacted without clicking the counts has proved irksome.
We've fixed that in Invision Community so simply mousing over the reaction icon reveals who reacted.

Sign In Anonymously
For as long as I can remember, Invision Community has offered an option to sign in anonymously via a checkbox on the login form.
However, as we've added faster ways to log in via Facebook, Twitter, Google and more it's become less straight forward to ensure your anonymity.
Invision Community 4.5 removes this login preference and moves it to your members' settings.

Now your members can resume hiding as they move around your community across multiple logins.
Resize Before Uploading
One of the most popular requests we've had in recent times is to resize large images before uploading. It's quite likely that your giant full resolution image will be denied when attempting to upload, and it's a bit of a faff to resize it in a photo editor.
Invision Community leverages the uploader's ability to resize before uploading, which makes it a much happier experience.
Switch Off Automatic Language Detection
Invision Community attempts to map your browser's user-agent to a specific language pack.
When you visit a site, your browser lets the site know which language our browser is set to (often dictated by your operating system) and we use that to show you the correct language if the community you're visiting has multiple languages installed.
However, it might be that you don't want this to happen because although your computer's OS is set to a specific language, it doesn't always follow that is the one you wish to use on a website.
Invision Community 4.5 allows this automatic detection to be switched off.

Quote Collapse
We will finish with another popular feature request; the ability for long quotes to be collapsed, reducing the amount of scrolling one has to do.
Quite simply, Invision Community collapses long quotes with an option to expand them to read the entire quote.

Thank you to all our customers who have taken the time to leave feedback. As you can see, we do listen and action your feedback.
Which change are you looking forward to the most? Let us know below!

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!

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.    

We are excited to announce the Leaderboard as the latest all new feature of IPS Community Suite. The new Leaderboard is designed to better highlight your most active members and content based on reputation and other metrics. The Leaderboard will greatly enhance both member and content discovery on your community.

Leaderboard Home
First you will notice the new feature of member leaders based on a specific time frame. In the example above it is set to All Time showing those members with the most reputation overall on your community. It also shows the content with the most reputation for the same timeframe so you get a snapshot of both popular members and popular content in one view.

Past Leaders
The Past Leaders tab shows the "winners" of each day in a history. The system counts all reputation made each day and logs the members who had the top reputation counts that day. Using reputation rather than post count encourages your members to post quality of quantity which is really important to any site.

Winner Profile Badge
Those who win the day also get a badge on their profile page to highlight that they were the member with the most reputation for a particular day.

Top Members
Top Members shows you a list of all members sorted by various metrics. By default you will see members sorted by reputation but you can also easily sort by total post content Suite-wide or per-app. All of these views can be linked directly to so if you wanted a menu item to show members who post the most files in Downloads you can just directly link to that sort view.

Leaderboard Settings
There are various settings to control the default behavior of the Leaderboard. You can define the default view and how many members to show which is helpful to tailor it to your needs.
We hope you enjoy this initial launch of the new Leaderboard feature. We are excited about the new content and member discovery abilities this offers and look forward to adding new options to the Leaderboard as we continue to develop!
 
This change will be in version 4.1.17 which is scheduled to be released in early December 2016.

When a moderator is warning a user they can already input a reason for the warning. However, on busy sites this can get quite tedious plus you also may want some content in there such as your Terms of Service to highlight the member's reason for a warning.
We have added a new default warning note for the warning actions. This allows the admin to setup these notes to pre-populate for the moderator when they select a warning reason. So you might input an admin-approved message, highlight the section of the rules your member violated, or for corporate clients you might include some notice from your legal department.

Admin Configuration
On the front end the moderator will see that content as a pre-filled area in the notes box but the moderator can still edit it to the specific situation.

Moderator Warning Panel
We think this will streamline moderation particularly on busy communities. Admins will be able to define how to approach certain member situations to balance keeping your community running smoothly with the importance of looking professional and polite when you do have to take action on a member. Moderators will also be able to speed up their work by simply clicking a post, selecting a reason, and submitting the warning. No typing needed.
 
This change will be in version 4.1.17 which is scheduled to be released in early December 2016.

I'm pleased to announce we're finally ready to open our new Developers area. The aim of this project has been to improve our existing developer documentation by building a central place to contain it, as well as update and expand the content available.
As of today, we have the regular documentation and REST API documentation ready to use. Over the coming weeks and months, we'll be expanding what's available further, going into more detail about the tools available within the framework. We've also started work on comprehensive Getting Started guides, that will walk you through simple developer projects from start to finish - these will be available soon, once they're complete.
If there's a particular aspect of IPS4 development that you don't feel is adequately catered for right now, please let us know! This will help us direct our efforts to the most useful places.
Enjoy!

Security should never be an afterthought for your community. All too often, site owners consider beefing up 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 could pay dividends by eliminating the cost and hassle of falling victim to hacking in the first place.
Let's run down 7 ways that you can protect your community with the IPS Community Suite, from security features you may not know about to best practices all communities should be following.
 
1. 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. Granting access to the AdminCP is like handing someone the keys to your house, so before doing so, be sure you really trust the person and that their role requires access to the AdminCP (for example, would moderator permissions be sufficient for the new staff member?).
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 AdminCP access by clicking the List Administrators button on the System -> Security page.
2. 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. IPS4 allows you to limit administrator access to very specific areas of the AdminCP with the Admin Restrictions feature, and even limit what can be 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.
3. Choose good passwords
This seems like an obvious suggestion, but surveys regularly show that people choose passwords that are simply 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 others sites too.
4. 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 as promptly as you can so you receive the latest fixes. Your AdminCP will also let you know when a new version is ready for download.
5. Use .htaccess protection for your AdminCP
In addition to IPS4's own AdminCP login page, you can set up browser-level authentication, giving you a double layer of protection. This is done via a special .htaccess file which instructs the server to prompt for authentication before access to the page is granted. IPS4 can automatically generate this file for you - simply go to System -> Security in your AdminCP, and enable the "Add a secondary admin password" rule.
And it should go without saying, but to be clear: don't use the same username or password for both your .htaccess login and your admin account, or the measure is redundant!
6. 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. If you're a Community in the Cloud customer, contact our support team if you'd like to set up this protection for your account.
7. 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, Community in the Cloud customers needn't worry about either of these steps - we've already handled it for you!
 
So there we go - a brief overview of 7 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, but 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!

Many of the regular visitors to our community won't have failed to notice the new look we launched last week. Now that the dust has settled, I thought it was a good time to explain why we've made the change.
Streamlined access to everything we offer
Ever since IPS was founded in 2002, our community has been distinct from our website. The community is also where we kept all kinds of resources, from guides to the Marketplace. For those customers who know us well and enjoy hanging out in our community (and we have many who have been with us since that day in 2002!), this is no problem. Unfortunately, the downside is many new and potential customers didn't see everything we have to offer: all the wonderful addons our contributors offer, additional support resources, plentiful advice from other community administrators, and more.
In addition, we've always used the default theme that our software ships with, but with our self-service demo system now being the primary way new customers get to try out our software, this has become less important.
So, we took the decision to move some parts of the community to the website for more exposure and easier discovery by new visitors. We made some tweaks to our navigation so that finding these areas is easier than before. And, of course, we've brought the website header over to the community, giving it a fresher look and more consistent navigation, wherever you happen to be on our website.
Of course, all of our website is built in IPS4, as you would expect. Whereas before our website existed on a separate installation, as part of the update we merged our community and website together. This means you can sign in from anywhere, see your notifications and so on.
This is just the first step we've taken on improving what we offer and how we offer it. We have many plans in progress. You may have seen the theme tip we posted this week, which is the first in a series of regular tips we'll be sharing to help you get the most out of the IPS Community Suite. We'll also be highlighting some of the incredible work our customers do, whether it's a unique use of our software, or something in our Marketplace that adds a great feature.
Stay tuned!