Topic: Opinions on the new UI buttons? (v. 25.08.13 - v. 25.08.27 Discussion)

Posted under General

This topic has been locked.

Personally, i don't like them. they look good but i'm so used to the old buttons that seeing this update made me gasp in real life.

What do you people think of the new buttons? I liked it when the favorite button was green rather than yellow. it looked nice with the background in my opinion.

Updated by Aacafah

personally found it an unneeded change since the old ones looked great anyway. I find these one's are way too over designed and clutter up the screen (why are they so big)
it's mostly personal prefrence for me, but I don't like em either.

The green 'favorited' button was clear as day when something had been favorited. Red is not a color I associate with successful website functions. I could maybe forgive the red one if it still filled in the star when favorited, but changing both is just straight-up bad UI.

Aacafah

Moderator

ashleythecollieowo said:
I find these one's are way too over designed and clutter up the screen (why are they so big)

We've been making the site more accessible to mobile users.

rekterthealebrije said:
I liked it when the favorite button was green rather than yellow. it looked nice with the background in my opinion.

beepbep said:
The green 'favorited' button was clear as day when something had been favorited. Red is not a color I associate with successful website functions.

If color is the problem, you can try adding this to you custom CSS; play with the colors to your liking & remove the /* & */ to change the Unfavorite button's colors as well.

#ptbr-wrapper .ptbr-favorite-button[favorited="false"] {
 background-color: rgb(47, 157, 47);
 box-shadow: 0 .25rem rgb(0, 100, 0);
}
/*#ptbr-wrapper .ptbr-favorite-button[favorited="true"] {
 background-color: rgb(47, 157, 47);
 box-shadow: 0 .25rem rgb(0, 100, 0);
}*/

beepbep said:
Red is not a color I associate with successful website functions.

But red is a color associated with canceling/undoing/deleting, which is what it does; you're not wrong, it's a matter of perspective, but there is logic here.

rekterthealebrije said:
they look good but i'm so used to the old buttons that seeing this update made me gasp in real life.

Tbh, I can relate to that, but I'm not too broken up about it. We'll all get used to it & then complain in 5 years when we change them back.

I don't mind the change, but now the green banner that says "favorite added" doesn't show up anymore. Hopefully that gets fixed!

Feels more like change for the heck of it rather than any kind of streamlining. I will say however that the new colors for favorite and download fullscreen(???) are a bit odd. I also dislike the change in wording since download was a pretty straightforward whereas fullscreen doesn't quite get the point across. I was wondering where the download button went and assumed that fullscreen was some new gallery/pool viewing tool

It just doesn't look natural AT ALL on mobile. The buttons on the middle on the screen and the "scale" button on a second row and is massive (ALSO in the middle of the screen), so missclick will happen a lot when scrolling/fav-ing. And because of that there's an big ugly space on the side and under the buttons that are completely empty.

Also, the buttons are massive and uglier, honestly look like those fake "PLAY / DOWNLOAD" buttons on certain websites that are actually ads that will get you a virus if you click.

Web designer really just can't not go "Let's reinvent the wheel and make the same thing, but different! For for the funsies."' And then 5 months later the same happen and mess with your muscles memory just for the love of the game I guess.

...I'll wait, like every design update, for someone to make a CSS code that mostly revert the update.
(Edit: It still looks good. Just slightly worse)

Updated

Aacafah

Moderator

assasswoahlolnice said:
I don't mind the change, but now the green banner that says "favorite added" doesn't show up anymore. Hopefully that gets fixed!

That was an intentional change; I liked it, but it was kinda redundant, and it's removal helped simplify an optimization.

smalltimehustler said:
Feels more like change for the heck of it rather than any kind of streamlining. I will say however that the new colors for favorite and download fullscreen(???) are a bit odd. I also dislike the change in wording since download was a pretty straightforward whereas fullscreen doesn't quite get the point across. I was wondering where the download button went and assumed that fullscreen was some new gallery/pool viewing tool

Disagree; Download implied activating a download (either a pop-up window or a automatic background download) instead of a Fullscreen view of the post, & likely scared some users away from selecting it. This is more explicit.

beepbep said:
The green 'favorited' button was clear as day when something had been favorited. Red is not a color I associate with successful website functions. I could maybe forgive the red one if it still filled in the star when favorited, but changing both is just straight-up bad UI.

