Fernando Mercês

Welcome to the second video of our sneak peak series! Today we'll be taking a closer look at the new Invision Community interface, including dark mode, accessibility improvements, performance improvements and the mobile layout! Before we begin, I should mention that this is a pre-alpha version of Invision Community 5, so some areas of the design may change before the official release.
 
New traditional header design
In our previous video, we showcased our new, optional side panel which formats your navigation into a vertical list. For those who prefer a traditional, horizontal header, here it is!

A much more compact header compared to version 4, the new design condenses the navigation bar into a single row, moving all sub-navigation items into dropdown menus. A new, optional area below the text logo allows you to add your website slogan or announce events such as anniversaries or holidays, and our new search modal provides convenient access to the advanced search filters from any page on your community.

 
Accessible interface
The main content area has been designed with accessibility as a priority. High contrast text colours and larger font-sizes help to make reading more comfortable and clickable table rows (which can be enabled or disabled via the Theme Editor) allow you to navigate between pages more easily. A visible focus ring significantly improves navigation for visitors who find it more comfortable to browse with their keyboard TAB key, instead of using their mouse (ie. visitors with conditions such as Parkinson's disease, or those who have temporarily lost function due to a broken arm).
 
Focus.mp4
Elements are highlighted while navigating with the keyboard
 
Dark mode
Dark mode has become increasingly popular over the past few years - so it's no surprise that Version 5 has been designed from scratch with both light and dark mode in mind. With version 4, it was necessary to manage two themes in order to provide a light and dark colour scheme. In version 5 though, all of that is handled by a single theme.
By default, your members will be able to choose their own color scheme preference: either light, dark, or system. System assigns a color scheme based on your system preferences - so if your device automatically switches to dark mode at night, your community will too! With that said, as an administrator, you also have the option to restrict your site to a single color scheme - so if you ONLY want to offer a dark theme, that's easily achieved.

 
 
Performance
Despite all of these new inclusions, the version 5 UI has been coded with significant reductions in both CSS and Javascript. We'll dive deeper into code reductions in a future blog entry, however two great examples are:
- Grids: which have had a 100% removal of Javascript and are powered by only a few lines of CSS, resulting in a faster rendering time, especially for users on slow connections.
- And carousels: which have had a 95% reduction in Javascript and now rely on native browser scrolling, for a much smoother experience on both desktop and mobile!
Additionally we've removed a number of helper libraries that are no longer needed with modern browsers saving even more.
 
Mobile UI
With an incredible amount of mobile visitors accessing the web, we’ve placed a huge priority on redesigning the interface to ensure it lives up to todays standards.
A new navigation bar at the bottom of the page provides convenient access to your activity feed, notifications, messages, a search panel, and navigation links. A conscious effort was made to ensure that this information was available within a single tap, and we found that a bottom bar like this was easier to interact with compared to icons in the header.

The mobile navigation bar from Invision Community 5
 
A goal of the mobile UI was to display elements that were previously only available on larger devices, while still maintaining a clean interface. For example, to improve navigation, we've added a scrollable breadcrumb list to the top and bottom of the page. To improve guest participation, we added Sign In and Sign Up links to the bottom navigation bar. These links were previously hidden within the hamburger menu, so we feel like this will really benefit those looking to improve registrations. And as demonstrated in last weeks video, profile information is now available within posts, comments and reviews on small devices.
We’re really excited for you to literally have a hands on experience with the new mobile interface of Invision Community 5, and we're interested to hear your feedback in the comments!

Everyone at Invision Community is pleased to introduce Community Hive.
We are creating a new free-to-use service to help independent communities reach new audiences and re-engage existing members.
Community Hive delivers updates from your favourite communities and helps you explore new ones by bringing all the communities you follow into a single feed with optional email updates.
The Invision Community September 2023 release will bring Community Hive integration to Invision Community and we're also releasing integrations for XenForo, Squarespace and WordPress. More integrations for popular platforms are planned over the coming months.
 

 
The "Why"
We believe in the power of independent communities. Technology has changed over the two decades we've been building community tools and despite the advances in technology a key problem independent communities still have is re-engaging existing members and finding new audiences. Social media has diminishing returns, and search results continually down-rank user-generated content. Reaching new audiences has never been more challenging.
Community Hive solves that by providing a single platform to showcase your content to new and existing audiences. We don't keep your content; the only way to engage is to visit your site, ensuring you retain complete control and ownership.
Regular updates via email and push notifications reach your existing members wherever they are.
As our attention spans shorten and our online time becomes more cluttered, checking in with each community becomes more of a struggle. Independent and forum based communities fight for attention with social media, and owned platforms like Discord and Slack. Allowing your members to follow your community with Community Hive gives you increased visibility and discoverability and helps level the playing field.
 
The Platform
Community Hive has a familiar feed view with two main areas. "Following" shows a feed of communities you already follow to ensure you see more of what you like. This feed learns over time what content you favour and ensures you see more of what you like.
The "Discover" tab shows you a feed of content from communities outside of your following list, which is a great way to discover new online communities to join. Following is easy; you don't even need to register on the community to add it to your followed list on Community Hive.
Robust account management makes it easy to unfollow communities and set your desired audience classification preferences.
Community Hive is mobile-first with push notifications and is ready to be added to your phone's home screen as an app.
 
Integration
Community Hive will launch with integration for several platforms such as XenForo, Squarespace and WordPress. Invision Community integration has several tools to nudge your members to add your community to Community Hive with buttons in key follow areas.

Following from a community only requests your email address. You can optionally set a password later on Community Hive to enable your feed to be viewed on multiple devices.

Clicking "Follow on Community Hive" from an Invision Community when you have an account with that community.

Clicking "Follow on Community Hive" from an Invision Community when you do not have an account with that community.
Community Hive will be launched in beta alongside Invision Community's September 2023 release, with integrations released for other platforms.
You can visit Community Hive now and join in the discussion on the Community Hive forums. We look forward to seeing you there!

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!

Ever since Invision Community 4.0, there has been a huge focus on making communities multi-lingual by providing translation features inside the AdminCP.
We have received a lot of feedback on our multi-lingual and translation tools over the past year, and we're happy to announce these new features coming to Invision Community 4.5.

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



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

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

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

The new "Add Phrase" option

These little changes should make a huge difference in your workflow, and make it easier than ever to create fully multi-lingual pages throughout your site.

We are working hard to get Invision Community 4.2 ready to go! If you have not been following this upcoming version, check out the details:
Over the last month we have released several beta versions and feedback from those that have chosen to jump in on the beta has been great. We really could not be happier. Feedback has included amazement over how stable the beta is to reactions from community members enjoying all the new features.
Everyone here at IPS is very excited to get the full release out so everyone can enjoy it. Not everyone is comfortable using beta releases .
Back in March when we first announced 4.2 was coming soon we said that it would be out in mid-2017 and we are still on track for that. Be sure to keep an eye on announcements for the full release expected in the next 3 - 4 weeks.
We really hope everyone is as excited as we are about 4.2's full release. Based on the feedback from those already using 4.2 beta on their live sites we really think this will be a huge hit with your community.