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
1answer
30 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 ...
2
votes
1answer
57 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 ...
0
votes
1answer
83 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, ...
1
vote
1answer
50 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 ...
0
votes
0answers
27 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 ...
2
votes
6answers
268 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-...
0
votes
2answers
76 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 ...
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', ...
101
votes
15answers
20k 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 ...
1
vote
3answers
158 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 ...
1
vote
1answer
354 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 ...
0
votes
2answers
73 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 ...
1
vote
1answer
97 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'...
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 ...
2
votes
2answers
1k 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.
0
votes
1answer
51 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 ...
2
votes
1answer
197 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 ...
0
votes
1answer
52 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 ...
0
votes
2answers
2k 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?
0
votes
1answer
105 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 ...
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 ...
0
votes
2answers
416 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 ...
0
votes
1answer
60 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 ...
2
votes
2answers
191 views

Layers in editor for multiple images

I'm working on a desktop software that is in its core a simple image editor (apply filter, draw on image etc.) but the catch is that the user should be able to open multiple images, edit, and compare ...
0
votes
2answers
105 views

Why Facebook and Linkedin use a slider to scale/edit users' profile image instead of mouse middle button scrolling?

Our team is working on a product which has a feature that allow users to upload their avatar and edit it. Originally, we would like it to be like google (you can edit the size & position of the ...
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?
1
vote
2answers
42 views

Optimal method to serve detailed illustrations online while keeping performance high? [closed]

A site has about 85 detailed illustrations of a neighborhood (two sets in total - one illustration has a white stroke so user can tell its highlighted on hover). We are trying to determine the best ...
3
votes
5answers
777 views

Why put a picture immediately below the headline in blog posts?

I noticed that various blogs/news-sites tend to put a large picture relating to their post/article immediately below the headline. What's the benefit of doing this? I would assume that readers want ...
1
vote
2answers
277 views

What avatar / dummy user photo should be used in chatbot conversation

I am implementing a conversational web form for project requests. While I’m fairly certain that I should use one of our real photos for our account representative I’m uncertain what kind of dummy ...
1
vote
1answer
452 views

Best way to show the image is zoomable?

I have a design where an image can be zoomed in in a lightbox. What is the best way to do it on mobile (should you allow it on mobile at all) and desktop?
1
vote
1answer
377 views

Handling image slider navigation with a lot of images

What's a better way to handle navigation in a slider with a lot of images? I'm currently working on the behaviour of an image slider. The image slider will look like the wireframe in the image below. ...
1
vote
1answer
157 views

How to handle long loading of images in a gallery

I'm currently working on an image slider for mobile and desktop devices. The content of the slider depends on what the user uploads. In some cases users may upload large images (several MBs). These ...
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 ...
1
vote
2answers
90 views

Is it more important for images to be in a consistent location or display aspect ratios properly?

I have an app where users swipe through images, kind of a like a Tinder ui. The problem is that the images I use vary wildly in resolutions and aspect ratios. Is it better to have a set box that will ...
3
votes
1answer
73 views

With image sliders on websites, is it bad to not allow user the option to manually control it?

When implementing image sliders/carousels on websites, is it a necessity to put controls to allow the user to optionally click through the images if they desire, or is it okay to leave them ...
4
votes
2answers
67 views

Is it adequate UX to ask for a URL, cloud hosted or otherwise, for images in the Django admin interface?

I'm working on a Django project with data entry presently handled by the Django admin interface. I intend to provide my own interface as an adaptation of the Django admin interface concept to provide ...
2
votes
2answers
66 views

Best way to display the next batch of photos in a 3d carousel?

I have a 3d button that opens a row of curved images that form a circle around the 3d camera: The curved images start to stack one on top of another after reaching a certain number (since they form a ...
2
votes
1answer
73 views

Collage Designer App - Edit a single image

I'm currently developing a responsive web app that allows the user to create an image collage. The user has a pool of uploaded images that can be arranged in a predefined grid. The upcoming image ...
2
votes
2answers
578 views

Studies around default state of Crop Control on mobile/web

What is the best way to show the crop window? I have seen two popular approaches. A center aligned crop window which appears to be a random selection of the image. Or cropping handles are at the ...
2
votes
5answers
394 views

Text placed below or beside an image in web design?

I have noticed in many pictures of websites (theme demo pages) that generally text is below picture not beside. Is there any reason why many websites are using that kind of design? Examples of wp ...
1
vote
1answer
152 views

Align image on same line as text?

I'm a beginner at UX and have a question which may seem a bit dumb or silly. The situation is: A website which I am designing has a lot of text and images and I asked myself if it is smart to align ...
7
votes
2answers
653 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 ...
2
votes
3answers
186 views

Pinch to Zoom. Would it be necessary to label or indicate interaction with image

I have an app that allows for pinch to zoom in mobile version. This is a nice feature. Do you believe it is good practice to label or put instructions on the image to indicate it can be zoomed on by ...
0
votes
2answers
81 views

How can I tell users to put the word “IMAGE” where they want to insert an image?

In my iOS app, there is a text editor thingy. In the editor tab, the user can write stuff in Markdown and he/she can see the rendered Markdown in the preview tab. Now I want to add a feature that ...
1
vote
2answers
2k views

Optimal image size for retina - beauty image

We are supporting hi-res displays on our website. We also have large header/beauty images on each page, so I made them 1400px wide - under 350KB - JPGs. I think it's a good balance between quality and ...
10
votes
6answers
417 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 ...
0
votes
1answer
41 views

Intuitive understanding of CMS-Rights [closed]

I am working on a CMS and users have problems to understand the Rights. Every user registers automatically and have no right unless someone put him into a Rightgroup. A Rightgroup have 15 rights ...
3
votes
2answers
116 views

Best way to show that there are many viewable photos for mobile app?

I'm working on a design for an application that shows used cars. On the car details page, some cars may have many photos, and I'm not sure how I should show that there are more/many viewable photos. ...
1
vote
1answer
115 views

UI-solution for iOS/Swift

I hope that this kind of question is welcome here If not, please excuse me ! I have a TableViewController in iOS/Swift on top of the workflow: In my setup, this controller is use to update/add rows: ...
2
votes
1answer
179 views

What is the best way to align a paragraph beside an image?

The webpage has small paragraphs (5-6 lines) with images on the right of each paragraph. The text in paragraph is left aligned. The paragraph is not always as big as the height of the image that is on ...