I straight up forgot to color in the star. Will fix in the next patch.
Whether or not a red "unfavorite" button makes sense is debatable. I don't have a strong opinion one way or another.

blazer_blaster said:
It just doesn't look natural AT ALL on mobile. The buttons on the middle on the screen and the "scale" button on a second row and is massive (ALSO in the middle of the screen), so missclick will happen a lot when scrolling/fav-ing. And because of that there's an big ugly space on the side and under the buttons that are completely empty.

Also, the buttons are massive and uglier, honestly look like those fake "PLAY / DOWNLOAD" buttons on certain websites that are actually ads that will get you a virus if you click.

Web designer really just can't not go "Let's reinvent the wheel and make the same thing, but different! For for the funsies."' And then 5 months later the same happen and mess with your muscles memory just for the love of the game I guess.

...I'll wait, like every design update, for someone to make a CSS code that mostly revert the update.

what are you viewing e6 on, and what zoom level or scaling do your have your phone or browser set to? I'm using a Pixel 8 pro and it looks fine for me. Spaced properly, centered on the image, large enough to hit with sausage roll fingers

smalltimehustler said:
what are you viewing e6 on, and what zoom level or scaling do your have your phone or browser set to? I'm using a Pixel 8 pro and it looks fine for me. Spaced properly, centered on the image, large enough to hit with sausage roll fingers

My phone is small :(

As a mobile user I don't mind the new look too much, but I dislike that the "scale" button is on a separate row.
I also prefer the green favorite button so I'll be using that CSS code for now.

eh? it looks okay, and indeed seems better for mobile. Maybe some issues with color code but I bet most of ya’ll don’t like it because its different. Give it time, you’ll get used to it.

I'm glad other people are complaining about this so I can too. Besides looking distinctly worse and less visually-convenient, and the buttons themselves just looking... cheaper somehow, and the absence of a popup confirming a vote or favorite, there's a serious practical issue which can't just be disregarded as me "whining about things looking different."
The new buttons are seriously fucked in a big way that can't be ignored; once you click on one, the button stays 'selected,' meaning if I press the spacebar, it'll press the button again. The old buttons didn't do this. This is an actual problem, because now it's SIGNIFICANTLY less convenient to use space and shift-space to go up and down the page, which is something I did literally constantly. I basically never navigated using anything else.
Also, as a compounding issue, because there's no longer a popup when you vote or favorite, it's very easy to do this without realizing it while trying to navigate.
No, PgUp/Dn are not substitutes, they're on the other goddamn side of the keyboard, which defeats most of the entire purpose. Clicking somewhere else to deselect it isn't a solution either.

Updated

Can't say I particularly dislike it.

I like the new (at least I think its new) inclusion that shows the total up- & downvote count when hovering over the score.
Technically not completely new, since that was already possible when hovering over the score in the information section, but I highly doubt that was well known.

Also renaming the Download button to Fullscreen is a good change, as that name was kinda misleading.

The colours are a bit jarring for me though.

Aacafah

Moderator

vibrantlordiction said:
...once you click on one, the button stays 'selected,' meaning if I press the spacebar, it'll press the button again. The old buttons didn't do this. This is an actual problem, because now it's SIGNIFICANTLY less convenient to use space and shift-space to go up and down the page, which is something I did literally constantly. I basically never navigated using anything else.
No, PgUp/Dn are not substitutes, they're on the other goddamn side of the keyboard, which defeats most of the entire purpose. Clicking somewhere else to deselect it isn't a solution either.

This is a good point, thank you for sharing. This is likely a consequence of removing the confirmation message, not the buttons themselves, but there should be a way to change this.

vibrantlordiction said:
Clicking somewhere else to deselect it isn't a solution either.

Can you press Tab to select a different UI element, at least for now?

aacafah said:
This is a good point, thank you for sharing. This is likely a consequence of removing the confirmation message, not the buttons themselves, but there should be a way to change this.
Can you press Tab to select a different UI element, at least for now?

Yes, but I have to press it multiple times before it reaches something that isn't another button.
Thank you for acknowledging this as an unintended problem, I was pretty much expecting to just be told "it's not a real problem, deal with it."

I don't like them tbh, I also don't understand why the colors are changed at all? Just use the same colors, maybe have a color wheel picker in the settings somewhere if you really want, the default yellow is a bizarre choice and the red looks worse than it used to. I like the new little ui when you hover over the posts upvotes, looks nicer than the text edit I thing.
Also what happened to having site updates in a little banner at the top? Was just surprised when I next loaded a page and stuff was different.
Looking forward to having more custom css instead of just a toggle somewhere for being on a mobile display, as a desktop user I really dislike just not having 2 separate ui's that look better on their respective formats.

I really do not like them either. However I do feel that there could be people that either like it or don't mind this change at all. Personally I feel it would be nice it they give us an option whether to use this new UI or not, like some sort of theme. It would make the experience much better, plus we would get to have personalisation options now if this would end up happening!

Yellow is a very odd choice. I don't know why they decided to change it. Green worked just fine.

I think it looks quite nice good job e6 devs :) People will come around on them I think. That being said, I think a lot of the negative reactions that relatively innocuous updates like this get are because of how sudden they are. I was angy with discord when they updated their mobile UI, to the point where i did a whole lot of bullshit to un-update my app (I updated eventually). The new discord UI wasn't bad necessarily, but it just showed up one day and didn't give me any option to revert so I got disproportionately pissy.

