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

learn more… | top users | synonyms

2
votes
1answer
41 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
59 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
50 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
39 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 ...
20
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
96 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
37 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
57 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
55 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
115 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
141 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
125 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
101 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
103 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 ...
23
votes
10answers
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
49 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
53 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
231 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
204 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
66 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
394 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
127 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
159 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
95 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
170 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
90 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
339 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
160 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
468 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
451 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 ...
0
votes
0answers
35 views

Type on image vs. type on standard background

Does anyone have any research or a/b testing regarding whether people are more likely to read and retain information when type is on an image as opposed to a standard background? I'd imagine that ...
1
vote
1answer
76 views

New website restructuring, deleted resources on other sites [closed]

We are doing a complete overhaul of our website a fresh install of wordpress and new theme. In the process we will be removing everything from our root web directory and starting fresh. Over the past ...
2
votes
2answers
66 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 ...
3
votes
2answers
2k 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 ...
0
votes
2answers
96 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 ...
2
votes
2answers
89 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 ...
1
vote
3answers
118 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 ...
2
votes
2answers
62 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 ...
0
votes
1answer
109 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 ...
1
vote
1answer
285 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 ...
0
votes
3answers
92 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 ...
6
votes
6answers
361 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 ...
0
votes
1answer
48 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 ...
2
votes
1answer
500 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 ...
2
votes
1answer
284 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 ...
-1
votes
1answer
95 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 ...
0
votes
1answer
151 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 ...
0
votes
2answers
80 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 ...