Questions tagged [image]

a picture appearing as an element in a UI. Usually photographic rather than a drawn representation.

Filter by
Sorted by
Tagged with
218
votes
15answers
49k views

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

I'm part of a MediaWiki site called D&D Wiki. Among others, one of our longstanding issues in the public eye was our failure to label clearly enough that certain pages are categorised 'Homebrew', ...
102
votes
15answers
21k views

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

As part of our system, a web application, we have an image viewer. Previously we always displayed the full resolution image but scaled down with CSS to fit the page. For performance reasons we now ...
46
votes
8answers
14k views

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

Bit of background - I'm currently working on an ecommerce clothing site specifically with an older age range (50+). Historically the company has always used flat jpgs to display product images on ...
28
votes
11answers
2k views

Ways for a company to organize common/shared Icons Images and Graphics

Are there any common tools that are used to store Icons Images and graphics for a company wide audience? As a programmer I would store everything in git so people could update it and track the ...
24
votes
4answers
4k views

Readability of overlaid text on images

Text on images seems to be very popular these days, and it does look nice. However, it can be hard to control the legibility of the text. I have darkened the background, and added text-shadow, and it ...
22
votes
4answers
3k views

How to show user there's more photos behind a thumbnail image?

I am laying out an image gallery on a webpage and have several thumbnails of objects. How would I go about giving a visual clue that there is group of images behind each thumbnail? For example...lets ...
21
votes
5answers
6k views

Which is more likely to be read and processed: (related) text placed above or below an image/video?

I'm thinking about layout on pages where the main asset is visual — for instance, a photo of an item from the collection on a museum website, or embedded video as on YouTube and many news sites. ...
20
votes
6answers
2k views

UX impact of standard stock photos

It's pretty clear to me that standard stock images (examples 1 / examples 2) don't help to build a brand or identity. Are there any studies about the impact of stock images? Any other thoughts? In ...
19
votes
2answers
7k views

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

Can someone guide me what is the design pattern used in the below image? What is it called?
17
votes
5answers
2k views

How detailed should a text alternative version of an infographic be?

Had a debate with a collegue recently about a accessible text alternative to an infographic we have. When they wrote the text alternative they wrote in detail exactly what was going on in the picture ...
16
votes
8answers
8k views

Is 10 search results per page the best?

When there are a lot of search results they often are paginated. Most search engines I know show 10 results per page. I guess this was born out of an easy technical solution or habit. But I don't know ...
16
votes
3answers
7k views

What should the ALT text be for an image that is also a link?

An image alt="" text should contain information about that image in the context of the page, so for instance if you have an article about cats on skateboards and then a photograph of the cat on his ...
14
votes
3answers
673 views

Bad picture, or no picture at all?

I am currently rebuilding an e-commerce website from scratch. The design that has been created for the new site features a lot of large images, which looks pretty good. However: not all pictures in ...
14
votes
2answers
915 views

Should images be given alt text if they contain no information?

Example: a biography page with a picture of the person. The image contains no useful information, yet it adds enough emotional value to the page that simply removing it is not the solution. If you ...
14
votes
5answers
4k views

How to indicate that an image is a link too?

I have a section in my website called "Techonology" that is not part of the main content where I put the logos of each technology used in the website (PHP, MySQL, Bootstrap, etc). But I'm searching ...
13
votes
4answers
4k views

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

I'm creating a thumbnail selection menu for VR. They are arranged as 3x2: How should I organize them when where are less than 6 thumbnails? (e.g. 2 or 5?) Note: the user can see the previous/next ...
13
votes
3answers
634 views

Do people find someone in a list faster by name or a profile picture of the person?

I am looking for research to find out if when looking through a list such as a team list in a project management app people find it easier to find someone by their profile picture or their name? I am ...
12
votes
5answers
14k views

Should the description of a picture be above it or below?

There are many places where we've to put an image one below the other and write their description in a line or so. Where should the description text be? above it or below? I know the best option is ...
12
votes
2answers
1k views

Is there a reason for the recent shift to inner zoom images on ecommerce websites?

I've seen it around and I honestly find it quite frustrating. I've seen on a lot of ecommerce websites that when you put your cursor over an image, it automatically zooms in that box, and about half ...
11
votes
3answers
3k views

Is it okay to use country flags with currencies?

We are considering incorporating national flags into a currency selector, alongside ISO currency codes, like this: We are well aware we should not use flags for selecting languages because there isn'...
11
votes
4answers
466 views

Best Approach for Responsive Linked Images from Desktop to Mobile?

I am redesigning a website from the early 90's and trying to make it more "responsive". An issue came up that involves two images on the homepage when viewed on mobile devices. These images are linked ...
10
votes
6answers
437 views

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

I'm working on porting a website copy from old system to new. One item of content has me flummoxed as to what to do with it. It is a mathematical formula, written in english. However, it is saved as ...
10
votes
2answers
30k views

How to make a button look disabled

