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
4 votes
3 answers
14k views

Standard headshot and thumbnail dimensions and width/height ratio

Is there a preferred size and ratio for images that represent a headshot/mugshot of a person? I have a project where we're taking photos of people, generate thumbnails, store the thumbnails and print ...
Adam Plocher's user avatar
0 votes
2 answers
1k views

In a news article should the full-width image come before the H1, or after?

For a public-sector site (local government site, that sort of thing) there will be a section for latest news. This could be blog articles, it could be informational posts etc. These posts will have ...
JonW's user avatar
  • 37.4k
4 votes
2 answers
240 views

How to structure a form within a tab?

I'm developing a online clothing store where the user could save their measures of the body in the cloud, so we'd calculate the size of the garment automatically. Then I have a form to do this which ...
mllamazares's user avatar
1 vote
3 answers
335 views

Making users upload vertical images into a horizontal container

How can I improve the experience for the uploader & viewer when dealing with a horizontal container and a vertical image (uploaded by a user)? I would like to avoid scaling and centering the ...
Jackson's user avatar
  • 11
3 votes
2 answers
101 views

Order of multiple photos and text in articles

I've read on previous questions here that it's generally better to have this order when organizing photos and relevant text together. [photo] [text describing photo] I don't have a problem with the ...
Arkuen's user avatar
  • 380
1 vote
1 answer
193 views

Is it plagiarism to copy style images from other site?

I may start working on a fan-site for a popular game franchise. I was wondering, if I were to attempt to match the images of the official website (such as borders/buttons/graphics), but not the layout,...
DoubleDouble's user avatar
1 vote
1 answer
770 views

Master Detail view with a Table Master view [closed]

I have the necessity of using a Table view to show the contents, including an image. Clicking on a row would display the detail view with all the text elements in a Form layout. Functionally, I am ...
StoopidDonut's user avatar
0 votes
3 answers
141 views

Allow Multiple Instances of a Page

On my UI, I want to have any option/icon so that user can show that this page can be copied or not e.g: The sample that I have decided so far is that when user hovers over the page, "allow multiple ...
Ayse's user avatar
  • 698
6 votes
6 answers
666 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 ...
user20301's user avatar
0 votes
1 answer
68 views

Best way to place images on a over a backgroung image

I am trying to place an image over an area I already applied bg-image to. The image on top looks and feel overpowering, it also make the page a little bit empty due to the change in contrast. If I ...
hello's user avatar
  • 265
2 votes
1 answer
909 views

Make image clickable to change it or add dedicated button

I have a design question for iOS development. I am building this app where a user can set a profile picture and also "before/after"-pictures. From a design perspective, I wonder whether it is a good ...
user45538's user avatar
  • 121
2 votes
1 answer
1k views

Gallery Lightbox

What do you think of letting one image open a gallery instead of a single image where one can show next and previous (regular lightbox)? I'm thinking something like this: ...or something like this: ...
Tommie's user avatar
  • 251
-1 votes
1 answer
152 views

How long to keep images on news articles [closed]

How long should one keep images of old articles? I am working on a news site that has millions of articles and every single one has a featured image. Because of that, the site size is becoming too ...
Radi's user avatar
  • 537
0 votes
1 answer
387 views

Negative Effects on UX from Text on Images [duplicate]

Jakob Nielsen in "Eyetracking Web Usability," recommends against placing text on top of images or textured background in advertisements because only 35% of people will look at it. Is there any other ...
Leslieinva's user avatar
0 votes
2 answers
1k views

Is there an optimal timing for gif animation [closed]

I have a few 500px by 400px .gif files that contain slideshow-like animations to describe how my website works. I set the frames to change between the rate of 500ms and 1000ms. I am wondering what is ...
Question Overflow's user avatar
7 votes
4 answers
2k 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, ...
ccnokes's user avatar
  • 363
2 votes
1 answer
217 views

Why do some websites only allow you to see a small portion of the full size product image? [closed]

Is it so that you can't steal the image or is there more to this? I personally prefer seeing the full resolution image at once instead of trying to analyse a small image with a magnifying glass. ...
Joan Venge's user avatar
1 vote
2 answers
647 views

Lightbox Gallery Thumbnail Indicators

