Conversation

Notices

1. Embed this notice
   Daniel Supernault (dansup@mastodon.social)'s status on Thursday, 10-Apr-2025 18:55:08 JST Daniel Supernault

   Before vs After ✨

   Every detail matters.

   #pixelfed #filters #design #UI #UX

   • Embed this notice
     Chee Aun 🤔 (cheeaun@mastodon.social)'s status on Thursday, 10-Apr-2025 19:08:02 JST Chee Aun 🤔

     in reply to

     @dansup curious about 3 things:

     1. The 'Advanced mode' 👀
     2. How to add keyword with/without "whole word" setting
     3. How to toggle existing keyword's "whole word" setting in the field

   • Embed this notice
     Daniel Supernault (dansup@mastodon.social)'s status on Thursday, 10-Apr-2025 19:13:25 JST Daniel Supernault

     in reply to

     • Chee Aun 🤔

     @cheeaun Hopefully this will help you understand, that is Advanced mode btw, the Simple mode is the wizard thats shown later.

   • Embed this notice
     Chee Aun 🤔 (cheeaun@mastodon.social)'s status on Thursday, 10-Apr-2025 19:25:27 JST Chee Aun 🤔

     in reply to

     @dansup ah, got it, so that's a UI toggle between a single-step form and a 5-step form (wizard).

     I was confused because it looks like "Advanced mode" is turned off. Relevant context: https://www.nngroup.com/articles/toggle-switch-guidelines/#:~:text=Is%20this%20toggle%20on%20or%20off%3F

     As for the "whole word" toggle in the field, so you click on the tag to toggle them? That's interesting… 🤔🤔

   • Embed this notice
     Daniel Supernault (dansup@mastodon.social)'s status on Thursday, 10-Apr-2025 19:41:40 JST Daniel Supernault

     in reply to

     • Chee Aun 🤔

     @cheeaun Yeah, I will fix the toggle.

     We're discussing separating the whole/partial filters into separate inputs to more clearly differentiate them.

   • Embed this notice
     Jochen Wolters (jochenwolters@mastodon.social)'s status on Friday, 11-Apr-2025 00:56:14 JST Jochen Wolters

     in reply to

     @dansup Have you tested this with users to confirm that they prefer the "after"?

     Sorry to be blunt, but I'm asking because I see some patterns in the redesign that are common these days, but actually increase cognitive load for users.

     To name just two examples: Why place the two buttons so far away, and why does the Cancel button look like the tag element? Why place the two columns of checkboxes so far apart, instead of applying the "Law of Proximity" for better perceived grouping. 🤔