I know it'd probably be a lot of work to straight up give people the option to revert changes, but if you gave a heads up or asked for opinions on planned changes beforehand I think that would do a lot to temper people's reactions.

Look a bit cheap to me the new designs but it not something I would use some custom CSS or anything, one of the most inoffensive updates for awhile.

cinder said:
I straight up forgot to color in the star. Will fix in the next patch.

Good to hear that it was not intentional! Apologies for my tone, then, I had assumed.

aacafah said:
But red is a color associated with canceling/undoing/deleting, which is what it does; you're not wrong, it's a matter of perspective, but there is logic here.

Thank you for laying this out. While I feel that's an overly-responsive effect, I do see where the designer is coming from. And I have no idea how to do CSS, but I'll live as long as it doesn't start animating pointlessly like YouTube's 'Subscribe' button, heh

another update that no one asked for and looks worse than before for reasons already stated. only semi good thing is the hover showing upvotes vs downvotes

vibrantlordiction said:
The new buttons are seriously fucked in a big way that can't be ignored; once you click on one, the button stays 'selected,' meaning if I press the spacebar, it'll press the button again. The old buttons didn't do this. This is an actual problem, because now it's SIGNIFICANTLY less convenient to use space and shift-space to go up and down the page, which is something I did literally constantly. I basically never navigated using anything else.

This is an interesting issue.

The reason this happens is because I switched from using link elements (<a>) to button elements (<button>).
This is generally considered to be a good practice – both for accessibility, predictability, and just generally using the correct element for the job.
Links should take the user to a different page. Buttons should do something on the current page.

The difference here is that links don't activate when a space key is pressed, while buttons do.
That behavior is defined by the browser, not by me.

There are some hacky workarounds to disable said behavior, but it seems ill-advised to use those.
Same goes for going back to using link elements. Perhaps, I will simply add hotkeys for upvoting and downvoting – would that help?

They're kinda big, and they break whenever I turn my device sideways (it like, jitters up and down for a few seconds before settling in a position), will there be any bugfixes or will it just stay broken forever?

the box-shadow on the buttons and the kinetic effect when clicking kinda clashes with the site's otherwise flat, clean aesthetic. they also kinda just feel outdated, in general.

aacafah said:
We've been making the site more accessible to mobile users.

for mobile, the issue should very rarely be making a button easier to hit, but rather making it more difficult to misinput, the size of the buttons matter very little; .8rem to 3rem+, the ease of clicking them is about the same. the important things are the distance the center of one click region and the edge of the next one and the distance between the edge of the click region and the edge of the screen, you don't want your user to interact with one item when they meant to interact with another, and you don't want the user to interact with one item when they didn't intend to interact with anything at all.

also for mobile you, screen real estate is an extremely finite resource, which needs to be taken into account. phone screens are pretty small, and when you take DPR into account you've got about 800px of vertical screen space.

I like it on desktop, and dislike it on mobile.
Given that the method for navigating and interacting with the page are the same on mobile (touching it with your finger), larger buttons without a confirmation have already lead me to one unintentional favourite.
On desktop this is much less problematic, given the wider range of options to navigate the page.

Aacafah

Moderator

