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

learn more… | top users | synonyms

1
vote
1answer
33 views

Is pre-loading images a good idea in my case?

I'm new to iOS app development and I'm facing this problem: In my app, 6 pictures are shown and then based on the user's action (right or left), 3 of them will be replaced with 3 new pictures. The ...
1
vote
3answers
51 views

Correct Use Of Alt Text When Image Is A Link [duplicate]

In a situation where an image is an important feature of the page, but also acts as a link to a page containing a high-res version, how should its alt tag be populated. In this instance it needs to ...
2
votes
1answer
54 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 ...
5
votes
7answers
2k 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.
3
votes
1answer
51 views

Image width and alignment in long-form content: Best practices?

The website in question is for long-form blog content. The body will include images that users input when they create their blog/content entries, hence the number of images in post is not ...
1
vote
2answers
51 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. ...
1
vote
2answers
64 views

Should I use client side cropping or server side cropping for profile picture uploads? [closed]

Building a upload profile picture system. Looking for a system to allow square images and allow user to select small part of large image (means need cropping). Also validate based on size and ...
4
votes
1answer
39 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 ...
0
votes
3answers
59 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
85 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. ...
20
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 ...
1
vote
4answers
223 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
89 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
65 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
93 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 ...
0
votes
3answers
86 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 ...
1
vote
1answer
81 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
63 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
67 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
71 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
1answer
62 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
77 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
137 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 ...
0
votes
2answers
44 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 ...
0
votes
2answers
63 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
136 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 ...
2
votes
2answers
191 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
143 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
113 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 ...
1
vote
3answers
123 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 ...
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 ...
-2
votes
1answer
54 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 ...
0
votes
2answers
57 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 ...
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
448 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
285 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
70 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
2answers
542 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 ...
4
votes
3answers
135 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
171 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 ...
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
182 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 ...
0
votes
1answer
93 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 ...
1
vote
2answers
386 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
177 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
478 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
544 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 ...