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

learn more… | top users | synonyms

19
votes
4answers
2k views

How to show user there's more photos behind a thumbnail image?

I am laying out an image gallery on a webpage and have several thumbnails of objects. How would I go about giving a visual clue that there is group of images behind each thumbnail? For example...lets ...
0
votes
3answers
56 views

Thumbnail with border or not

the question is pretty easy. What is better for the clicking rate. A thumbnail for a game with an border or with none ? (On a website) Do you have any experience with that ? Best Regards Marcel
1
vote
1answer
75 views

Form image selection (upload / gallery / default)

There is an image (1 img) selection option within a form with 3 choices: 1- User uploads the image from computer. 2- User can select an image from pre uploaded images. 3- User selects a default image. ...
1
vote
5answers
196 views

Are Animated Images considered bad UX?

I read that animated gifs are making a come back but when i saw this on a private business website to get attention to a new feature, put me off. Copy of the image : ...
1
vote
2answers
78 views

Is it bad UX to switch between galleries in a dialog window?

I'm a novice to UX and I'm looking for ways to prevent my game design portfolio from being bogged down by poor design choices. On one of my pages, there is going to be a table of several projects ...
2
votes
2answers
64 views

Are avatars needed where the user isn't the focal point of the product

I'm building an app where user's vote/rate on restaurant dishes. The objective for visitors in general is to find which dishes are worth trying/not trying. In a app like this should there be an option ...
0
votes
2answers
82 views

Image slider in Mobile Web Page

I am developing a responsive web page for a Fashion Brand and in my mock up I put a image slider to go through images of the products. Should I keep it in the mobile version or switch to a different ...
24
votes
11answers
1k views

Ways for a company to organize common/shared Icons Images and Graphics

Are there any common tools that are used to store Icons Images and graphics for a company wide audience? As a programmer I would store everything in git so people could update it and track the ...
0
votes
1answer
52 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 date or best practices on which type users ...
6
votes
2answers
3k 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 ...
1
vote
1answer
74 views

UX Guidelines for building a image's CRUD

I’m a usually a backend developer, but now im working in a private web project and i need some guideline for image’s CRUD. I’m building a website that the user can upload a few photos (max. 8) in the ...
1
vote
2answers
58 views

Instagram: Photo-viewing Experience

In its current version, Instagram does not allow users to view photos in full screen or zoom in on them. For an app/company completely based on viewing photos, this seemed odd to me, and I can't come ...
2
votes
1answer
57 views

Acceptable image resolution relative to native display resolution on high-PPI displays?

I'm wondering if there are any studies - or even anecdotal evidence - on what the acceptable resolution of images is on high-resolution screens (e.g. phones and tablets). Obviously, an image that's ...
0
votes
1answer
69 views

Cleanest method for images in form

I have a editable page that acts as a form, and was wondering how to incorporate images into it. Currently, it looks like this: Clicking on the spriteId or name fields that have a darker background ...
1
vote
2answers
501 views

Lazy loading an image-focused website

Is there any research or study that shows whether it is positive or negative to use the "lazy load"* practice on websites that focus on presenting images to the users (such as photo blogs, etc) ? Or ...
1
vote
1answer
59 views

Studies on image compression level and UX?

Recently, there has been an influx of data showing that sites improving the site performance saw a lift in conversion. For example, an in-house Walmart.com study found that, for every one second of ...
0
votes
0answers
65 views

Up and Down vs Left and Right scrolling/panning for image/publications/catalogues and why?

Up and Down vs Left and Right scrolling/panning for image/publications/catalogues and why? Currently, I'm working on an ios app, but would like to know when would it be a better idea to use left to ...
21
votes
4answers
1k 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
3answers
123 views

What is the best way of handling image uploads

I am working on a new project built on Bootstrap 3 and ASP.Net MVC 5. The layout of a project is heavily dependent on image entities (e.g. paintings). Like so: So registered users would create new ...
3
votes
4answers
962 views

Column sort-order specifier/indicator

EDIT: I should have mentioned the page I'm talking about. On a page that's just one humongous table, I have an img in each <th> that tells the user how the column is sorted; and he can click the ...
0
votes
2answers
42 views

Which are better: image sliders or image grids?

I'm desiging a site for a client that wants to implement and image slideshow on interior detail pages. I'm curious if people still use sliders or if an image grid would be best for UX. Thoughts?
2
votes
2answers
59 views

Which font to use when text in an image and image is zoomed out of / made smaller

I have an ad that looks fine when the web page is at 100%, but when the user changes the screen size, my responsive design takes over and while the image is still correct looking, the text has reduced ...
2
votes
2answers
67 views

Effect of an image avatar on user's work with comments

I am searching for some study about what is an effect of avatar images in discussion. It is definitely true, that comment with avatar image is better for user's recognition and orientation inside many ...
0
votes
2answers
61 views

How to build a web UI to configure (start/stop) a slide-show?

We just launched a (very) new website on which we strive to give to the user a top-notch immersive experience. Feel free to dig deeper on the site to get used with the mood around there. It seems ...
0
votes
3answers
129 views

Which gives heavier congitive load in grid on phone screen? Grid of images or grid of text? And which is faster to recognize?

