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
35 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!
0
votes
1answer
48 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 ...
0
votes
0answers
50 views

Picture in article head

I have compared different daily newspapers websites. You usually start with one of the following page layouts [Headline] [Picture] [Bold Description] or [Headline] [Bold Description] [Picture] ...
0
votes
0answers
46 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 ...
0
votes
3answers
91 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 ...
2
votes
2answers
205 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 ...
5
votes
1answer
109 views

What message/instruction should be given for downloading an image for browser and/or tablet

I need users to download an image from my web app. For browsers that support the HTML 5 'download' attribute my Download button automatically opens the browser download window. However, users on the ...
4
votes
2answers
213 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. ...
2
votes
3answers
3k views

Best Practices for Caption Text for Images

Website in question is a long form content focused and will include inline images as per user input when they create their blog/ content entries hence number of images in post is not controllable. ...
0
votes
1answer
58 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 ...
6
votes
7answers
18k 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.
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 ...
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', ...
2
votes
1answer
59 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
95 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
59 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 ...
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'...
0
votes
0answers
28 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
279 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-...
1
vote
3answers
201 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 ...
0
votes
2answers
83 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 ...
9
votes
5answers
30k 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 ...
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 ...
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 ...
1
vote
1answer
615 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 ...
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 ...
1
vote
1answer
104 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 ...
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 ...
0
votes
1answer
53 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
323 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 ...
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 ...
3
votes
1answer
99 views

Does adding comments to photos really add to the user-experience?

I'm putting together an app where users can upload photos of dishes from the restaurants they visit. Right now I'm debating on whether or not to include the ability to comment. What I'm trying to ...
7
votes
2answers
689 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 ...
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 ...
3
votes
4answers
2k views

Progressive images = Better user experience?

Do progressive images give a better user experience for browser based web applications?
3
votes
5answers
2k views

Is it better to rasterize text into a header image or overlay it as text?

If you want to have a fixed header on a web page that also includes text, is it better to make that text part of the image, or to overlay the text in the header frame (such that the text is selectable,...
1
vote
2answers
803 views

What is the best practice for images on websites? [closed]

I am using right now svg images, because it looks great at any size, but not all the browsers has support for this. So, is it better practice work with .png/.jpg?
1
vote
1answer
417 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. ...
0
votes
1answer
53 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 ...
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 ...
0
votes
2answers
758 views

image first or text content first?

Lets consider the following senario: I'm building a website for a mobile application and I have to create a text/image walkthrough for new users. Should I set first the text content and then add the ...
0
votes
2answers
3k 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?
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
1answer
109 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 ...
2
votes
2answers
373 views

show comments and likes

In my page i will be loading images one below other. I need to show comments and likes below each image. But if there are too many comments then the images will move down. Is there any good method to ...
0
votes
2answers
484 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
62 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 ...
0
votes
2answers
107 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 ...

1 2 3 4 5 6