Skip to main content
Share Your Experience: Take the 2024 Developer Survey

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
0 votes
1 answer
52 views

Differentiating between uploaded images and to-upload images

When you press the "+" block, you can add images, which will appear as preview. In the screenshot below, the last photo (3) is a preview. How can I tell the user that it's not an uploaded ...
wyc's user avatar
  • 1,591
1 vote
1 answer
69 views

Best way to show error message for image upload in rich text editor?

Any good examples of sites/apps that solve this in an elegant way? I would like to show the error message in close proximity of the image upload button. Note: not the attachment link/button, but the ...
Mumas's user avatar
  • 421
1 vote
2 answers
84 views

What color to have on my delete buttons/icons in an admin panel

Hello guys im creating an admin panel where you can delete images. What color should I use on these buttons that are in the background of a photo? As you can see it doesnt look super great if the ...
magnus's user avatar
  • 25
1 vote
1 answer
132 views

Is it good UX to wait for all images to be loaded before displaying them?

Let's say there's a website or app with 20 images on the initial screen. For websites, we'd typically show images whenever they're available. Since the 20 images will likely all load at different ...
Leo Jiang's user avatar
1 vote
2 answers
104 views

Users will upload there images should they be 2x to cover retina screens?

I am designing an editor where the user will upload their own images. I have to give requirements to them. In sketch where I am designing the image size is 400x800 should I tell them to upload ...
Keano's user avatar
  • 71
1 vote
1 answer
99 views

To lightbox or not to lightbox?

Our website hosts alot of technical diagrams, graphs, pictures of models, etc. We're currently deliberating whether to lightbox the images or not. I have asked a handful of users who are typical ...
ryah's user avatar
  • 11
1 vote
3 answers
1k views

Ways to display images in a data table

I have data table to show, some columns are of type "image". Airtable, for example, displays images directly in the cells, but it makes the rows very thick : That thickness is not required ...
Emmanuel Meric de Bellefon's user avatar
1 vote
2 answers
60 views

How to add relevant visual interest to an online course listing?

A company sells online courses in the US that are state-specific. The course names are often very technical (due to state requirements) and the average user doesn't know which course they need until ...
Sam's user avatar
  • 41
1 vote
1 answer
1k views

Best practice for bulk photo upload on mobile

I am creating a mobile app app that will require users to upload multiple images. They must take pictures their rental equipment before then after the rental agreement is complete, for proof of ...
Joi's user avatar
  • 13
0 votes
1 answer
603 views

What is the best practice for an icon placeholder?

I'm designing a bunch of eCommerce themes which come with a design file - the file is a low fidelity version. In the high fidelity design there are various times when icons are used, for example: ...
Callum's user avatar
  • 1
2 votes
1 answer
359 views

Best DPI for iOS Apps? [closed]

If an image has a display size of 200 x 300 in an app (using the local coordinate system) I currently supply an image of size 600 x 900 at 72 DPI (3 times bigger), and the device shrinks it down so it ...
Johnny Rockex's user avatar
5 votes
3 answers
2k views

How to communicate that an image is clickable without explicitly telling that it's clickable?

Say I have an image that is meant to contemplate, not to attract click. However, if someone is interested in it, they can click on it to explore more. I feel that having an explicit text saying it's ...
Ooker's user avatar
  • 900
0 votes
1 answer
141 views

Material Design | Cards - Rich Media - Above Primary Title VS. Below Primary Title for a Card Grid?

I'm designing a website under Material Design guidelines for an online media organization. I'm designing right now a card grid where each card will include a rich media component. The page the grid ...
Gal Grünfeld's user avatar
2 votes
1 answer
392 views

Image comparison sliders and visual accessibility

I am creating an image slider for a site, and I am confused on how to successfully meet wcag requirements. Below is an example that conveys the idea of what I am creating. I have read a couple ...
frownyface's user avatar
12 votes
3 answers
4k views

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

For example, if a page's sole purpose is to describe the contents of an image (e.g a photograph of a document is displayed on the page, and the page displays the contents of the document), is alt text ...
Jefferson's user avatar
  • 263
0 votes
1 answer
357 views

Image grid with clear order and different aspect ratio