Im creating an app where on main screen I'll present contacts. Im wondering if I should present them to user in grid view or table view. I assume that list view is probably faster. But if I choose ...
1
vote
3answers
116 views

Alternating images left and right: is the UX better than all on one side?

The site I'm working on is basically a brochure showing prospective job candidates about our non-profit organization and our city. I've done some research and cannot find any relevant information ...
2
votes
2answers
179 views

Should I still use Cover Flow?

I want to create an app for iOS sending (virtual) greeting cards to other users. Since the app is iOS only I thought about using a Cover Flow like representation of the various cards to provide a ...
1
vote
3answers
138 views

What is the usual website screenshot size and ratio?

I would like to show a list of website screenshots taken by an user. An user has to take a screenshot of its own website and send it though a form. Then I'll show all minimized screenshots in a list ...
2
votes
2answers
109 views

Profile image authority? (Facebook, LinkedIn or Gravatar)

There are various profile images available from APIs (such as Facebook, Gravatar, LinkedIn, etc). In some cases (many CRM systems for example), you can pull all of these images into your site via ...
14
votes
5answers
659 views

How detailed should a text alternative version of an image be?

Had a debate with a collegue recently about a accessible text alternative to an infographic we have. When they wrote the text alternative they wrote in detail exactly what was going on in the picture ...
0
votes
2answers
54 views

What should be dimensions of a grid of images for review be?

I am creating a webtool for image moderation (approve / flag / delete). My starting image set to review is about 200,000 with 400 images added per hour. The end users of this tool will be outsource ...
-2
votes
1answer
53 views

User interface of a simple single image detail view

I know this sounds generic, but I'm trying to find some clues and examples. What would be the best way to present a single image (about 1/4 of desktop screen size), along with some info (name and ...
4
votes
2answers
2k views

Does Computer mean Desktop and Laptops?

I'm creating a step-by-step chart which specifies to users that we suggest them to be on a desktop (or laptop) to properly use our system. It's a web browser system, and it uses extensive text input, ...
0
votes
1answer
367 views

Client Lists on website - Best practice: hyperlink to client or static image?

I have been looking for some supporting research on this with no avail, We are looking to update our client's page that displays logos. We currently have each logo and a hyperlink to each client, ...
1
vote
2answers
250 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, it is a better practice work with .png/.jpg?
0
votes
1answer
68 views

Retina images or not? [closed]

Do you use retina double size images or not in your webprojects. It looks good but the pageloading will be heavy. How do you think about this?
1
vote
3answers
99 views

Name for: thumbnail getting big and spreads text?

Is there a common name or plugin for the function when a thumbnail gets resized to a bigger image and spreads the surrounding text? It is similar to a modal view, but imho more user friendly. ...
2
votes
1answer
176 views

Best type of thumbnail?

Let's say I have an app that accepts images, and the user takes the above image. Now I want to upload it, and display a thumbnail of the image on my website. There are two ways I can have a ...
2
votes
2answers
172 views

How to visualize a large Neural Net?

How to visualize a Neural Net with thousands of input nodes and tens of thousands of connections? The image above does not have any connection values, but the visualization that I am creating does. ...
1
vote
3answers
126 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 ...
4
votes
3answers
132 views

Explaining to computer illiterate users - text vs images of text

I'm having difficulty explaining the differences between text and images of text (or text in images in general). I've stated that: When text is text, parts of the text can normally be selected and ...
2
votes
1answer
168 views

Should I provide an image for not found image?

As said in title. Should I intercept a broken link to an image, and provide to user a default image (with a big “not found” maybe, but always a valid image)? Otherwise is it better to leave the ...
5
votes
5answers
346 views

Radio button groups with thumbnails

Please advise which of the following approaches is more usable: Switching images, all captions are visible: All images and captions are visible: Swithing captions, all images are visible:
0
votes
1answer
92 views

How to handle user removing editable text from image?

I am working on in–browser editor for print products. The (relevant part of) workflow goes as following: User sees image (technically SVG file, loaded into page DOM). User can select certain ...
5
votes
11answers
1k views

Multitouch gesture Interaction: Beyond the pinches and swipes.

A mixed bag of interaction and expectation... You are using the photo app on the iP(hone/od/ad) you know there are a few familiar gestures to interact. Tap to select an image. Swipe left or right ...
1
vote
2answers
369 views

Do images (icons/glyphs) on buttons improve usability?

I'm working on a desktop application where most of the buttons just have text on them. Putting images (icons/glyphs) on the buttons does make the application look more attractive, but does it improve ...
0
votes
1answer
172 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 ...
6
votes
8answers
474 views

How to modify an image to make it clear it's an image (and not a clickable button.)

The image has a button in it, as we're referencing another part of the site to show customers what they can expect, and what to look out for site-wide. What is a good way to modify the image to ...
1
vote
1answer
30 views

Presenting floorplan data accessibly

On a website there is a page which gives details about building including hire data, contact info and other things that can be marked up semantically and accessibly. On the same page there is a large ...
1
vote
1answer
512 views

Add play button / youtube logo on thumbnails?

I have a blog where all articles in the front page are displayed in a masonry layout, with a thumbnail and a title beneath it. And you have to click them to read. Imagine BuzzFeed Now, sometimes I ...