Hopefully this isn't too specific for here. I have the following button image that I use on my site Here's an example with text: This is rendered using the following CSS: input.borderlessButton { ...
10
votes
2answers
2k views

Caption below or above image for navigation purposes?

It was already discussed here that for layout purposes, where images and video appear on a web page, ordinary captions are probably best placed below the graphic — largely due to convention. I want ...
10
votes
5answers
248 views

Using a back panel image as navigation

I wanted to get some opinions and feedback on using an image of a back panel for navigation. In our current UI we have a setup of a appliance. The appliance has a number of ports and some need to be ...
9
votes
2answers
465 views

Best way to show user image is being process by the server

I have an App that takes images from the users for a beauty competition. I use Amazon EC2 to process the images and SQS to queue images being processed. Right after the user upload when they go to ...
9
votes
5answers
31k views

Progressive vs. Optimized jpegs

I know that progressive jpegs download in multiple passes, and optimized are smaller (and thus faster to finish downloading), but does anyone have any hard data or best practices on which type users ...
9
votes
3answers
10k views

What's a good icon/paradigm for a “show/hide” toggle button image? [closed]

I need to give an option to show or hide certain detail. What's a good pair of icons for "show/hide"? Sorry, let me clarify. I am going to use it in a MS Office Ribbon style navbar at the top. The ...
8
votes
1answer
758 views

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

I'am developing an Android Application for tablet sized devices. The goal of the application is to create an infographic resume. Therefore the user has to deal with some form-like views to achieve a ...
8
votes
3answers
1k views

How to best deal with many thumbnails in a product image gallery

We have an image gallery with thumbnails that can be clicked to reveal a larger version of them in a viewport. Here are some conditions that the layout needs to meet: The Gallery has to cater to ...
7
votes
8answers
2k views

How to visually suggest to the viewer that there is more than meets the eye in a elegant, neat looking way?

From a user experience design point of view, what would be a good way to let the viewer know, or better said, I want the user to "get it as he sees it" without further explanation that what I am ...
7
votes
8answers
744 views

How to modify an image to make it clear it's an image (and not a clickable button.)

The image has a button in it, as we're referencing another part of the site to show customers what they can expect, and what to look out for site-wide. What is a good way to modify the image to ...
7
votes
4answers
1k views

Spinner vs Blur for image loading in 2017?

My client is a photographer, his website contains 3 types of images: 1) Homepage Full screen background gallery images 2) Gallery slider images 3) Blog posts with images I can't decide which ...
7
votes
4answers
2k views

Placeholders for missing images

If a data source doesn't contain images for certain items, what is the best way to indicate that the image used is a placeholder image? The type of placeholder image would probably alter dependant on ...
7
votes
2answers
3k views

Why do some patterns flicker in strange colors while scrolling? [closed]

This image (source: Guardian Business) exhibits strange behavior when scrolling on some browsers. At 100% in Safari (on OS X on an LCD display), it flickers red when scrolling; at some zoom levels it ...
7
votes
3answers
8k views

Best Practice for Responsive Website Header

While working on converting an outdated website to be more responsive I came across a concern with the website header. The client wants to keep their large graphic (both image and text are 1, not 2 ...
7
votes
2answers
692 views

Picture upload vs. gravatar

Comments are an important part of a magazine project that I'm work on, even being featured extensively on the front-page itself. For this reason, commenters are not only required to be logged in but ...
7
votes
3answers
328 views

Using stock imagery with sensitive subjects

Something I've always wondered about is what effect would bad stock photography have on the user for sensitive subjects. I'm talking cheap, literal and cliche. I personally find this type of thing ...
7
votes
4answers
391 views

How big should an image be on a computer for you to clearly see someone's face?

I have a website where people need to be able to clearly see each other. What is the smallest that say, a PNG, could be, while allowing the viewer to clearly see the features of a face?
6
votes
7answers
19k views

Aesthetic way to hide ones face [closed]

What could be solution for hiding/ obscuring the face of a person on a photo. The need is to protect privacy, yet still keep the image visually attractive.
6
votes
5answers
1k views

Are these religious icons clear enough without supplementary labels?

Given this UI (in HTML), do I need to put texts beneath the large images, or is the small image displayed in the lists enough to make the connection? Conclusion The client has signed off on the ...
6
votes
6answers
8k views

Are higher-resolution images always better?

I have had this perception that for a given size, higher resolution pictures will always look better than the lower ones. But on this link in StackOverFlow I read something different. So my ...
6
votes
4answers
2k views

Should we keep image popup after page refresh?

Simple scenario: User visits site and clicks on small image to enlarge it - large image opens in popup with transluscent dark overlay. When user refreshes the page or shares the link, should the ...
6
votes
6answers
526 views

Default images in search result

Should search results with missing images use a placeholder, or fallback to textual data available on boxed/grid view mode? I feel that using image instead of data when available makes result look ...
6
votes
2answers
845 views

Modifying images for mobile sites: scale them or cut them?

This is the first time I design a website that has a mobile version. This is the original size of the images (well, they are a little bit bigger): This is the size when they are displayed in mobile ...
6
votes
7answers
366 views

What websites present artwork well? [closed]

I was wondering if anyone had seen some exceptionally good layout design in presenting a variety of paintings. My go-to resource so far has been the MOMA, but they are a little cluttered for my taste. ...
6
votes
5answers
273 views

Best Practice for video start image

Should a video player (on load / idle mode) always only show a still picture that was 'grabbed' from the video? Or would it be ok-practice or even better-practice to show a photo, that is somehow ...
6
votes
2answers
642 views

What menu strip items and other controls deserve their own icon?

I'm creating an application which has buttons and menu strips everywhere. I have icons for nearly object (from icons to menu strips). The problem is, I want my application to be professional and I'...
6
votes
1answer
374 views

Screen resolution causing wave effect in background image

I'm in the process of developing a website that is reminiscent of an old CRT monitor. To achieve the effect, I've taken an image that consists of a horizontal black line and a white line repeating ...
6
votes
4answers
1k views

Why are image captions so compelling that they get read 300% more than body copy?

"Captions under images are read on average 300% more than the body copy itself". http://blog.kissmetrics.com/shocking-truth-about-graphics/ My research tells me this finding comes from David Ogilvy, ...

1
2 3 4 5 6