If you really want to have a consistent experience, the edit fields should come in the same order in both the Add Beer page and the Edit Beer page (Fact is, the order of the field is more convenient on the Edit page than on the Add Beer page so I guess it would be better to change it on the Add Beer page instead) …
The Beer details window should be on the right side, just like the Add beer Preview window is on the Add New Beer page…
When the Beer detail window is showing (see left screen), it shouldn’t reduce the edit fields like that. The 2 other screens on the right are narrower but have better edit fields display.
When the screen is narrower (see example…but it also apply to mobile), the Beer detail window isn’t showing at all so we lose all access the edit options from that window: Picture, Fix Score, Barcodes, Tags, Alias, shelftags. The options should appear on top, next to Verify/Unratable/Retired in a separate section when the screen is narrower
Is it possible to add the timestamp of when it was updated?
Save Changes more logically should be at the bottom of the page.
Admin comments should be displayed conditionally on the beer page; most times we don’t edit the beer just to look for hidden comments.
I tried to use “Delete” and got the clunk robot.
The page itself is simply called Ratebeer in my browser; difficult to tell which browser tab is which, and if I want to go back also the browser History is not clear.
*time stamps when it was added and last edited and by whom not shown - important
*having to scroll to get to save changes - even on a big screen - didn’t we talk already about this being stupid? I see Alex’ point, just put the button on the top AND on the bottom
*again more hiding of features with the barcodes being separated - have we not shouted enough at you that extra windows / clicks are a NO?
*I disagree with Alex on the hidden comments - they are there so that whoever’s editing the beer is made aware immediately if some previous editor had something important to note about the beer. They should stay.
When the screen is wider, the Brewery name field and Beer name field are still reduced/truncated on the same line (so we can’t see half the of it when their names are longer) instead of taking one full line for each field.
Same thing with the Style field, if the page is wider, Style / ABV / IBU all come in a single line and the Style name is reduced/truncated so we can’t see all the style name when it is longer)
These do seem to be appearing on our end. Can you help us take a screenshot so we can see what’s going on.
Our design decision was then to de-bulk the Edit Beer page and focus it more around editing the beer details instead.
As a user it is important to understand what your intent was before coming to the Edit Beer page. That is a big reason why we introduced the admin panel; to surface a quicker way to update barcodes, change pictures, retire beers etc instead of having to dive into a beer page where you’ll need to scroll down to make the changes.
We have further plans to present these ‘additional actions’ in a modal instead of a new tab/page to improve the experience.
The Edit panel was a one-stop shop. Say I go there with a beer in my hands - I have it as a whole, its name, its brewery, its abv, maybe IBU, its description AND its barcode. I’m writing down what’s on the bottle. I don’t want to have to do extra steps and tabs for info that’s all there.
Decluttering brought us the unusable bullshit of a “admin widget” or whatever it was/is called that we were told was better but was hell. It’s all nice in theory until it fucks with the flow and usability in practice.
Honestly, while it was a good idea, I’m also finding the new design of the admin panel a bit problematic in practice. It doesn’t catch the eye and it’s far from the center of attention, with moves to it being slightly “tedious”. Still far better than the utter failure that preceded it and I’ll try to get used to it more before giving a final verdict.
Edit: Now I see the entered/edited options. Disregard that, my bad there.
Like the admin panel. this is a functionality that we are not making available for the mobile experience at this point in time. Those ‘additional actions’ can be accessed from the overflow menu on the previous page.
Add Beer will adapt this new layout in time.
We’ll have a look at the breakpoints and optimise this one further.
Yes, I think we can all agree that it was a promising feature. But there was no way of knowing whether it would improve your experience until you’ve put it through its paces. This is insightful however and it will be interesting to hear whether the other admins are having similar sentiments.
Did you have any thoughts on the modal presentation we are thinking about? It will be a click vs scroll-down comparison (as we are hoping to move away from loading additional actions in new tabs).
We’re designing to 1,400px width; but we are making things more responsive now rather than fixed width. Also considering to remove both the header and footer as we don’t see any value in having it on these Admin/Edit pages. That should hopefully put everything into view for your screen.