Hot answers tagged

653 votes
Accepted

Why do people not notice our enormous, prominent, clear and contrasting purple banner?

This phenomenon is called banner blindness. Your labeling looks like a banner advertisement and is therefore subconsciously skipped. Users have been conditioned to ignore complete sections of content ...
Wendy Wojenka's user avatar
291 votes

Why do people not notice our enormous, prominent, clear and contrasting purple banner?

The banner is beautiful but the style does not match the rest of the page. You know what is everywhere on the Internet with unmatching graphic styles? Ads. As others have said, the problem is that ...
Rad80's user avatar
  • 1,728
184 votes
Accepted

Get users to use the download button instead of right-click save

As soon as the user hovers over the image add an overlay which enables him to hit the download button. This is just an example, you can make this more subtle but I think it will work good with your ...
Pectoralis Major's user avatar
131 votes

Why do people not notice our enormous, prominent, clear and contrasting purple banner?

It's the design. Visually it's not part of the site or page. It's a square of content that doesn't belong to the site visually which indicates it's an advertisement to users. Design the banner to be ...
moot's user avatar
  • 5,351
95 votes
Accepted

How to let a user know that an image is actually an animated GIF

The fact that it's a GIF is really a technical detail and not relevant (or even comprehensible) for most users. What you need to convey to them is that there is more data available. Technically, it ...
jcaron's user avatar
  • 2,706
72 votes

Get users to use the download button instead of right-click save

Do not do anything to the right-click. It's an expected behavior on the browser level. You know you shouldn't "hijack" the right-click or you wouldn't call it hijacking. Provide users with a better ...
moot's user avatar
  • 5,351
63 votes

Why do people not notice our enormous, prominent, clear and contrasting purple banner?

As previously said, the banner is inducing banner blindness not despite but because it is so enormous, prominent, clear and contrasting purple. Also, its placement just above the content makes it easy ...
Philipp's user avatar
  • 1,225
49 votes
Accepted

What is such a presentation of music cover art images called?

It's called Cover Flow. It's used by Apple in OS X (among others). Cover Flow is an animated, three-dimensional graphical user interface element that is integrated within the Macintosh Finder ...
Nick Groeneveld's user avatar
47 votes

What is such a presentation of music cover art images called?

It's an ordinary Carousel with a fancy 3D touch to it. Image source: Yahoo design pattern library Carousels are often used on webpages, in this context a carousel often shows a single item at any ...
Rolf ツ's user avatar
  • 1,659
46 votes

Get users to use the download button instead of right-click save

There is a reason why your user is not selecting download button and usability testing is the best way to determine why. However in case it's a matter of positioning the download button in a place a ...
truleighsyd's user avatar
38 votes

How to let a user know that an image is actually an animated GIF

Yes your solution is good and will work, but it gets problematic if someday you introduce videos to your site. Also if people see the Play-Button they expect a video (longer then a gif) which usually ...
Pectoralis Major's user avatar
33 votes

How to let a user know that an image is actually an animated GIF

From the non-technical users standpoint, it is a video. The lack of sound does not change that. No need to explain the difference - just say it will play a video when you press the button.
rackandboneman's user avatar
33 votes

Why do people not notice our enormous, prominent, clear and contrasting purple banner?

If you look at a Wikipedia article with a banner that's functionally not unlike yours (this article needs improving), you'll see there are a number of design differences. Namely: The banner is part ...
kevin's user avatar
  • 493
26 votes

Get users to use the download button instead of right-click save

