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

learn more… | top users | synonyms

1
vote
3answers
102 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 ...
1
vote
2answers
154 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?
1
vote
2answers
174 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
3answers
130 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
2answers
217 views

Good image to represent “Publishers” [closed]

I'm looking for a symbol or image to represent publishers. In most situations it will include the text "publishers", but nonetheless I would like the symbol to make some link. The best that I can ...
1
vote
1answer
274 views

funnel or checklist icon [closed]

I am looking for an icon to act as filter button (which on click will show a box with the filter options) So I've seen a couple of results on google for filter icon and I've only seen by now funnels ...
1
vote
3answers
193 views

How to manage categories within a rotating image display?

Here is the specifics: I am designing a website where the client wants to feature different services they offer in rotating images on the front page. There will be categories on the side of the image ...
1
vote
1answer
169 views

designing interface for choosing between two images

This is a general question about HCI. I was wondering what are some of the best examples of UIs you've seen that presents a user two images and has them choose which one of them is better. I have ...
1
vote
2answers
110 views

Combining rotation and straightening of images

Topic may seem weird as the two terms seem to mean the same. Clarification: Rotation: The typical way of grabbing a corner and pulling in the direction you want the image to rotate. Straightening: ...
1
vote
2answers
254 views

To scroll down or to use thumbnails, that's the question…while building a web portfolio interface.

What is more efficient: scrolling down or opening thumbnails? Which one would respect the user's patience the most?
1
vote
2answers
67 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
2answers
75 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
90 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. ...
1
vote
1answer
29 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
331 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 ...
1
vote
3answers
96 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 ...
1
vote
1answer
222 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 ...
1
vote
1answer
103 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
216 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 ...
1
vote
1answer
61 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 ...
1
vote
1answer
203 views

What kind of iconography or image could be used to denote Beginner vs. Expert users? [closed]

I'm looking to segment users to either go down a path where there is a wizard-like UI that walks the user through a process. The alternative is a path for advanced users who are already familiar with ...
1
vote
1answer
187 views

Easy way to let every-day users embed images, videos, audio files, etc. inside text?

I need to let users embed videos, images, audio files, etc. inside text. For right now, these videos will come from urls, but they might one day point to videos/images/audio files stored on the server ...
1
vote
0answers
113 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? ...
0
votes
5answers
469 views

Should app cache images or fetch them from server everytime in a mobile app?

I'm creating an Android app which is an on-device portal for installing applications. I'm currently storing the required images (apps and category icons) in an Sqlite database using base64 encoding ...
0
votes
1answer
149 views

How do I make my buttons with text look awesome? [closed]

I'm doing the e-commerce part of a site that a design firm started. They used a Mac and made their buttons look oh-so-nice: Unfortunately I don't have a Mac, and the kind of buttons I've created ...
0
votes
4answers
231 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 ...
0
votes
2answers
181 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?
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 ...
0
votes
3answers
89 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 ...
0
votes
1answer
117 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 ...
0
votes
2answers
66 views

Sorting images in images hosting and sharing website

We are building an image hosting and sharing website, there will be a page where user can see all photos uploaded by website users. In this page the user can sort the photos by votes, most comments, ...
0
votes
2answers
49 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 ...
0
votes
1answer
76 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, ...
0
votes
1answer
64 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?
0
votes
1answer
78 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 ...
0
votes
1answer
135 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 ...
0
votes
2answers
77 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 ...
0
votes
1answer
104 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 ...
0
votes
1answer
45 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 ...
0
votes
1answer
80 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
2answers
74 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 ...
0
votes
1answer
123 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 ...
0
votes
1answer
85 views

Should I let users tag everything in a photos website or just photos? [closed]

I am building a photo hosting/sharing website. I have a feature where users can tag their photos to be able to find and categorize them. In this website there are albums, slide shows and stories ...
0
votes
1answer
49 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 ...
0
votes
0answers
33 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 ...
0
votes
0answers
34 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
1answer
108 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 ...
-1
votes
2answers
267 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 ...
-1
votes
3answers
95 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 ...
-1
votes
1answer
754 views

How do I annotate a mockup image? [closed]

I need to specify colors, font-sizes, space between elements, sizes, etc right in a mockup picture for people who will work on a layout. What is the best way for doing it?