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

learn more… | top users | synonyms

6
votes
1answer
2k 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 ...
9
votes
5answers
988 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 ...
2
votes
4answers
447 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 ...
0
votes
1answer
127 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 ...
7
votes
3answers
3k 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 ...
12
votes
2answers
527 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 ...
14
votes
3answers
880 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 ...
2
votes
1answer
269 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 ...
1
vote
0answers
121 views

Faster Image loading like facebook? [closed]

I noticed that, images on facebook loads probably in a little different way(besides resizing/cdn), like load part by part of the images and aggregate them into final image. Is my assumption correct? ...
4
votes
1answer
161 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 ...
6
votes
4answers
571 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
2answers
183 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 ...
-1
votes
3answers
96 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 ...
4
votes
2answers
244 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 ...
3
votes
6answers
1k 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 ...
3
votes
2answers
93 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 ...
0
votes
4answers
273 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 ...
1
vote
4answers
283 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 ...
2
votes
2answers
70 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 ...
1
vote
3answers
135 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 ...
1
vote
3answers
108 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 ...
2
votes
3answers
242 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 ...
1
vote
1answer
63 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 ...
12
votes
2answers
547 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 ...
11
votes
4answers
387 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 ...
9
votes
2answers
409 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 ...
8
votes
3answers
406 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 ...
10
votes
5answers
231 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 ...
6
votes
1answer
269 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 ...
13
votes
3answers
461 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 ...
7
votes
8answers
926 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 ...
0
votes
2answers
185 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?
5
votes
5answers
188 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 ...
0
votes
3answers
97 views

What would be general number of paragraphs before before deciding to add a picture to a mobile site?

I am working on a mobile site that discusses reasons for a problem. Some of the bolded statements are lengthy. So I am wondering if it might be better to break up paragraphs with images. If so if ...
6
votes
4answers
774 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 ...
-1
votes
2answers
304 views

What does ?v2 mean after a file extension [closed]

A site I get on allot has updated a few of their files, and I wanted to know the meaning of them. For example, their CSS, and majority of their images. Before their update, the file was called ...
5
votes
3answers
942 views

Should the image popup be closed when clicking on image?

It is obvious that we close popup when we click on dark area, on close button, or press escape key. But should we close it when we click on center image? Let's assume that there are three scenarios, ...
5
votes
2answers
330 views

A modern image gallery: fluid or elastic?

I am new to UX and IA and everything about interface and solution design. I need to do a simple image gallery based on grids. I read about responsive design and media queries. Ok, in wide screen i ...
4
votes
2answers
98 views

How to place text and a gallery side by side without giving more relevance to one or the other?

I have some galleries and some text (2 o 3 word pages) attached to each gallery. Until now I've had a gallery and the text in two different pages, with a link bar to switch between one and the other. ...
1
vote
1answer
355 views

Designing a marker pin for google map

A marker that is placed on a googlemap as a overlay needs to be designed so that the pin point lies exactly on the point that you specify to place it during coding. Check the example below, the ...
10
votes
2answers
652 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 ...
0
votes
1answer
121 views

Current recommendations: filesize of images and entire webpage?

What are the current recommendations for maximum file-sizes of inline img in websites? Is there an upper limit that the entire page shouldn't exceed if it is image-heavy? You often hear 0.5 MB ...
2
votes
3answers
238 views

Navigation for a Web Comic - Icons, or Thumbnails?

The typical webcomic navigation is usually: First | Previous | Next | Last Which is about how my comic's current navigation looks, give or take some wingding icons for good measure: There's ...
1
vote
2answers
332 views

Is it bad ux if images on a web page are 'longer' than user's screen size?

First, some background. Most of the big images I see on the web, especially those in articles, are usually 800x600 pixels in size. Is there any reason for this, especially the height? (e.g. ...
7
votes
3answers
258 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 ...
5
votes
2answers
261 views

Image Search results: to crop or not to crop?

I'm currently working on a search engine displaying image results. We are currently stuck on choosing the best way to display image thumbnails. On mobile, major search engines (Google, Bing) tend to ...
4
votes
6answers
1k 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 ...
2
votes
5answers
744 views

How can I indicate that images can be clicked on a mobile site?

I've created a mobile site with a portfolio page. On the desktop version, hovering the mouse over the images changes the mouse pointer to a finger indicating the image is hyperlinked. To try to get ...
2
votes
2answers
164 views

Why are most lightbox galleries on the Web using a previous/next paradigm, instead of a vertical scrolling?

download bmml source – Wireframes created with Balsamiq Mockups The computer mouse allows to easily scroll vertically, so why are most of the standalone image viewers (lightboxes, etc..) ...
6
votes
2answers
329 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 ...