I am making an image grid which shows about 200 images and they are user submitted, so I do not know the dimensions of the images. Some are portrait. Others are landscape. Most are landscape. I have ...
Niels Brinch's user avatar
0 votes
1 answer
212 views

edit metadata in a bulk photo upload section?

I'm working on a production system with a feature for uploading ambiance images & tagging those images. The current UI flow for uploading & tagging three images isn't good enough when 100+ ...
Adva Dav Bar's user avatar
2 votes
2 answers
203 views

Should alt text be added to an image of a person for WCAG compliance?

Question I am trying to comply with the WCAG accessibility rules for alt text attributes. The decision tree at the following link explains when alt text attributes are required and when they are not: ...
srcerer's user avatar
  • 121
0 votes
1 answer
91 views

Can you name this UI Component? [duplicate]

I wound call this Curtain slider. What's the proper name for this component? https://electrek.co/2020/08/14/tesla-cybertruck-electric-pickup-working-replica-inside-out/
Hyde Luo's user avatar
0 votes
4 answers
284 views

Why do nearly all the social media platforms have nearly the same layout for "user's post" and how can I implement similar layout in my design?

So I am making an art sharing app ( image sharing ) and have noticed that nearly all the existing social media platforms have similar layout for user's post. e.g. Facebook Instagram Twitter Now as ...
saonnet's user avatar
2 votes
2 answers
83 views

Image gallery multiselection tips

I'm making a gallery of images in a grid and I have a few concerns. The user is able to see metadata when hover over a picture and also select multiple images. Hovering over an image Selecting an ...
Pithikos's user avatar
  • 121
1 vote
1 answer
131 views

What is best practice for images in mid fidelity designs?

Can a mid-fi design have photos or do they absolutely have to be image place holders? Can black and white photos be used? Any resources about convention for mid-fi images is helpful. Thanks!
jeancode's user avatar
  • 225
2 votes
1 answer
260 views

UI component or design pattern for juxtaposition of images for comparison

This was a design concept/pattern that I first saw in use for an interactive on a website to show the before and after images of a natural disaster event. Since then I have seen it pop up in a couple ...
Michael Lai's user avatar
  • 27.3k
3 votes
2 answers
303 views

How to prompt your users to provide alt text for images?

We have an input field where the user can choose an image to upload, and if they select an image, they must provide a alternate text for the image so blind users can understand what the image is about....
Phiter's user avatar
  • 131
1 vote
1 answer
73 views

Design guidelines for open in new tab - Hyperlink vs Image

I am designing a website which has lots of 3rd party web services dependency. Hence user need to constantly switch to those site for validation - like using Oauth services, which will redirect back to ...
Bishal Ghimire's user avatar
4 votes
2 answers
346 views

Images look bad with perfect paragraph width

I'm working on a WordPress template and trying to maintain perfect line width of ~70 characters. My blog has a lot of posts and most of the post contain at least one image per paragraph, usually more. ...
Wordpressor's user avatar
0 votes
1 answer
715 views

What file enforcement should be set on file upload for best user experience?

We make website and we want our users to do things as they are supposed to. But it's not like everyone knows everythings... I'm creating a website ashiane.house that suppose to allow user to share ...
Hassan Faghihi's user avatar
2 votes
1 answer
103 views

Is it common practice to use separate identical images of different resolutions for different screen sizes? [closed]

From a design perspective is it more common to use different size images for say desktop and mobile or is it more common to use the same image for each and display them in different size using css or ...
C_B's user avatar
  • 935
0 votes
1 answer
113 views

In this design should title precede image or vice versa?

I created two designs in Balsamiq, in the first one the titles "International Flights/Domestic Flights" come on top of their corresponding images and in the other one it is the other way around. Both, ...
Faezeh Bahmani's user avatar
1 vote
1 answer
87 views

Mobile product page image gallery - what should be the default zoom state?

For example, there is product page on mobile website or app that looks like this: User taps on image to zoom it in - what should happen? Should it fit into viewport, like this: Or should it fill ...
Marvin3's user avatar
  • 251
1 vote
1 answer
64 views

Should we keep images on a Lite app in the food delivery domain

I am doing an exercise to construct a 'lite' mobile app version of an existing food delivery mobile app. I was wondering if it makes sense to show the images of the food items on the app or to remove ...
Keval Doshi's user avatar
2 votes
6 answers
398 views

