Ask Lemmy

28760 readers

2410 users here now

A Fediverse community for open-ended, thought provoking questions

Rules: (interactive)

1) Be nice and; have fun

Doxxing, trolling, sealioning, racism, and toxicity are not welcomed in AskLemmy. Remember what your mother said: if you can't say something nice, don't say anything at all. In addition, the site-wide Lemmy.world terms of service also apply here. Please familiarize yourself with them

2) All posts must end with a '?'

This is sort of like Jeopardy. Please phrase all post titles in the form of a proper question ending with ?

3) No spam

Please do not flood the community with nonsense. Actual suspected spammers will be banned on site. No astroturfing.

4) NSFW is okay, within reason

Just remember to tag posts with either a content warning or a [NSFW] tag. Overtly sexual posts are not allowed, please direct them to either [email protected] or [email protected]. NSFW comments should be restricted to posts tagged [NSFW].

5) This is not a support community.

It is not a place for 'how do I?', type questions. If you have any questions regarding the site itself or would like to report a community, please direct them to Lemmy.world Support or email [email protected]. For other questions check our partnered communities list, or use the search function.

6) No US Politics.

Please don't post about current US Politics. If you need to do this, try [email protected] or [email protected]

Reminder: The terms of service apply here too.

Partnered Communities:

Logo design credit goes to: tubbadu

founded 2 years ago

MODERATORS

[email protected]

What are some aspects of UI/UX seen in modern websites that really grind your gears? (lemm.ee)

submitted 2 days ago* (last edited 2 days ago) by [email protected] to c/[email protected]

87 comments fedilink hide all child comments

I wish to understand what elements or aspects of the design of modern websites the end users are annoyed from. Though you are free to express your personal opinions, it would be even more insightful if you could provide objective criticism and suggestions for alternative implementations so that I may incorporate the same in my current and future projects to make them as user friendly as possible.

Some criticisms I have encountered a while back include:

Switches being basically checkboxes with more ambiguous active state
Scrolling animations that prohibit user from linearly scrolling through the page

Make sure that the opinion is not

Related to business/legal matters e.g. Cookie consent notices, ad banners etc.
Too vague e.g. Poor website layout
Highlighting objectively bad practices e.g. Lack of accessibility features

I recognise I could have followed a design system for this question, but I want to understand the situation from the perspective of the end users to see if they have a differing view on what a convenient user experience should be like.

you are viewing a single comment's thread
view the rest of the comments

[–] [email protected] 7 points 2 days ago (1 children)

There's actually a proposal for various new HTML elements, including a switch:

https://open-ui.org/components/switch.explainer/

It's a little bit harder than you think, because people will definitely do things like this, and they have to account for that sort of behavior:

It is nice to see that they're working on it, where "they" means part of the W3C (so not just random nobodies):

The purpose of the Open UI, a W3C Community Group, is to allow web developers to style and extend built-in web UI components and controls, such as dropdowns, checkboxes, radio buttons, and date/color pickers.

To do that, we’ll need to fully specify the component parts, states, and behaviors of the built-in controls, as well as necessary accessibility requirements, and provide test suites to ensure compatibility. We’ll also implement polyfills for our extensible web UI controls.

Today, component frameworks and design systems reinvent common web UI controls to give designers full control over their appearance and behavior. We hope to make it unnecessary to reinvent built-in UI controls, but for those who choose to do so, we expect that these design systems will benefit from Open UI’s specifications and test suites.

Long term, we hope that Open UI will establish a standard process for developing high-quality UI controls suitable for addition to the web platform.

[–] [email protected] 4 points 2 days ago (1 children)

Unfortunately I am unable to grasp what the attached image is trying to insinuate. Could you provide some context?

[–] [email protected] 2 points 2 days ago (1 children)

The linked site has a bit more about it, but usually you see toggle switches like that with relatively "balanced" options. "On" / "Off" are about the same width when rendered as text. It's easy then to just make the switch big enough for the bigger option and everything's good. What happens if you have "On" and "Some really long text option that should probably be shorter"? The image shows what it looks like toggled to "On", and then goes over two solutions, neither of which are great options:

Use the smallest size and cut off the larger text. Not really a viable option
Use the longest size, but when the shorter option is toggled to, you're left with a bunch of blank space

[–] [email protected] 1 points 2 days ago

Now it makes sense. The transparent nature of the image obscured the outline of the switch in my screen from which I was initially unable to identify that it represented the different cases of viewport width of the switch.

Thanks for the clarification!