I have a CMS-based website with the ability to add lightbox galleries to blog posts. Galleries can have one or more images and will be represented in the body of the post by a thumbnail of the first ...
Brian Whitton's user avatar
14 votes
3 answers
57k 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 { ...
user avatar
13 votes
5 answers
23k 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 ...
kBisla's user avatar
  • 1,949
2 votes
4 answers
2k views

Slideshow gallery vs plain images

I'm working on a CG marketplace and I was wondering what would be the best way to represent the images on the products page: a slideshow gallery or just plain images, one after another. Slideshow ...
slownage's user avatar
1 vote
1 answer
312 views

How best to display a picture comparison in IOS?

SO I want to allow my user to compare two pictures and decide between one or the other through a thumbs up/down. I also have a list of these, so there are multiple 'cards' with this comparison and my ...
praks5432's user avatar
  • 111
7 votes
3 answers
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 ...
Courtney Jordan's user avatar
12 votes
2 answers
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 ...
Kavi Siegel's user avatar
19 votes
3 answers
12k 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 ...
JonW's user avatar
  • 37.4k
3 votes
1 answer
1k views

Maximum Profile Image Size

I need to store profile pictures on our servers. The profile pictures will be used on the web and mobile devices. The largest use is 400 x 400 pixels. On high res devices that's 800 x800. Should I ...
stephenz's user avatar
  • 117
4 votes
1 answer
289 views

Big images preview

I am working on an application for sharing a scanner. I have a webform for all the settings, a "Scan" button, and a "Preview" button. When the user press "Scan" nothing on the interface changes. A "...
Emil Avramov's user avatar
7 votes
4 answers
4k 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 ...
Dave Haigh's user avatar
  • 6,151
6 votes
2 answers
2k views

"Click to Enlarge Image" help text

I was asked to add "click to enlarge image" helper text to an photo gallery and to stand-alone images, and it got me thinking as to whether or not this is an intuitive action. I personally assume at ...
Jacob Raccuia's user avatar
-1 votes
3 answers
105 views

CSS or Image for phone development [closed]

Considering how many screen sizes for Android, I am thinking should I put an image for toolbar or responsive background css image. I am developing a mobile web-site. CSS: Good for multiple screens, ...
Jackie Chan's user avatar
4 votes
2 answers
1k views

Clickable and non-clickable images on the same page

In my portfolio I have case studies, where I explain a bit of my projects and place images of different sizes along with the text. While in some smaller images the user is able to click and view the ...
Taly Emmanuela's user avatar
4 votes
6 answers
9k views

How long should an image carousel on a homepage wait before starting?

Assuming one has to go with an image carousel (see this question for reasons why this isn't the best UX to begin with), how long should the carousel wait before beginning and switching? I recently ...
enderland's user avatar
  • 712
3 votes
2 answers
110 views

How are alternating illustrations experienced?

In our website redesign we are considering using alternating illustrations at the top of each landing page. This was a suggestion from Marketing to make the pages a little more interesting for each ...
Jorrin's user avatar
  • 51
1 vote
4 answers
961 views

Ideas for a "Now" icon [closed]

Next to a date/time-picker field, what would a "Now" icon look like? I can't find any good ideas. The "Now" icon would be alongside a "Today" icon. When clicked, it would populate the field with the ...
Donald T's user avatar
  • 121
1 vote
4 answers
379 views

How to write info email on my website (Plain text or Image)?

Usually, info email will be provided in modern websites, either in contact page or on top of all pages, the issue here is spammer that can get the email (extract by regex or any other method), now, if ...
Akam's user avatar
  • 111
2 votes
2 answers
171 views

What to display when there is no admin-submitted image for categories and products?

I have an e-commerce store with products and categories. If the administrator doesn't upload a custom image of the product or category, what should be available to the user? a custom image with this ...
daniel__'s user avatar
  • 135
1 vote
3 answers
221 views

Best way to indicate that a slider caption & call-to-action box is attached to an image?

I am putting a slider on a client's site, and want a caption and call-to-action in a 'floating' box to the side, like this: They were concerned that they will have issues finding proper images with ...
Nathron's user avatar
  • 639
1 vote
3 answers
266 views

Is there a name for the reflections used on Apple demo images?

If you look at the advertising image of any Apple product (just go on the apple homepage) you'll see that they all have the screen reflecting light in such a way that half the reflection is dark, the ...
755's user avatar
  • 113
2 votes
3 answers
734 views

How important is it to show profile picture of a person in the header?

More and more social platforms have your name, after login, in the top right corner next to an arrow or icon where one can access settings, log out and other items. In many cases I also see the usage ...
Steven's user avatar
  • 201
1 vote
1 answer
76 views

Best way to divvy up screen space in pictorial article mobile app?

I'm working on an iPhone app that gives users access to image-heavy articles. We want to showcase the images--they're like the bread and butter of the app, so we're opting for a kind of scrolling ...
delugeon's user avatar
15 votes
2 answers
1k 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 ...
Graham Herrli's user avatar
11 votes
4 answers
485 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 ...
Courtney Jordan's user avatar
9 votes
2 answers
497 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 ...
momoterraw's user avatar
8 votes
3 answers
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 ...
Julian Krispel-Samsel's user avatar
10 votes
5 answers
252 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 ...
Gary Yuen's user avatar
  • 141
6 votes
1 answer
495 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 ...
George's user avatar
  • 163
13 votes
3 answers
649 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 ...
Patrick Allen's user avatar
7 votes
8 answers
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 ...
Flavius Frantz's user avatar
0 votes
2 answers
236 views

What kind of tool is this? What kind of image program? [closed]

What kind of program has been used to produce this mock-up image?
ilhan's user avatar
  • 105
6 votes
5 answers
303 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 ...
tillinberlin's user avatar
  • 3,230