teresmixxg said:
They're kinda big, and they break whenever I turn my device sideways (it like, jitters up and down for a few seconds before settling in a position), will there be any bugfixes or will it just stay broken forever?

It's been less than a day, let's not jump to "The site is completely broken & they'll never fix it!" just yet, ok? We didn't even know that was a problem; we'll look into it.

Aacafah

Moderator

Let me just put this out here so I can link it the next time.

I am a huge proponent of user choice & freedom. I'd love to allow users (myself included) to customize changes to their heart's content; I think that's an ideal worthy of striving towards.

That being said, I'm not the head honcho, so there's that.

The problem isn't a lack of desire; we already have some theme customization (I'm still rocking the pride logo myself w/ the Bloodlust color scheme as my theme; go here & you can do the same). The problem is how to expand that practically.

Here's a little inside baseball for you; e621ng (which is open source btw; you're more than welcome to contribute to the direction the site takes) is written with Ruby On Rails, or just Rails for short. Rails is a multi-page app framework that renders everything on the server. We'll circle back to this.

The main problem is that e621 has 1 dedicated developer (that's Cinder) & a motley crew of volunteer contributors (such as myself). Having Cinder validating that these hobbyists work isn't going to make the system explode is already a ton of work. Separating out UI changes, many of which are also tightly tied to changes in how the backend server works (because everything is handled on the server, Rails & many MPA's tightly couple front-end & back-end) even further shrinks the time he can spend adding new things to the site. Adding some kind of beta site/granular UI toggle for every potentially contentious change is a herculean task that would completely halt development for weeks at the very least, probably closer to months. For a beta site, it would also require approval from & cooperation with the technical staff at Bad Dragon (the site's owners). For a granular toggle system, it would implicitly demand supporting deprecated UI elements & styles, with users rightfully imo getting very angry when we break their specific combination of UI settings while iterating the site's design & features. I'll also remind you that any & all bug fixes need to be handled by him too, meaning either those also need to be put on hold, or those will eat away at the dev time for our solution.

On top of that, because Rails is rendered on the server & has tooling to facilitate that, all of the HTML (& some of the JS iirc) is embedded in .erb files that need to be processed by the server, & a lot of the JS also is tightly coupled to changes in the backend logic. Therefore, we'd need to update the server itself every single time there's a UI update regardless of whether or not the backend logic actually changed. We shouldn't lose uptime everytime, but in software development, you learn not to rely on what "should" happen pretty quick. So, instead of developing & updating the server logic & the UI at the same time, we'd have to develop the UI independently of the backend logic for much as possible, & update the server logic & UI separately. This is simply not practical, at least for the time being.

Besides, with the Settings -> Advanced -> Custom CSS option, we've already given more user customization than any other site on the planet; you can almost always get back to exactly what you want yourself without placing this burden on development. It's not perfect, & it is impossible for us to ensure that some pieces of custom CSS won't break as we develop the site further, but we'd rather enable users to play with the UI as they'd like than restrict them from doing so out of fear that something will break.

Tl;dr, we'd love to have our version of Discord PTB, or the Steam Client Beta, but that is simply not a task we have the resources to undergo, & we place greater priority on moving the site forward than carving out exceptions so users can avoid changes.

Edit

Firstly, to include Donovan's excellent point,

donovan_dmc said:

nacre said:
So make those changes for the mobile site and not the desktop one.

before anyone says "oh but it's more to maintain" It's two buttons that worked fine for 15 years before this.

You're applying that logic to just this change when it really applies to the entire site, consider that mobile first changes are made in various places of the site, each may be just a few things on their own but combined it's a lot of things

Additionally, since I first wrote this, I've found cases where the best choice of how the user's customizations are stored is also user-dependent.
The user settings pane stores all of its data on the server, & therefore all of it is uniform across all devices you sign in on; all other options (e.g. the searchbar's settings menu, the themes menu, your currently deactivated blacklist items, keyboard shortcuts, etc.) are stored in Local Storage (to be simple, inside your browser), & therefore it can be customized for each browser (/device) you use.
Server storage:

  • Eats up server bandwidth to update
  • Eats up server storage & processing even if unused by most people (we still need to store NULL in empty SQL columns/a BOOLEAN value for a toggle, & we still need to handle empty/unchanged columns in our ORM)
  • Requires a page refresh every time it's changed in order to reflect updates
  • Increases the memory load on the server for every loaded user, which decreases performance
  • Increases chances of mandatory server downtime every time it changes (b/c the database must be updated as well)
  • Is persistent across all browsers used to access the site

Local Storage:

  • Is persistent on the browser it's set on
  • Virtually zero storage on users' machines
  • No mandatory page update when changed
  • Reloading the same page is also faster b/c the previously cached value is the same as the new one (as the changes only occur client-side)

Obviously, granular UI customization would be best served by being stored locally; it's specific to each browser, it adds no extra server load, & (unlike custom CSS) you can see the results as you tweak them without needing to reload the page (which obviously also decreases server load). However, the point of incognito/private windows is that they don't persist local data created during the browsing session (including Local Storage) across sessions, & many users are using incognito/private windows when accessing e6. As such, these users are limited in their options (although I'd recommend installing the PWA from an incognito/private window, as that stores its data separately from the main browser, & its initial data would be copied from the mostly empty local data from that session). Even a granular system can fail to appease everyone.

Updated

aacafah said:
That was an intentional change; I liked it, but it was kinda redundant, and it's removal helped simplify an optimization.

That's a shame. I use hotkeys to favorite posts, and it gave me some feedback. Now on large images I need to scroll down to be absolutely sure the favorite went through.
Guess it's not a huge deal. I just need to get used to this new flow.

To be honest, I'm impressed with how they managed to make these buttons even uglier than the old ones. Straight out of “Graphic Design Is My Passion” memes.

- The overall color scheme is completely out of sync with the rest of the site's design.

- The 3D effect of the buttons is implemented in the most lame and cheap way possible, not to mention that it doesn't match the site's flat design at all

- The download button and image size selection menu don't need a 3d effect; it goes against their expected behavior.

- Due to the E621's slow response time, clicking on buttons has become even more irritating and frustrating

- The color for the favorites button is a crime against the laws of graphic design

- Renaming the download button to 'full screen' is just plain stupid, essentially pandering to intellectually impaired

Updated

Why do they center on the image? They were easier to press when they were at the side of the screen and they've literally always been there. Is there any reason why they need to change where the buttons are?

aacafah said:
It's been less than a day, let's not jump to "The site is completely broken & they'll never fix it!" just yet, ok? We didn't even know that was a problem; we'll look into it.

Sorry, I wasn't being doomeristic, meant more generally like with every UI change bugs are introduced that become month-long problems, and the increasing number of UI changes

Looks like another UI downgrade.

The colours don't even make sense. Who thinks yellow should be for a favourite button? Not I, that's for sure and many others. Green worked better. Also the buttons themselves look bad due to the 3d effect. Nothing else is 3d on the UI, so now it just clashes with the already established 2d aesthetic.

The download button should be restored as well, no one asked for it to be called "full screen".

Anyway, another great example of "If it ain't broke, don't fix it."

Revert it back to how it was before please, you dun goofed.

Not a fan. I also noticed they're a bit buggy. I've had to refresh the page for the upvote and favorite to work.

Updated

assasswoahlolnice said:
I don't mind the change, but now the green banner that says "favorite added" doesn't show up anymore. Hopefully that gets fixed!

Agreed. Not having to scroll all the way to check if a fav went through or not was nice

i personally don't really like them, but i'm always resistant to change in UI design. i'll probably get used to them before long.

The UI is far too big now on my Monitors. I liked how it felt before... I'd like a scale options.

I don't like that the side buttons are gone now. I know they're often redundant but when the image is significantly larger than the list of tags it can be kind of annoying to scroll down the image until you get to the score.

Aacafah

Moderator

windluck said:
The UI is far too big now on my Monitors. I liked how it felt before... I'd like a scale options.

Press Ctrl + & Ctrl - on your keyboard? If you have the image sizing set to some variant of Fit, it behaves like a scale.

Updated

Not a fan of it myself. And seeing "Download" changed to "Fullscreen" gave me a second of pause, thinking being able to directly download the image was being removed, then I realized it did the same thing, but still, it's a confusing change that's going to throw a ton of people.

Dont particularly care for the yellow. I guess the rest I'll get used to? Didnt really need to be changed in my opinion? but whatever, not website, not my problems, so to speak ¯\_(ツ)_/¯

tbh im kinda on the level of ForkEater up above, im usually resistant to UI changes that I find unnecessary, but I'll get used to it

I don't mind it visually, except the yellow for the favorite button. Interesting choice, I guess I see why you would want the favorite button, when a post is not favorited, to not be green since when you've upvoted a post, the upvote button is green. Those colors being the same may make someone think they have fav'd a post when they actually haven't, if they've upvoted it.
I do hope for the "post favorited" banner to come back, or at least be something that can be toggled on for users that found it useful. I like to have some sort of feedback that I've favorited something without having to scroll to below the image for taller images. I guess I could set my default image load preference to fit vertical so I shouldn't have to scroll, or if there's some CSS to move the buttons to be above the post rather than below

aacafah said:
Press Ctrl + & Ctrl - on your keyboard?

Man, I don't know if you realize how mocking, toxic and disrespectful your answers sound. Make people feel dismissed, invalidated, silensed, erased...

Other than changing the color of the favourite button for no reason I don't hate it

aacafah said:
Press Ctrl + & Ctrl - on your keyboard? If you have the image sizing set to some variant of Fit, it behaves like a scale.

That scales everything including the text size and is not the same as a UI scaling option

Aacafah

Moderator

nacre said:
That scales everything including the text size and is not the same as a UI scaling option

It's not the same as a native dedicated one, but a simple thing that approaches it & can be close enough for some users.

I feel they stand out a bit too much, it looks jarring.

Also until this thread I didn't even realize the "Fullscreen" button is just a renamed download button, that's confusing. Not every browser will full-screen an image if you just open a direct link, some still display it at full size even if it would not fit in the window without scrolling. Download made much more sense.

they clash with the rest of the sites design, they also made me do a dobble take because they look like those scam ad ones.

they clash with the rest of the sites design, they also made me do a dobble take because they look like those scam ad ones.

aacafah said:
dicated one, but a simple thing that approaches it & can be close enough for some users.

It scales the whole website... that defeats the purpose of scaling specific UI while I like the size of everything else.

cinder said:
This is an interesting issue.

The reason this happens is because I switched from using link elements (<a>) to button elements (<button>).
This is generally considered to be a good practice – both for accessibility, predictability, and just generally using the correct element for the job.
Links should take the user to a different page. Buttons should do something on the current page.

The difference here is that links don't activate when a space key is pressed, while buttons do.
That behavior is defined by the browser, not by me.

There are some hacky workarounds to disable said behavior, but it seems ill-advised to use those.
Same goes for going back to using link elements. Perhaps, I will simply add hotkeys for upvoting and downvoting – would that help?

It's not perfect, but I can't expect an entire website to be tailored to specifically how I use it, and hotkeys would probably be a good thing for everyone in general, not just me.
It's actually really surprising that there's a hotkey for favoriting already, but not voting.

I should probably explain why this is a particular annoyance for me:
I try to minimize needing to move my hands around, and I use a LOT of Ctrl, Alt, Shift, and Windows commands constantly to do almost everything on my computer. It gives me constant, fast control without needing to move my hands or look at my keyboard as much.
Besides being fast and convenient, it probably more importantly helps quite a bit to reduce strain. I don't need to move my mouse around as much, and constant heavy scrolling with the wheel gets tiring quickly. It's also quite autonomous at this point, so the new button awkwardness is more disruptive to me.

Anyway, it sucks if things can't go back to how they were for technical reasons, but I appreciate you listening to my complaining, and the hotkey thing would probably be good for everyone.

Updated

vibrantlordiction said:
I don't need to move my mouse around as much, and constant heavy scrolling with the wheel gets tiring quickly. It's also quite autonomous at this point, so the new button awkwardness was more disruptive to me.

Please, don't take this the wrong way, but upon reading this I immediately thought of spacebar heating.

I'm really glad that catering to mobile users continues to cause the internet as a whole to be worse, as it has been since catering to mobile users became a thing websites decided to do. Keep up the good work, moving the website forward by making everything just that much worse on desktop because mobile users, or something. Also, never ever announce these things anywhere that the average user could see them (like the announcements banner at the top), and just drop them like this, especially with bugs (that will get fixed, of course, but it's just such an odd choice to do it like this.)

I'm on mobile prefer it the other way. I like green don't like yellow.

Please can a CSS savvy person revert it.

Aacafah

Moderator

covargo said:
I'm on mobile prefer it the other way. I like green don't like yellow.

Please can a CSS savvy person revert it.

Ahem.

aacafah said:
If color is the problem, you can try adding this to you custom CSS; play with the colors to your liking & remove the /* & */ to change the Unfavorite button's colors as well.

#ptbr-wrapper .ptbr-favorite-button[favorited="false"] {
 background-color: rgb(47, 157, 47);
 box-shadow: 0 .25rem rgb(0, 100, 0);
}
/*#ptbr-wrapper .ptbr-favorite-button[favorited="true"] {
 background-color: rgb(47, 157, 47);
 box-shadow: 0 .25rem rgb(0, 100, 0);
}*/

aacafah said:
We've been making the site more accessible to mobile users.

If color is the problem, you can try adding this to you custom CSS; play with the colors to your liking & remove the /* & */ to change the Unfavorite button's colors as well.

#ptbr-wrapper .ptbr-favorite-button[favorited="false"] {
 background-color: rgb(47, 157, 47);
 box-shadow: 0 .25rem rgb(0, 100, 0);
}
/*#ptbr-wrapper .ptbr-favorite-button[favorited="true"] {
 background-color: rgb(47, 157, 47);
 box-shadow: 0 .25rem rgb(0, 100, 0);
}*/

