A simple topic for sharing some design and user experience problems that you see too often on websites today. Obviously, this is subjective and what one person considers a problem, another person may not. You may elaborate on why exactly it’s a problem in more controversial cases, if you choose to do so. Also, you may feel free to offer solutions to these problems, if and when it makes sense to do so.
Photos and even videos are being used as backdrops for text frequently these days, which isn’t problematic in and of itself. The issue is that this makes it easier for there to be low contrast between text and background when web-makers don’t exercise due diligence and allow the text to cover a part of the photo or video that’s close to the text’s color. This seems to happen a bit more often when the photo in the background is something “changeable” and not set-in-stone, something you might swap out, such as slides in a slideshow. Otherwise, you can be careful to choose a photo that has a high contrast with the text in the area where the text will be. Some solutions to this problem include putting a color overlay over the photo or video that will create more contrast, or only choosing images that have high contrast with the text throughout.
Headers/navigation bars at the top of the screen which are either fixed or sticky (thus staying with you as you scroll) AND have high vertical dimensions, meaning they cover a large portion of the screenspace for reading. There may be certain types of sites where this isn’t a big deal or is somehow justified, but all too often, and especially on sites where you’re going to be reading a lot, it can be really annoying. In fact, my tolerance for this is so low I will sometimes use the development tools of the browser to remove the position: fixed or position: sticky rule! People want to see the site’s content, and there’s typically no real benefit to the header being so huge other than taking up space that could be used for that content that people actually came there for. Some sites try to ameliorate this by having the header only show when you’re scrolling upwards, but I think it can still irritate…
I have more I can think of, but I might do that later. For now, I want to hear what YOU think!