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

learn more… | top users | synonyms

4
votes
4answers
156 views

In a blog article, how to subtly hint that some of the images link to bigger versions?

I published an article on the Cooking.stackexchange blog yesterday. I shot all photographs in a standard 3:2 side ratio, but when I inserted them whole, I didn't like the appearance. I asked for help ...
4
votes
2answers
244 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 ...
4
votes
3answers
150 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 ...
4
votes
2answers
98 views

How to place text and a gallery side by side without giving more relevance to one or the other?

I have some galleries and some text (2 o 3 word pages) attached to each gallery. Until now I've had a gallery and the text in two different pages, with a link bar to switch between one and the other. ...
4
votes
2answers
174 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
1answer
161 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 ...
4
votes
2answers
529 views

Empty Profile Pic options?

Wondering about a best practice for handling empty pictures for profiles. Surely one could just have a default silhouette, but on long list pages where most users do not have profile pictures this ...
4
votes
3answers
125 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 ...
3
votes
4answers
880 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 ...
3
votes
6answers
1k 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
4answers
984 views

Need smallest possible images for iPad that can zoom to 200% without losing quality

right now I'm using 2048x1546 images at 132dpi, PNG files. they look amazing but they are huge in file size. any tips on how to get around having such large images in both dimensions and file size? ...
3
votes
2answers
636 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 ...
3
votes
2answers
93 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 ...
3
votes
1answer
164 views

Allowing image upload vs linking images

So, I'm developing a forum and I'd like to allow people to attach images to their posts (1 image per post) if they want. Now, I could do this the way Facebook does, that is, if there is a URL in the ...
3
votes
3answers
173 views

Dynamically Resize Pictures

I have a set of different sized images of products that I want to display on my web page with four to a row. The issue is that because they are different sizes, I don't know how to display them ...
3
votes
2answers
1k 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 ...
3
votes
2answers
183 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 ...
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 ...
2
votes
2answers
2k 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 ...
2
votes
3answers
981 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
3answers
242 views

How important is it to show profile picture of a person in the header?

More and more social platforms have your name, after login, in the top right corner next to an arrow or icon where one can access settings, log out and other items. In many cases I also see the usage ...
2
votes
5answers
744 views

How can I indicate that images can be clicked on a mobile site?

I've created a mobile site with a portfolio page. On the desktop version, hovering the mouse over the images changes the mouse pointer to a finger indicating the image is hyperlinked. To try to get ...
2
votes
2answers
168 views

How to visualize a large Neural Net?

How to visualize a Neural Net with thousands of input nodes and tens of thousands of connections? The image above does not have any connection values, but the visualization that I am creating does. ...
2
votes
4answers
2k views

Progressive images = Better user experience?

Do progressive images give a better user experience generally for browser based web applications?
2
votes
1answer
155 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 ...
2
votes
1answer
269 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 ...
2
votes
3answers
238 views

Navigation for a Web Comic - Icons, or Thumbnails?

The typical webcomic navigation is usually: First | Previous | Next | Last Which is about how my comic's current navigation looks, give or take some wingding icons for good measure: There's ...
2
votes
2answers
164 views

Why are most lightbox galleries on the Web using a previous/next paradigm, instead of a vertical scrolling?

download bmml source – Wireframes created with Balsamiq Mockups The computer mouse allows to easily scroll vertically, so why are most of the standalone image viewers (lightboxes, etc..) ...
2
votes
4answers
335 views

Resizing a Chart

A system that I'm working on has a pane with a chart displayed under a table. The user can choose to resize the pane to see more of the table. However, when this happens, the chart gets squeezed ...
2
votes
2answers
171 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 ...
2
votes
1answer
73 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: ...
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 ...
2
votes
2answers
63 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 ...
2
votes
2answers
84 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 ...
2
votes
2answers
60 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 ...
2
votes
2answers
70 views

What to display when there is no admin-submitted image for categories and products?

I have an e-commerce store with products and categories. If the administrator doesn't upload a custom image of the product or category, what should be available to the user? a custom image with this ...
2
votes
2answers
92 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. ...
2
votes
2answers
107 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 ...
2
votes
1answer
168 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 ...
2
votes
1answer
481 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
266 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 ...
2
votes
2answers
218 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 ...
2
votes
2answers
392 views

Best organization option for handling a multi-level gallery or portfolio?

I am helping my cousin with a small web site for his custom upholstery business. On this site, there will be a portfolio section displaying images of his prior work. His work typically involves ...
2
votes
4answers
447 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 ...
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 ...
2
votes
3answers
261 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 ...
1
vote
5answers
216 views

Can users get angry if their posts get deleted automatically due to storage limitations?

I am making a web app similar to 4chan (for a very specific audience), but due to database storage limitations (currently at most 5 MB), the app needs to delete old posts by anonymous users to prevent ...
1
vote
4answers
283 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 ...
1
vote
2answers
315 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 ...
1
vote
3answers
108 views

Is there a name for the reflections used on Apple demo images?

If you look at the advertising image of any Apple product (just go on the apple homepage) you'll see that they all have the screen reflecting light in such a way that half the reflection is dark, the ...