But red is a color associated with canceling/undoing/deleting, which is what it does; you're not wrong, it's a matter of perspective, but there is logic here.

Tbh, I can relate to that, but I'm not too broken up about it. We'll all get used to it & then complain in 5 years when we change them back.

Thank you🙏

aacafah said:
Disagree; Download implied activating a download (either a pop-up window or a automatic background download) instead of a Fullscreen view of the post, & likely scared some users away from selecting it. This is more explicit.

May I suggest "Open Raw" or "View Source File" or something along those lines? Fullscreen implies some sort of fullscreen preview, not opening the image source.

I'd also recommend making that button non-chromatic, i.e. make it simply a ligher shade of the existing background, maybe a little brighter than the up/downvote buttons. This way the favourite button doesn't visually contend with the image source button for attention, but still highlights it as a major function.

"mobile friendly mobile friendly mobile friendly" you know people still use computers

awful, change it back

I think it was better before, buttons feel too big and they feel designed differently from the rest of the site
I'm on mobile

I really just wish that it was more responsive or there was a distinct "you did the thing and the server responded" (like the green banner that was there before).

As it stands the unresponsive button that takes a second or two to swap over from "favorite" to "unfavorite" just makes it feel a lot more jank.

As others have noted as well, the fullscreen button is also just an odd choice of wording since it's not "fullscreen" necessarily, it's just opening the raw image link. The coloration really does remind me of the circa 2005 sites of old like OLD agnph or fanfiction.net, it's just oddly cheap looking like you slapped on a template and called it a day. I'm hoping that it gets either reverted entirely or swapped out for something better, but for now I'll just see about CSS-reverting it or seeing if e621ng will get an update to customize it back to normal. Overall it seems like it was made worse for basically everyone involved and the reasoning that "it's better for mobile" just feels odd when it doesn't look good on either one.

Donovan DMC

Former Staff

dynamitegrizzly said:
"mobile friendly mobile friendly mobile friendly" you know people still use computers

awful, change it back

Not saying that it's right (I'm not a fan of change because change, which a lot of ui changes feel to be), but mobile makes up the majority of users
Across the internet as a whole mobile makes up ~63% of traffic where desktop is ~35%, and I believe the split is actually more skewed here due to the site's nature but Im not spending hours looking for when that was last mentioned
So for every 100 users 63 of them are on mobile, so ideally you'd want the best experience for them
And for desktop only 35 of every 100, which while not insignificant is significantly lower
If you also want to be a bit more money focused, bd makes money on keeping people without ad blockers on post related pages for as long as possible, the mobile audience is much less likely to have an ad blocker due to the scarcity of browsers that support extensions (it's 2025 people, stop using chrome and get firefox or something else that supports extensions on mobile)

Updated

Is there any world in which a change to 'benefit' mobile would only be visible on mobile...? I haven't used mobile in ages but isn't that the point behind there being a desktop button on there to swap between the specifically mobile view and the way it looks on a desktop? You could say parity between the two versions but if that makes the desktop experience worse then having parity for parity's sake is just a bad decision.

Original page: https://e621.net/forum_topics/58971