a picture appearing as an element in a UI. Usually photographic rather than a drawn representation.
9
votes
2answers
281 views
Best way to show user image is being process by the server
I have an App that takes images from the users for a beauty competition.
I use Amazon EC2 to process the images and SQS to queue images being processed.
Right after the user upload when they go to ...
7
votes
3answers
123 views
How to best deal with many thumbnails in a product image gallery
We have an image gallery with thumbnails that can be clicked to reveal a larger version of them in a viewport.
Here are some conditions that the layout needs to meet:
The Gallery has to cater to ...
9
votes
5answers
191 views
Using a back panel image as navigation
I wanted to get some opinions and feedback on using an image of a back panel for navigation. In our current UI we have a setup of a appliance. The appliance has a number of ports and some need to be ...
0
votes
0answers
41 views
Free tool for capturing a dynamic action in the browser in the form of an image? [closed]
What free tool is available for capturing moving screen shots like the one below in the form of images? I found that Jing is a great free tool for taking screen shots and then annotating them but it ...
6
votes
7answers
461 views
How to visually suggest to the viewer that there is more than meets the eye in a elegant, neat looking way?
From a user experience design point of view, what would be a good way to let the viewer know, or better said, I want the user to "get it as he sees it" without further explanation that what I am ...
0
votes
2answers
151 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?
4
votes
5answers
117 views
Best Practice for video start image
Should a video player (on load / idle mode) always only show a still picture that was 'grabbed' from the video? Or would it be ok-practice or even better-practice to show a photo, that is somehow ...
0
votes
3answers
92 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 ...
6
votes
4answers
292 views
Should we keep image popup after page refresh?
Simple scenario: User visits site and clicks on small image to enlarge it - large image opens in popup with transluscent dark overlay.
When user refreshes the page or shares the link, should the ...
-1
votes
2answers
120 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 ...
5
votes
3answers
336 views
Should the image popup be closed when clicking on image?
It is obvious that we close popup when we click on dark area, on close button, or press escape key. But should we close it when we click on center image?
Let's assume that there are three scenarios, ...
5
votes
2answers
212 views
A modern image gallery: fluid or elastic?
I am new to UX and IA and everything about interface and solution design. I need to do a simple image gallery based on grids. I read about responsive design and media queries.
Ok, in wide screen i ...
4
votes
2answers
69 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. ...
0
votes
1answer
160 views
Designing a marker pin for google map
A marker that is placed on a googlemap as a overlay needs to be designed so that the pin point lies exactly on the point that you specify to place it during coding.
Check the example below, the ...
10
votes
2answers
217 views
Caption below or above image for navigation purposes?
It was already discussed here that for layout purposes, where images and video appear on a web page, ordinary captions are probably best placed below the graphic — largely due to convention.
I want ...
0
votes
1answer
59 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 ...
2
votes
3answers
157 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 ...
1
vote
2answers
203 views
Is it bad ux if images on a web page are 'longer' than user's screen size?
First, some background. Most of the big images I see on the web, especially those in articles, are usually 800x600 pixels in size. Is there any reason for this, especially the height? (e.g. ...
7
votes
3answers
205 views
Using stock imagery with sensitive subjects
Something I've always wondered about is what effect would bad stock photography have on the user for sensitive subjects. I'm talking cheap, literal and cliche. I personally find this type of thing ...
5
votes
2answers
127 views
Image Search results: to crop or not to crop?
I'm currently working on a search engine displaying image results. We are currently stuck on choosing the best way to display image thumbnails.
On mobile, major search engines (Google, Bing) tend to ...
5
votes
6answers
422 views
Are higher-resolution images always better?
I have had this perception that for a given size, higher resolution pictures will always look better than the lower ones.
But on this link in StackOverFlow I read something different.
So my ...
1
vote
5answers
247 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
124 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..) ...
6
votes
2answers
160 views
What menu strip items and other controls deserve their own icon?
I'm creating an application which has buttons and menu strips everywhere. I have icons for nearly object (from icons to menu strips). The problem is, I want my application to be professional and ...
-1
votes
1answer
254 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?
2
votes
2answers
189 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 ...
14
votes
3answers
485 views
Bad picture, or no picture at all?
I am currently rebuilding an e-commerce website from scratch. The design that has been created for the new site features a lot of large images, which looks pretty good. However: not all pictures in ...
3
votes
2answers
116 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
188 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
356 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
1answer
54 views
Where can I find graphics to use in printable worksheets I create and make available for download? [closed]
I'm looking to put up a website with worksheets that I make and they will need to have graphics in them. The worksheets will be available for download for free. Where can I find images that I can ...
4
votes
4answers
125 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 ...
2
votes
4answers
224 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 ...
-1
votes
2answers
99 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 ...
3
votes
1answer
135 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 ...
5
votes
4answers
174 views
Radio button groups with thumbnails
Please advise which of the following approaches is more usable:
Switching images, all captions are visible:
All images and captions are visible:
Swithing captions, all images are visible:
14
votes
5answers
432 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 ...
3
votes
3answers
134 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 ...
13
votes
5answers
469 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
1answer
103 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. ...
1
vote
1answer
107 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 ...
2
votes
1answer
107 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 ...
1
vote
3answers
151 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 ...
5
votes
2answers
112 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
81 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
175 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
325 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
158 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: ...
15
votes
5answers
419 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. ...
7
votes
8answers
1k 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 ...
