Never Sink
patreon
FilterBlade UI Overhaul: Manifesto
🕑 Added 2024-06-20 15:00:10 +0000 UTCHello everyone,
Over the past 6 months we've been working on a large update that improves the FilterBlade user experience with the focus on making the 'standard userflow' faster and much more robust.
We're now near done and are now testing and fixing for bugs.
How did we approach this task? First we reviewed our standard flows. We view these as the core:
(New user) Open FilterBlade => Export filter ingame
(Returning User) load previous filter => Adjust => Export it ingame
Quickly find something in the customizer
Reliably show or hide something in the customizer
Simulate item drops
Find out why a filter shows or hides something specific
We have improved all of these workflows significantly!
Let me show you the highlights!
Overview
A lot of decluttering. Styles have been moved into their own button, presets renamed to modules, lots of texts removed, the 'filter overview' is now much more visible.
My Filters
The "My Filters" tab is no longer a tab and has been completely reworked.
Instead we have a dedicated view:
The new UI is much cleaner and avoids a lot of the previous pitfalls.
Some notes:
The "My Presets" (soon to be renamed to 'My Modules') tab will not be visible until you have created at least 1 module
Share, Edit, Duplicate and Delete are visible for the specific filter on hover
More Infos about the filter, such as description, creation date etc are shown on hover.
The icons are just for flavour. You can pick one out from a whole bunch, our designer (EKittyQ) has drawn! It'll be a wisdom scroll by default, but it helps with recognizing filters quickly. It also features our two cats.
Personal Experience: The icons are a weird feature. They're completely irrelevant, but they add a lot of flavour at the same time!
Once you load any filter you're "Scoped on it", think how loading in games work or how word documents or the PoB workflow works. We hide the 'my filters' tab and only show a 'back to my filters' button.
This decreases the number of tabs and SIGNIFICANTLY reduces the number of silly things users can do. There are of course warning and safeguards to prevent accidently clicking it and losing unsaved changes.
Customize
The customize tab will receive 3 major changes, all 3 can be seen below:
(1) All editors in customize start in a 'minified' state. You can click any of them to expand them to the old familiar state. However, if you only want to show/hide something, you can click on the checkbox on the left side. The button is quite smart, there's a lot of handling for hide/disabled states and empty tierlists - all if allows to modify the filter really fast&safe to go back to zooming ASAP.
(2) There are 3 new buttons in the accordion. These are 'Show advanced toolbar', 'Expand all' and 'Collapse all'. These are not major gamechangers, but add a lot of QOL.
(3) We're reviewing and restructuring the whole customizer to be more intuitive and use better naming conventions. This significantly improves navigation and presents the structure in a vastly better format.
Personal Experience: The minified state is AWESOME. I initially planned it purely as a mode for new users, but quickly realized that it MASSIVELY improves overview and navigation. There's a lot less scrolling involved, you find things super fast.
Simulate
Last but not least we have the simulate screen. Since we initially coded it: Simulate has barely received any major updates - it's time to change that!
We wanted to give it a glow-up, while pushing even more features into it.
Here's the outcome:
Bonus the "Import item from PoE" and "Item Builder" functions are now much easier to find!
Look how clean it is! All of the options have been moved into the config button on the bottom right. There's a lot of new options as well!:
There are of course a lot of other small changes and improvements, but I'll let you discover those yourself, instead lets wrap up with:
When will this go live?
If all goes well, this will go live within the next 1-2 weeks. This gives us enough time to finetune things before the start of the league and leaves us enough time to do whatever reworks are necessary for the league itself (I'm pretty hyped for a good season of PoE)!
We'll of course be improving and adjusting things based on user feedback.
Best Regards and thank you for your support!
NeverSink
Comments
James Thompson
NeverSink continues to be the GOAT of the PoE community, we all love you brother.
omg11elf candybomberz
Honestly, stuff like this is why I sub to this patreon all time even if I just play the league for a month and then go do something else. These changes are a lot better than anything I could have imagined. I can probably memorize icons a lot better than even the most verbose descriptive filter names :D
Never Sink
Thanks for your feedback! 1) This is a decision we're constantly going back and forth on. I'll think about the video link idea, thanks! 2) I think you're right, this might be a better layout!
Never Sink
Absolutely, but it's a new one :)
Alan
Such great work! It does look easier even for long time users. Two thoughts: (1) The "My Presets" (soon to be renamed to 'My Modules') tab will not be visible until you have created at least 1 module -- I think it should stay visible so people know it exists. They may not know what it is but maybe if it's empty that could be a great spot for the video tutorial you already have created. (2) The Config button on loot simulator is currently tucked into the corner with a small size. I think it should move next to the other buttons on the top since it modified the loot. Instead of "config" maybe call it "Loot Config" As always, thank you so much for you and your teams work!
Tranq
looks so clean, does the filter tab have the auto-update icon still?
Scar ll Leon
These are some really good QOL changes to the website. I especially love the minified filter settings!
Dreamweaver Kara
Can never be understates how much you help the community. ♡ If you ever have busy work or need help with something, more than happy to contribute, but it seems like things are solid. (:
