Jump to content

Gill

Friends
  • Posts

    62
  • Joined

  • Last visited

Reputation Activity

  1. Like
    Gill reacted to Ehren for a blog entry, Invision Community 5: Live Topic Improvements   
    Live Topics in Invision Community 5
    Introduced last year, Live Topics are an innovative way to host live chat and question-and-answer sessions, complete with the option for live video integration. Live Topics effortlessly transform these events into permanent forum topics once the event concludes, allowing your members to not only interact in real-time with the rest of your community, but also continue the conversation far beyond the events conclusion.
    As part of Invision Community 5, Live Topics will ship with a brand new design, rich-text editors and dynamic reactions. Let’s take a look at all three improvements, starting with the new design.
     

    Full-screen, 3 column layout
    When viewing a live topic, you’ll be taken to a new, minimal, full-screen, 3 column layout which provides plenty of space to simultaneously view your video, question-and-answer list, and live chat columns all at once. The width of the video can easily be adjusted using a simple drag and drop handle, allowing your members to shift their focus between the video or the question-and-answer list depending on the moment.
    Resize.mp4
     
    The second column holds a list of dynamic question-and-answer discussions, while the third column boasts a redesigned chat area that more closely resemble an app-like experience.
      Questions-and-chat.mp4  
    For smaller devices such as tablets and mobiles, the video is always visible at the top of the page. The question-and-answer list and live chat collapse into their own tabbed area to conserve space.
    Mobile.mp4
     
     

    Rich-text editors
    Text fields in Live Topics have been upgraded to CKEditor, allowing for greater flexibility when it comes to formatting text or posting emoji’s.
     
    Richtext.mp4
     
     
    Reactions
    Reactions have been added to live topics for both the question feed and the live chat. Reactions update dynamically in real-time, offering valuable insights into the content your community deems significant in the moment.
    Reactions.mp4
     
    A lot of thought has gone into transforming Live Topics into a much more user friendly experience. The refreshed, modern design combined with new real-time features make Live Topics a fantastic solution for hosting real-time community events, and we're looking forward to shipping these updates alongside Invision Community 5 later this year.
     
     
  2. Agree
    Gill reacted to Matt for a blog entry, Invision Community 5: New Live Community Features   
    Bring your community to life with the latest live community features coming to Invision Community 5.
    Last year we introduced new features that immediately showed who was currently reading a topic and who was replying. This feature leveraged new technologies to connect members with each other instantly.
    In this blog post, we'll delve into the latest live community features for Invision Community 5 and explore how they enhance our sense of togetherness within our communities. We'll examine how these features instantly notify us about new events, updates, or interactions and how they contribute to a shared sense of presence.
    These features go beyond the static posts and comments we've grown accustomed to and introduce a real-time element. Whether you're part of a support community, a gaming forum, or a professional network, these features will have you feeling like you're interacting with other community members simultaneously, fostering a strong sense of shared experiences. 
     
     
    Posting
    We've all been involved in a busy topic where you're keen to see what replies your latest post has. Select packages on Invision Community 4 can see who is active on a topic and who is typing, but you have to hit refresh to see the new posts added to the topic. If you're anything like me, then you hammer refresh until something new appears.
    With Invision Community 5, this is no longer a problem. As you interact with a topic, new replies are automatically added to the topic without needing to refresh. This one feature brings the conversation to life, and you get a real sense of other members interacting with the topic at the same time as you.
     

     
    Reactions
    Did you drop a razor-sharp GIF or post something applause-worthy? Watch as others react to your content in real time with Invision Community 5. There's no need to refresh or return to the topic later to see who enjoyed what you wrote.
    Getting rewarded for your content is gratifying and encourages you to post more and show your appreciation for other's content via reactions.
    Notifications
    Notifications have long been a valuable way to be notified when anything important happens in your community. It may be that someone has quoted your content, tagged you in a post or started a new topic in a forum you're following.
    With Invision Community 5, you can watch the notification count rack up in real time, alerting you to new events that you may otherwise miss as they happen.
     

     
    We hope that you've enjoyed reading about these new features and look forward to them coming to select packages for Invision Community 5. They provide a sense of togetherness and immediacy, making it feel like we're interacting with fellow community members simultaneously. 
    We're keen to hear what you think, please leave a comment below.
    The features discussed in this announcement will not be available for Invision Community Classic. Click here to learn more about switching to our platform to get this and other benefits.
     
  3. Like
    Gill reacted to Marshall Slemp for a blog entry, Introducing Courses   
    Courses is a new, lightweight learning platform designed to help you provide a new learning experience for your members. 
    Courses are perfect for requiring your community to read and understand documentation and to deliver training and lessons to your community.

    Let's take a look at how it works!
    Instructor led courses are comprised of separate modules, each containing lessons. New courses are created and managed through the AdminCP under Community. Each course has the option to be assigned one or more instructors. Instructors play a crucial role in developing the course content via the frontend, and they are available to assist members throughout their learning journey in the course.
    Courses can be set to be optional, or required meaning members must complete this course before progressing to others. Furthermore, courses tie into Achievement Rules, so you have the ability to grant points and/or badges to a member once they finish a course.
    Courses can be free or paid, and comprise of one or more modules, each of which contain multiple sessions and an optional quiz.
    Modules and Lessons
    Courses wouldn't be much without some lessons! Lessons are grouped into modules, that can have an optional quiz. Quizzes are a great way to verify members' learning progression and understanding.
    You have the option to configure modules to be completed sequentially. This pairs nicely with quizzes as you would need to complete the current module before moving on to the next one, ensuring a structured and progressive learning experience!

    The lessons themselves are the main content of Courses. Lessons are comprised of the material that students will engage with during their learning journey. Lessons can be designated as optional, so they can be skipped. This is handy when you want to provide organised supplemental information that is not essential.

    Managing Enrollments
    As an administrator or instructor, you may need to manage course enrolments from time to time. This can involve enrolling a member on their behalf, withdrawing a member from a course, or deleting an enrollment altogether. There are two ways for managing those enrolled in courses, either through the administrative control panel or the course roster on the frontend.
    To access the course roster via the frontend - just click on 'View All Members' when on the course homepage.

    Course Manager
    Managing a course is handled via the frontend. Individuals such as instructors, admins, and other authorized members can create and edit modules, lessons and quizzes for a course. You manage quizzes and lessons from within the module view.

    I hope that you have enjoyed this overview of Courses. This is just the beginning, we're already considering various possibilities such as integrating with Live Topics, incorporating discussion sections within a lesson, and enhancing the required courses feature so stay tuned!
    The features discussed in this announcement are not available for Invision Community Classic. Click here to learn more about switching to our platform to get this and other benefits.
  4. Like
    Gill reacted to Jordan Miller for a blog entry, New Live Community Features!   
    Invision Community’s new Live Community features offer an immersive, real-time experience for members. 
    Clients on select standard plans now have access to live components that drastically change how their users engage within the forum section of their community. 
    These live features are included in the new Smart Community section in the Admin Control Panel. When enabled, Live Community allows a community to track and display hot spots where members are most enthralled. 


    Admin Control Panel -> System -> Smart Community -> Features -> Live Community
     
    Our Live Community components include:
    Who’s viewing an area live Who’s typing a response live
    Who’s Viewing 


    Our new Who's Viewing feature shows a list of members who are viewing any area within the forums application.
    Sound familiar? We previously created a "Recently Browsing" block that shows what members are viewing a topic, however that block was a snapshot over a small block of time. The new Who's Viewing feature shows a list of members who are viewing a topic (and when they leave) in the present moment. 

    Who’s Typing


    We also implemented a live Who’s Typing feature. If you're quick, you’ll see a member typing a reply in real-time when formulating your own reply at the form located near the bottom of a content item.
    These live community features can enhance your community by inspiring members to stay engaged within the community for longer, as well as feel connected to the other registered members. 
    Whether you’re patiently waiting for a comment to come through because the reply form indicates a member/multiple members are typing, or gauging who’s viewing what in real-time, Invision Community’s new live features will elevate your community’s experience in the here and now.
    No time like the present; that's why it's a gift! The Live Community features are available in our new version, 4.7.1. 


  5. Like
    Gill reacted to Ehren for a blog entry, Invision Community 5: A more performant, polished UI   
    As showcased in our past blogs, Invision Community 5 introduces a brand new, modern interface which brings improvements to performance, aesthetics and mobile usability.
    An optional side navigation panel, new view modes, light/dark modes, customizable header layouts, a search modal and a mobile navigation bar are some of the things we've showcased previously. Today, lets take a closer look at some other miscellaneous changes that we've been working on while developing Version 5, including some of the code reductions and performance improvements that we've been able to achieve in the process.
    For those of you who are developers, we'll also give some simple explanations of how (and why) we've implemented these changes.
     
    Widgets
    Sidebar widgets are perfect for displaying content feeds, featured members, announcements, advertisements and more on your page. In version 4 however, the widget column would often become an empty space once the widgets had been scrolled past:
      widgets-v4.mp4  
    In version 5, widgets now stick to the screen once the last widget has been reached, ensuring your readers have more convenient  access to your widgets rather than a void space:
      sticky-widgets-v5.mp4  
     
    Messenger
    The Messenger is a great way to reach out to members when a private chat is more appropriate than a topic. Inspired by modern email clients, the messenger in Version 5 has been revamped with a full-height, sticky inbox, a longer message snippet, mini profiles and a more polished UI - all with a 25% reduction in CSS and a 100% reduction in Javascript.
    messenger-v5.mp4
     
    Sticky elements
    We've mentioned sticky elements a couple of times now, so lets take a look behind the scenes at how they're created, and some of the performance improvements with Version 5. Traditionally, sticky elements were created using Javascript which would calculate the position of the element on the page and adjust it's stickiness every time the page was scrolled. Scroll events can be quite taxing for browsers, and when it comes to Javascript, the less, the better (especially when aiming for great page speed scores)!
    With that in mind, all sticky elements are now handled using sticky positioning via CSS, which is a native and much more performant way of controlling these elements. We've been able to replace an entire 400 line Javascript component with just 3 lines of CSS.
     
    Grids and Masonry
    Grids have previously been handled in a similar fashion. Javascript would scan all elements within a grid to determine how many could fit on a single line, and would then shuffle these elements into position after the page was loaded or resized. CSS has since introduced its own grid properties, which has allowed us to replace more than 350 lines of Javascript with just a few lines of CSS, resulting in more performant page rendering and nicer looking grids (especially on small-medium displays such as mobiles and tablets).
     

     
    Fun fact: We first introduced a similar performance improvement to "masonry grids" in our Gallery update from January this year, by replacing more than 400 lines of Javascript with, you guessed it, just a few lines of CSS.
     

     
     
     
    Click targets
    We wanted to make Version 5 as simple as possible to navigate, and one way of doing that has been by implementing larger click targets. Clicking anywhere inside an entry in a table or grid will now take you to that entry (you can still click on other links like normal within the click target, such as subforums or profile links). Click targets are optional and can be disabled via your theme settings if necessary.
     
    click-targets.mp4
     
    Data Lists (tables)
    Speaking of tables, they too have been revamped. Tables automatically adapt to the space they've been assigned to (for those curious, this is done using CSS container-queries), so they're always neat regardless of the screen size, with no overflow or squashed layouts. Behind the scenes, the two columns below are created with identical code, yet they're quite different visually due to the size which they've been allocated. Even with these improvements, tables have received a 25% reduction in CSS.
     

     
    Profiles
    Profiles have been polished for Version 5 and include some nice improvements such as sticky widgets and tabs. 
    profile-desktop.mp4
     
    On mobiles, the side column collapses into a carousel, and the sticky tabs allow you to easily flick between content types without scrolling to the top of the page.
    profile-mobile.mp4
     

    Tabs
    You may have noticed in the above clip that tabs on mobiles are now scrollable, compared to a dropdown menu from version 4. We made this change to ensure that tabs are given more equal exposure on small devices, and have managed to reduce the CSS by a whopping 80%.
     
    Carousels
    Last and certainly not least, are carousels. Carousels are great for displaying large amounts of data in a confined space and they've been rewritten from scratch for version 5. Previously, a Javascript library was used to create the "scroll effect", however this has never been the smoothest experience on laptop trackpads and touch devices.
    In version 5, carousels are powered by native smooth-scrolling and scroll-snapping, which results in a much nicer user experience, especially on touchscreens. We've been able to remove a staggering 95% of the Javascript, substituting it with just a few lines of CSS.
     
    carousel.mp4
     
    To be honest, we've only just scratched the surface here! In addition to these changes, we've modernized (and reduced code) in almost every component throughout the suite including avatars, cover photos, dropdown menus, forms, inputs, buttons, lists, off-canvas menus, side menus, columns and more!
    Combined, these changes result in not only a significant reduction in code, but also a polished UI that performs smoothly on desktop and touch devices. We're excited to continue modernizing Invision Community well into the future as new technologies and techniques become available to us, and are looking forward to getting it in your hands in 2024.
  6. Like
    Gill reacted to Daniel F for a blog entry, Introducing GraphQL for Invision Community   
    We are excited to announce that the Invision Community GraphQL API is now available.
    This blog takes you through what GraphQL is and what makes it better than existing APIs present in Invision Community. It does get a bit technical, but you don't need to be a developer to appreciate how GraphQL will make life easier for those that do develop.
    What is GraphQL?
    GraphQL describes itself as a query language for APIs that gives clients the power to ask for precisely what is needed and nothing more.
    GraphQL was created by Facebook in 2012 and is now an open-source project governed by the GraphQL Foundation, which operates independently of Facebook.
    What makes GraphQL better than existing REST APIs?
    GraphQL has several advantages over the existing REST API present in Invision Community, and these include:
    Flexibility: GraphQL allows clients to request only the data they need, reducing over-fetching or under-fetching data. Getting data from a REST API often means receiving many fields and values you don't need to complete the operation you're creating.
    Versatility: GraphQL can query multiple databases or APIs, making it a more versatile solution than REST, which often requires multiple endpoints for multiple data types.
    Strong Typing: GraphQL has a robust type system, making it easier to understand the capabilities of an API and catch errors early in the development process.
    Better Performance: By allowing the client to request only the data it needs, GraphQL can improve the performance of an application compared to REST, which often returns more data than necessary.
    Easier to evolve: The schema-based nature of GraphQL allows for more straightforward and less-breaking changes to the API compared to REST.
    Let's look at an example
    You're building a dashboard that uses Invision Community data for your Node.js application that shows the latest topics, latest registered members and calendar events. With the REST API, you need to make three requests to get all the data you need. With GraphQL, you can fetch the exact data you need with a single request.

    Modern Web Development
    GraphQL is now the standard for modern web development, including building mobile apps. A modern web app has a "front-end" and a "back-end".
    The front-end refers to the user-facing part of the web application. The front-end is typically written in client-side languages such as HTML, CSS, and JavaScript and is responsible for rendering the user interface and handling user interactions. It communicates with the back-end to retrieve and display data.
    The back-end refers to the server-side part of the web application. The back-end is typically written in server-side languages such as PHP, and is responsible for performing business logic, managing data, and serving API responses to the front-end.
    Using GraphQL as the interface between the front-end and back-end, the development and deployment of each component can be done independently, improving the overall efficiency and scalability of the application.
    At Invision Community, we know that some clients use REST to pull data from Invision Community for use in bespoke web and mobile apps. So we hope you're even more excited about the possibilities with GraphQL.
    A list with all currently available queries, mutators and data types can be found in our developer documentation section.

    Extending Invision Community Functionality
    Of course, you also have full access to the GraphQL API in the Invision Community framework, so you can use GraphQL inside your controllers to run your queries, which has the advantage that you won't need to worry about future changes to the API. 
    In addition, we have also created a GraphQL template plugin, which can be utilized inside templates to fetch any data.
    This is a more technology-heavy blog than usual. The main takeaway is that we continue to invest in ways to allow your Invision Community data to be used by your own applications. GraphQL makes that job a lot easier and much more efficient.
    Let me know if you have any questions!
  7. Like
    Gill reacted to Matt for a blog entry, Invision Community 5: Finding community experts   
    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.
     
  8. Like
    Gill reacted to Andy Millne for a blog entry, What's New in Gallery?   
    Humans are visual beings. Images attract our attention, can communicate ideas faster than the written word and can trigger meaningful discussions. At Invision Community we recognised this very early in the company history and have included a Gallery application for many years. During this time online communities have evolved substantially so we thought it was time to re-assess what it means to offer a community gallery and have some exciting developments to share.
    Visual Refresh
    The first thing we wanted to do was to give the look & feel a modern overhaul. @Ehren has done a fantastic job with modern design ideas. We took inspiration from the recent overhaul of the Events app and included a brand new Gallery overview page. This view better highlights featured and new images but also brings recent image comments in to focus to promote discussion.

    Better Video Support
    Video support has been included in Invision Community for a while but browser support has varied wildly. This often led to a poor experience where viewers were prompted to download plugins or forced to download the video in its entirety. Browser support for MP4 playback has moved on however and we have been able to update Gallery with some new functionality.
    Frames from the video can be extracted for the preview thumbnail automatically. We have retained the option to upload a separate preview image however for people that want manual control over the image shown. Skipping ahead in videos is now also supported without the need to download the entire file or use plugins.
    For communities that are able to leverage our cloud platform non MP4 videos will be automatically converted to support these features.
    Searchable Image Contents
    Another benefit for Cloud Communities is images can now be optionally analysed to make their contents searchable. For example, if an image of a tree or woodland scene is uploaded, this would previously only be searchable if the title or description of the image contained specific words or phrases. Now images can be identified solely by their visual contents.
    NSFW (Not Safe For Work)
    Invision Community contains tools to automatically moderate sensitive images to prevent them being posted. Some communities with more mature audiences may wish to allow these to be posted however but with some protection. We have therefore added the ability for images to be optionally set as NSFW when uploading. This will cause images to be blurred until the viewer opts in to viewing them.

    Performance & Usability
    Images by their nature can be slow to load (particularly on mobile connections) so we took some time and removed lots of redundant javascript and CSS. Where appropriate we have also added support for prefetching the next and previous images in an album or category and lazy loading is handled by the browser natively. We combined this with an improved image navigation experience using an image carousel when viewing individual images and removed the confusing Lightbox overlay. The Lightbox is now used solely for full screen image previews without the visual clutter of comment counts and other meta data.

    These changes are the start of further Gallery improvements to come and as always we will continue to develop based on your feedback.
    Let us know what you think in the comments.
  9. Like
    Gill reacted to Gary for a blog entry, Keep it simple, silly!   
    Welcome to my first Invision Community blog post!
    For those that haven't yet seen me making my way around this community, I'm Gary, and I have just recently joined the Customer Service team at Invision Community. I want to take this moment to thank the staff for giving me such an amazing opportunity and welcoming me with open arms.
    My history goes way back to circa 2004-2005 (I was still in high school) where I first dug my hands into forums and forum software in the good old Invisionfree days. Through the years I have created too many communities to count, including my own free post-to-host hosting service (remember those days?). Some were successful and so many others were anything but. Little did I know these experiences would only get me more and more hooked into this virtual world!
    Forums have been more to me than just an invaluable source of information. They are communities of like-minded people sharing their knowledge, experiences, hobbies and most of all, coming together in a common place to just be themselves. I have experienced nearly every forum software out there, though I always made my way back to the Invision Community suite of products as I not only found it to be a very powerful and dynamic bit of kit, but it always provided the solutions I wanted and needed for my communities.
    I thought I would share some tips on things that have worked for me when creating my own community. This will make up part one of a set of planned blog entries relating to community tips in the coming weeks, so stay tuned!

    Use the KISS principle.
    One thing I have found in order to engage guests and new and existing members of my community is to incorporate the 'Keep it simple, silly!' principle.
    When you visit a community and you're overwhelmed with categories, forums and unnecessary pinned topics, you are actually not doing yourself a favour. It mostly adds confusion to your community and does the complete opposite to having things organised. Too much clutter is never a good thing, and keeping things orderly and ensuring content is concise will provide your members with a more comfortable and easier overall experience. I did not incorporate this principle into my communities, and soon realised that was a huge contributor to the cause of their demise. 😅
    Keep some of these in mind:
    Can I combine forums that are similar in content? Do I need so many separately pinned topics? Can I write more concisely? Targeting this point on the more administrative side of things like 'how to use this forum' topics, forum descriptions, etc. Are there things that are already self-explanatory and do not require repeat descriptions or mentions? Can I use less jargon and target my writing to a wider audience? Am I using too many graphics? If the above is not a factor, can graphics assist in reducing large chunks of plain text? When is too much, in fact, too much? Quality over quantity as they say. How about, less is more?
    Whatever stance you take and whichever influential quote you can most relate to, you want your audience to feel welcomed, not overstimulated with irrelevant content you think they need to see. Let your audience guide your community. I will delve into this further in the next blog entry.
    I'll leave it there for this edition, otherwise I may just keep you here all day...
    I'm sure there are many of you who are doing this so well already, so please share your own useful and proven tips and tricks. What have you found works for you and your community? What is something you are doing differently or uniquely in an effort to keep it simple?
  10. Like
    Gill reacted to Andy Millne for a blog entry, Anonymous Posting   
    For a very long time Invision Community has allowed community owners to choose how open or private their communities should be. Communities could optionally allow guests to post without registering, they could allow the use of pseudonyms or they could require the use of real names.
    This covers a diverse range of communities but feedback from our clients made us realize that some use cases have not been accounted for.
    For some types of community, where discussion topics are particularly sensitive, community owners want to make sure that members register with their real details but are given the option to post anonymously where appropriate. For example, organisations dealing with abuse or sensitive topics might want the member to feel safe and disinhibited to post info without fear of being identified by the rest of the community.
    With our next release, we are pleased to introduce Anonymous Posting to make this a reality.
    When enabled, members will see the option to post anonymously when creating or replying to content.

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

    Author details are hidden but can be revealed by trusted staff members
    Anonymous posting can be enabled on a per group basis and also limited to specific forums, albums and categories etc. The ability for staff members to reveal who really posted the content is a moderator permission.
    We hope this new feature is a useful addition and where appropriate makes your members feel safe or comfortable to share info they might not have otherwise.
    How open or private is your community and what do you find are the benefits or disadvantages of anonymity?
  11. Like
    Gill reacted to Ehren for a blog entry, Introducing a fresh new vision for Invision Community 5   
    Welcome to Invision Community 5!
    Over the coming weeks, we'll be exploring a bunch of new features and improvements coming to our user interface including our brand new theme editor, a new mobile UI, dark mode and performance improvements thanks to a reduction in both JavaScript and CSS. To kick off this series, let’s take a closer look at the new sidebar layout and new view modes for the forum index and topic pages.
    Sidebar Layout
    Traditionally, Invision Community has shipped with a horizontal header and navigation bar at the top of the page, which is still available in version 5. We're introducing a brand new (and optional) sidebar layout, which can be enabled or disabled easily from within your theme settings. The sidebar not only provides convenient access to your applications, activity streams and search bar, but you can now add links to nodes for even easier access to popular or commonly used areas of your community. For example - a category from your forum, an album from the Gallery, or a product group from Commerce.
    Sidebar-zoom.mp4
    Forum Index: Feed view
    One of our goals for version 5 was to re-imagine new ways for your visitors to consume content, and the sidebar layout is just one of our solutions. Table view has been the typical way of displaying forums, providing visitors with a simple summary of the most recently active topic. Grid mode introduced cover photos to forums and is a great way to make your page more visually engaging, while fluid view allows visitors to filter through a list of topics to easily focus on multiple areas of the community.
    Joining these view modes in version 5 is our new Feed view. Optional cover photos and featured forum colours allow you to personalise each forum, and a list of recently active topics with snippets of the most recent reply allow you to easily see what each forum is focusing on at a glance. The topic list drops below the cover photo and converts to a scrollable list on small devices. It's our fresh take on content display, and we can’t wait to hear your feedback!

     
    Topic pages: Compact view
    In addition, Invision Community 5 also introduces a new, compact layout option for topics. We wanted to create a layout which placed focus on your content while still keeping all of the authors profile information easily accessible within a mini profile. Stats, rank, badges, reputation points and more can be found by tapping the icon at the top of every post. The mini profile strip has also been added to other areas of the software too, such as comments and reviews in applications like Gallery and Blogs, and will appear on the mobile layout when the traditional "table view" is used in topics.
    Switching between the new compact view and the author sidebar view takes just seconds giving you complete control over your community.
    Mini profile.mp4
     
    As part of this view, you also have the choice to feature/pin the original post to the top of every page, making it a breeze for your visitors to easily understand the context of replies without navigating back to page 1. Pinned posts have a slightly larger font-size to distinguish them from replies, and we've thoughtfully truncated them on pages beyond the first to keep scrolling to a minimum.

     
    The new sidebar layout and view modes offer a fresh and innovative approach to navigating and interacting with your community. We’re really keen to hear your thoughts on these new views and whether you’ll be unleashing them on your own sites! We appreciate that no two sites are the same, and those who are a fan of the classic header look will benefit from quick styling tools and a visual way to re-arrange the header elements which we’ll cover in a later blog.
    We’re looking forward to showcasing a whole bunch of new features over the coming weeks - so stay tuned, and we’ll see you then!
     
×
×
  • Create New...