Post by Matej on Jun 16, 2017 14:31:51 GMT -8
Hey everyone!
It’s been a while since we’ve said anything! This time I’m here with the first real images from the development of v6 and with many more to come soon.
Since the beginning of the development on version 6 our primary focus has been very straight forward: What can we do to help you succeed?
I’d love to talk to you about how actions are performed on our forums; how one goes about adding content to the forum or simply interacting easily with the many different functions we provide for your use.
Analyzing hundreds of thousands of interactions of users with our software we found some key points that required addressing to improve usability. With an eye to not only increase engagement, but help forum owners and their forums succeed with the least amount of effort. We will be presenting more of them in the coming weeks and hopefully presenting an open look into the changes we decided to implement.
Let’s start by looking at the actions we perform in the current version of our software with a few quick examples.
The problem
Visiting a board is pretty straight forward. You have a list of threads, some numbers, some users... and most importantly a “Create Thread” button that’s really just hiding in the corner. The button isn’t really incentivizing anyone to create a thread and add to the discussion.
We’re presented with a very similar situation inside of a thread.
Over here the method to reply seems pretty straight forward; type into the quick reply box and be on your merry way! However, how many users realize that the small “Reply” button in the corner will take you to a completely separate page with many more options for formatting your post? As it turns out, very few! For those of you reading here, did you know that you can also start writing in the quick reply box, then press “Reply” and continue writing from there without losing anything? Alternatively, have you ever thought why the separation of the reply screen on a completely separate page? There has to be a better way to handle that.
For the last example we can take a look at the categories and boards in the admin panel.
The buttons are located both on the top and the bottom with new buttons appearing when you click certain elements. Nothing really guiding you to a specific action despite the most common action being new board creation.
The solution
We spent a while trying to find an appropriate solution to unifying how actions are performed across the new version. How do we make them far more prominent on the page? How do we increase the visibility and hopefully guiding users to the most common actions?
It’s called the Floating Action Button or “FAB” for short.
Present on any page that has a main action you’ll find a brightly colored button floating over the bottom right corner of the screen, regardless of the device you are viewing it on. The button follows you around and always represents the main action you can take on that page and always remains contextual.
Inside of a board you will see a button that helps you to a quick thread creation:
While in a thread you will see the same button guiding you to create a post with some more of the relevant options quickly accessible.
It would be fair to say that software needs to be intuitive and guide users towards the most important actions that embody the forums and our software in general. Aside from reading the content, contributing is of utmost importance to a forum owner. A floating action button inviting a user to create a post or a thread embodies what forums are all about.
The increased prominence of primary features (like thread and post creation) across the forums will guide users to the two goals we all share in common: participation and interaction. Every member will be able to quickly see how to participate in a thread, and they will continually be invited to participate in the conversation on the forum.
Last but not least, let’s see how quickly a user can create a post in the new version.
Of course none of this changes on mobile!
It's important to note that our designs are not finished. The images seen above are from pre-alpha builds and are subject to change. Please do not presume any of the above as final design versions
Frequently Asked Questions
It’s been a while since we’ve said anything! This time I’m here with the first real images from the development of v6 and with many more to come soon.
Since the beginning of the development on version 6 our primary focus has been very straight forward: What can we do to help you succeed?
I’d love to talk to you about how actions are performed on our forums; how one goes about adding content to the forum or simply interacting easily with the many different functions we provide for your use.
Analyzing hundreds of thousands of interactions of users with our software we found some key points that required addressing to improve usability. With an eye to not only increase engagement, but help forum owners and their forums succeed with the least amount of effort. We will be presenting more of them in the coming weeks and hopefully presenting an open look into the changes we decided to implement.
Let’s start by looking at the actions we perform in the current version of our software with a few quick examples.
The problem
Visiting a board is pretty straight forward. You have a list of threads, some numbers, some users... and most importantly a “Create Thread” button that’s really just hiding in the corner. The button isn’t really incentivizing anyone to create a thread and add to the discussion.
We’re presented with a very similar situation inside of a thread.
Over here the method to reply seems pretty straight forward; type into the quick reply box and be on your merry way! However, how many users realize that the small “Reply” button in the corner will take you to a completely separate page with many more options for formatting your post? As it turns out, very few! For those of you reading here, did you know that you can also start writing in the quick reply box, then press “Reply” and continue writing from there without losing anything? Alternatively, have you ever thought why the separation of the reply screen on a completely separate page? There has to be a better way to handle that.
For the last example we can take a look at the categories and boards in the admin panel.
The buttons are located both on the top and the bottom with new buttons appearing when you click certain elements. Nothing really guiding you to a specific action despite the most common action being new board creation.
The solution
We spent a while trying to find an appropriate solution to unifying how actions are performed across the new version. How do we make them far more prominent on the page? How do we increase the visibility and hopefully guiding users to the most common actions?
It’s called the Floating Action Button or “FAB” for short.
Present on any page that has a main action you’ll find a brightly colored button floating over the bottom right corner of the screen, regardless of the device you are viewing it on. The button follows you around and always represents the main action you can take on that page and always remains contextual.
Inside of a board you will see a button that helps you to a quick thread creation:
While in a thread you will see the same button guiding you to create a post with some more of the relevant options quickly accessible.
It would be fair to say that software needs to be intuitive and guide users towards the most important actions that embody the forums and our software in general. Aside from reading the content, contributing is of utmost importance to a forum owner. A floating action button inviting a user to create a post or a thread embodies what forums are all about.
The increased prominence of primary features (like thread and post creation) across the forums will guide users to the two goals we all share in common: participation and interaction. Every member will be able to quickly see how to participate in a thread, and they will continually be invited to participate in the conversation on the forum.
Last but not least, let’s see how quickly a user can create a post in the new version.
Of course none of this changes on mobile!
It's important to note that our designs are not finished. The images seen above are from pre-alpha builds and are subject to change. Please do not presume any of the above as final design versions
Frequently Asked Questions
- My users won’t be able to find the button!
While we believe the buttons are incredibly prominent on the pages and hard to miss. Users will be presented with a quick walkthrough/tutorial the first time they visit a page to aid them with the changes in the button placement. The walkthrough should only take seconds and fully communicate the basics of how to use the forum. - Can I change the colors of the buttons?
Yes. - Is there a way to not use the FAB?
While there will not be an enable/disable for the feature, theme creators and fellow developers will be able to edit templates to achieve the same effect without difficulty. - Can I add/remove/modify buttons inside the FAB?
Yes. The v6 JavaScript API will include functionality to add and remove buttons.
Pseudocode examples:pb.fab.addButton({ text, icon, action, className, href });
pb.fab.removeButton({ className });
pb.fab.modifyButton({ className, newDescriptionText, newAction }); - Where can I read more about Floating Action Buttons?
You can find some more information and some guidelines with using a Floating Action Button inside Google’s Material Design guidelines: material.io/guidelines/components/buttons-floating-action-button.html