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

learn more… | top users | synonyms

3
votes
2answers
159 views

Displaying multiple large images at a time

I'm developing a desktop application which will show details of various types of aircraft. Previously, the application looked like this: When the user mouses over the image in the top right, arrows ...
4
votes
3answers
243 views

What is a suitable interface for exploring big images?

With the infographics fever there are a lot of big resolution images around the web. Usually, the designers are constrained to create them using long vertical formats otherwise it would be too ...
3
votes
2answers
569 views

Can poor image quality have a negative effect on user experience even though it improves the website's performance?

Can poor image quality have a negative effect on user experience though it improves the website's performance? We use 3 type of images on our website: Icons, logo, bullets Stock photos like real ...
-1
votes
2answers
103 views

Combine Kinects image and depth data

Playing with a Kinect, I wonder how the depth channel could be integrated /combined into the video stream? Update: I want to present both data channels to the users. How could I design this? What I ...
14
votes
5answers
557 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 ...
5
votes
2answers
533 views

Handling images larger than viewport in carousel-based gallery

I'm trying to figure out the best way to design an image gallery embedded in a lightbox. The gallery has thumbnail versions of each image in a carousel, and clicking a thumbnail brings that image ...
2
votes
0answers
112 views

Any library for Interactive possibly-changing image navigation? [closed]

There is a large repository of images. I want users to be able to navigate them fast or see small previews about the directory fast. There are many subdirectories (many similar images in ...
13
votes
5answers
696 views

How to indicate that an image is a link too?

I have a section in my website called "Techonology" that is not part of the main content where I put the logos of each technology used in the website (PHP, MySQL, Bootstrap, etc). But I'm searching ...
2
votes
2answers
212 views

How to manage photo tagging on a modal dialog?

I am developing a bookmarking service allowing users to save an image into a specific folder. Users can replace the original photo with a custom one from different sources (PC, Webcam, URL) Once the ...
1
vote
1answer
162 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
253 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?
7
votes
7answers
328 views

What websites present artwork well? [closed]

I was wondering if anyone had seen some exceptionally good layout design in presenting a variety of paintings. My go-to resource so far has been the MOMA, but they are a little cluttered for my taste. ...
1
vote
2answers
210 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 ...
6
votes
2answers
153 views

How do we design elements that feature unpredictably sized images?

There are contexts where a design needs to represent several items, each with inconsistently sized images. One example might be a customer database, where the customer's logo is an identifying ...
2
votes
2answers
88 views

Social Media-List of users, Images, effectiveness

I am developing UI/UX for my mobile app which uses Social Networking. Currently It downloads names and events of friends, to do that I download list of user's friend from social networks, i.e. ...
1
vote
1answer
200 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 ...
0
votes
5answers
451 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 ...
4
votes
3answers
171 views

Product image links

The scenario: customer navigates to the start page of a e-commerce book site, is presented with various offers on new books. Books is shown just by its fairly large cover. Example: ...
8
votes
8answers
2k views

Is 10 search results per page the best?

When there are a lot of search results they often are paginated. Most search engines I know show 10 results per page. I guess this was born out of an easy technical solution or habit. But I don't know ...
18
votes
5answers
1k views

Which is more likely to be read and processed: (related) text placed above or below an image/video?

I'm thinking about layout on pages where the main asset is visual — for instance, a photo of an item from the collection on a museum website, or embedded video as on YouTube and many news sites. ...
2
votes
5answers
1k views

Is it better to rasterize text into a header image or overlay it as text?

If you want to have a fixed header on a web page that also includes text, is it better to make that text part of the image, or to overlay the text in the header frame (such that the text is ...
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 ...
1
vote
1answer
256 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 ...
0
votes
1answer
148 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 ...
9
votes
3answers
837 views

Using country flags with currencies?

We are considering incorporating national flags into a currency selector, alongside ISO currency codes, like this: We are well aware we should not use flags for selecting languages because there ...
2
votes
3answers
252 views

corporate websites, stock photos, and intangible products

When I see a corporate website making use of stock photos, especially stock photos of supposed customers grinning their faces off or employees deep in thought, the site's credibility goes down a notch ...
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, ...
1
vote
2answers
181 views

Best image to convey 'Request Support'?

I'm working on a web application, one part of it has a table showing all the accounts a user has on a service, and allows them to click a button to request support with the account. The icon is ...
4
votes
2answers
651 views

Why do some patterns flicker in strange colors while scrolling? [closed]

This image (source: Guardian Business) exhibits strange behavior when scrolling on some browsers. At 100% in Safari (on OS X on an LCD display), it flickers red when scrolling; at some zoom levels it ...
6
votes
4answers
301 views

How big should an image be on a computer for you to clearly see someone's face?

I have a website where people need to be able to clearly see each other. What is the smallest that say, a PNG, could be, while allowing the viewer to clearly see the features of a face?
2
votes
2answers
166 views

With straighten, do we really need rotate?

Related to Combining rotation and straightening of images. Rotate: Grab a corner, drag it to its new location, rest of image follows. Straighten: Either click-drag-drop a line on a horizon, or click ...
1
vote
2answers
108 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: ...
2
votes
3answers
757 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 ...
4
votes
3answers
139 views

Interface for image editor app with many tools for small touchscreens?

I'm making an image editor app for phones with touchscreens. It will have tools that are similar to related desktop applications like brush, pencil, rubber, mask, smudge, crop, text etc. tools. For a ...
-2
votes
2answers
57 views

where to source images for Label makers or general images [closed]

I'm not an artist and do not have much time to spend on design in general. I have the need for a royalty free image of a Label/tag/maybe printer. I tried a few sites on google, but most seem to have ...
2
votes
3answers
857 views

Icon for “show image in lightbox” button (pictogram style) [closed]

The context is an image properties dialog in a CMS backend. Here the backend user has the option to let the website visitor see (a full-size version of the) image in a lightbox when clicking it. ...
2
votes
1answer
71 views

Labeling/categorization of image corner options

In a CMS backend-context under image corner options, how to label/categorize the options? Suggestions for formats (imagine the bullet points are radio button-like options) including a few presets: ...
7
votes
3answers
5k views

What's a good icon/paradigm for a “show/hide” toggle button image? [closed]

I need to give an option to show or hide certain detail. What's a good pair of icons for "show/hide"? Sorry, let me clarify. I am going to use it in a MS Office Ribbon style navbar at the top. The ...
2
votes
4answers
1k views

Progressive images = Better user experience?

Do progressive images give a better user experience generally for browser based web applications?
4
votes
3answers
540 views

Best icon to represent transparency? [closed]

What would be the best image/icon to represent transparency? It should be as compact as possible and fit in a 13x11 area. I see that I should add more information. I need this image/icon to be ...
1
vote
3answers
190 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 ...
2
votes
2answers
1k views

What is the best way to center images in websites? [closed]

Every time I work on a new project I do not have any problems to center the text using "text-align: center" to center the text, but I have never seen a similar code to center images so I always have ...