Is it okay to have 300 large images on the home page of a website?

I'm developing an e-commerce site and there are about 200-500 products available for sale. We want to show a 100KB .jpg for each product on the home page. So the home page would essentially load 200-...
Ryan's user avatar
  • 191
0 votes
2 answers
104 views

Images in Email Campaigns

Overview: I am building a UX report on best practices for creating emails for marketing campaigns. One recommendation I am providing is to build your designs without images and then add them after the ...
Bromox's user avatar
  • 589
256 votes
16 answers
104k 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', ...
user avatar
107 votes
15 answers
26k 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 ...
Zeta Two's user avatar
  • 1,091
1 vote
3 answers
356 views

images loading on scroll experience

Traditionally I have created sites where the images all download at once, but you often see sites where the images only download once they are scrolled to and in view in the screen. I presumed this ...
Source's user avatar
  • 2,363
3 votes
1 answer
2k views

Android app: informing users that an image is clickable

I have an Android app. In its help section, there are some images that are clickable and if clicked user can see more information. And there are images that are not clickable. Other than adding a ...
user117180's user avatar
0 votes
3 answers
103 views

Best way to denote possibility of refreshing an image which is embedded in text in Android

In an Android application, I have to display images during texts. For example: So image must be a part of text without border, shadow, ... or with button effect. Problem is that sometimes image does ...
hasanghaforian's user avatar
1 vote
1 answer
123 views

Is a title attribute still required for imagery?

If an image is featured on a landing page and isn't a hyperlink, is it still relevant to make use of the title attribute? I'm seeing less and less websites make use of it and with mobile websites it'...
Ben D's user avatar
  • 19
47 votes
8 answers
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 ...
sclarke's user avatar
  • 1,885
3 votes
2 answers
3k views

What is the material design guideline for placeholder images while loading from the network?

I couldn't find any guideline for this in the spec.
Veneet Reddy's user avatar
0 votes
1 answer
62 views

Effect of fuzzy images/text on the user

My logic in my head is saying if a page contains fuzzy/pixelated images or text then this will put an element of distrust in the users head. This can occur from designers or developers using an image ...
sclarke's user avatar
  • 1,885
5 votes
1 answer
1k views

How to display a grid of images that have different aspect ratios? [duplicate]

If I have a grid of images, let's say political cartoons, that have differing aspect ratios and cannot be cropped, how can I display them in a grid or even linear fashion? This is for a newspaper ...
Dan Gayle's user avatar
  • 303
1 vote
2 answers
668 views

Should user uploaded images have alt tags?

Situation Our product has a messenger where you can upload images. We want our product to be accessible. However, user uploaded photos may not necessarily have alt= tags in them. What do we do? ...
Michael Rurka's user avatar
0 votes
1 answer
64 views

How to visually represent 2 kinds of events (one time and repeating)? [closed]

There are 2 kinds of events: the single event, which once you finish it, it disappears (e.g. a workshop) the repeating event, that stays alive after you finish it (e.g. work or classes) I'm ...
Daniel's user avatar
  • 103
0 votes
2 answers
16k views

Drag image here, drop image here, or drag and drop image here? [closed]

Are there any objective reasons to choose one of the below options? I don't know whether to go with drag image here, drop image here, or drag and drop image here?
Oksi's user avatar
  • 847
0 votes
1 answer
314 views

How to indicate that clicking a photo will open a slideshow?

I have a page which has a hero image. When the user clicks on this image a lightbox opens which contains a slideshow of images. I want to indicate to the user that they can click on the image to ...
sol's user avatar
  • 549
8 votes
4 answers
2k 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 ...
Open up's user avatar
  • 93
0 votes
2 answers
623 views

When to use a hero image and when not to? [closed]

I want to understand how can I decide whether I should use a hero image or not. Hero images provide a strong communication to the first time visitors of the site/app with a call to action. But they ...
Vedant Agarwala's user avatar
0 votes
1 answer
68 views

The impact of visual cues on user response

Are there any studies that report the effect of using/not using visual cues to engage users and retain user attention? In my own application I have offer listings with a representative graphical ...
DroidOS's user avatar
  • 485

1
2 3 4 5 6