As a dedicated right-click-save user, I can say that I wouldn't bother with a download button normally, and I'd assume I saved the full version (and be mildly annoyed at the website if I found I hadn'...
Stilez's user avatar
  • 369
24 votes
Accepted

How to arrange 3x2 thumbnails when their number is less than 6?

I would use the following layout: For uneven amount of pictures (5, for example), I would display like this For situations when only 4 pictures exist, I would display like this For situations when ...
Joao Carvalho's user avatar
24 votes
Accepted

Is alt text required for an image if the information is present elsewhere on the page?

Update to answer (original further down under "original answer" heading) - I title this amendment "Oh dear I goofed!" This question and answer has had a lot of traffic for some ...
GrahamTheDev's user avatar
  • 2,588
21 votes

Get users to use the download button instead of right-click save

I'd like to point out how Wikipedia does it. When you enlarge a photo by clicking on it on Wikipedia, you're presented with the photo, some details on it, and an unobtrusive "download" ...
noɥʇʎԀʎzɐɹƆ's user avatar
20 votes

Why do people not notice our enormous, prominent, clear and contrasting purple banner?

Can I suggest trying the Github ribbons. This is remarkably noticable and doesn't take away from the rest of the content. Have a ribbon for 'official' and 'homebrew' with differing colours.
icc97's user avatar
  • 7,228
18 votes
Accepted

How to make perfectly clear that a user can interact with an avatar image?

Your current design may be lacking in a few areas. Generally, using icons alone leave a lot up to user interpretation and personal experience, even if it is as globally recognizable as the photo icon, ...
Cody Brantley's user avatar
17 votes

How to let a user know that an image is actually an animated GIF

I would recommend using a broader term like "animation" instead of "GIF", which might be too technical and unnecessarily specific, especially for your target user base. I think the appearance will ...
Baptiste Candellier's user avatar
12 votes
Accepted

Images look bad with perfect paragraph width

It's not easy to propose an answer without seeing all the visual page content. These are some general concepts. The design problem is not the text, in fact the statement of the question says that it ...
Danielillo's user avatar
  • 18.8k
11 votes

Spinner vs Blur for image loading in 2017?

You should use the same approach in every one of the 3 cases. Using multiple approaches just confuses the user, so choose one feedback for image loading, not multiple feedbacks for different events. ...
Pectoralis Major's user avatar
10 votes

How to represent a translated formula in an accessible and visually clear way?

Your question reminded me of Math.Stackexchange You can go through different Q/A over there, you will find what exactly you are looking for. The solution to this is from both point of view, i.e. ...
divy3993's user avatar
  • 1,598
9 votes

Why do people not notice our enormous, prominent, clear and contrasting purple banner?

You say you have different colors, fonts etcetera, but overall the pages look very similar. A large page has so much visual noise that simply changing thw font won't be enough if it's still a similar ...
PixelSnader's user avatar
  • 8,321
9 votes

Is alt text required for an image if the information is present elsewhere on the page?

If a sighted user can view the image and derive any kind of context or detail from it that relates to the text of the page, then you should not treat the image as uninteresting or purely decorative. ...
Tim Holt's user avatar
  • 709
8 votes

Picture upload vs. gravatar

UX never exists in a vaccuum This is a tough question. In a perfect UX world, you'd build a self-contained, hand-tailored, exquisitely smooth product that does everything your user needs. But then ...
plainclothes's user avatar
  • 21.3k
8 votes

Spinner vs Blur for image loading in 2017?

Use the blurry photo technique, and consider using a progress bar in certain circumstances because blurry images are indeterminite progress indicators. Spinners are useful for actions that complete ...
Jonathan's user avatar
  • 2,519
7 votes

Get users to use the download button instead of right-click save

Lots of good answers but here is a KISS answer. You get the best of both worlds - fast load and render times and expected behavior. <div style='background-image:url("/path/01-thumb.jpg");...
technosaurus's user avatar
7 votes

Why do people not notice our enormous, prominent, clear and contrasting purple banner?

Official pages and homebrew pages have different colour schemes, different fonts, different text sizes, different table layouts, different title schemes, and, notably, a different banner ...
Peter Taylor's user avatar
6 votes
Accepted

When is it OK to use text as an image?

From WCAG 2.0: https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-text-presentation.html "1.4.5 Images of Text: If the technologies being used can achieve the visual presentation, ...
JonW's user avatar
  • 37.3k

Only top scored, non community-wiki answers of a minimum length are eligible