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

learn more… | top users | synonyms

1
vote
2answers
84 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
103 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
135 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
1answer
51 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. ...
0
votes
1answer
91 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
57 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
191 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
110 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
445 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
27 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
87 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
29 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
68 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 ...
0
votes
0answers
31 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
187 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
51 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
73 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
1answer
57 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
48 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
92 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
139 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
84 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
336 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
42 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
218 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
174 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 ...
0
votes
1answer
69 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
72 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
64 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 ...
5
votes
4answers
128 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, ...
1
vote
1answer
96 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. ...
1
vote
2answers
177 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 ...
4
votes
1answer
626 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
653 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
287 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
104 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
2k 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
421 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 ...
12
votes
3answers
491 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
74 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
98 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
140 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
430 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
125 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
91 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
166 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 ...
2
votes
6answers
564 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
89 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
172 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
273 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 ...