Any technique for creating images, diagrams, or animations to communicate a message.

learn more… | top users | synonyms (3)

3
votes
1answer
81 views

What is the best way to visually indicate correct plug alignment with socket (hardware)?

I currently have a problem where users are not correctly aligning a plug with a socket on an electrical device, leading to the plug being forced and the pins breaking. Users have suggested putting ...
3
votes
2answers
49 views

Best way to show an applied variable across multiple plan information containers

I am trying to represent a variable that is set by a user that effects the cost of an item. The same variable would show on each applicable item block. Block may or may not be stacked as in the image ...
3
votes
2answers
318 views

What is the best way to display the individual results of a survey?

I'm creating a UI that allows a client to review the individual (and global, but that is for another time) results of a survey once it has been completed by another user. The question types are pretty ...
3
votes
2answers
1k views

How to visualize sentiment analysis of social media (ex: tweets)?

I'm trying to research potential ideas for visualizing sentiment analysis - specifically sentiment analysis of Tweets about a subject. I have some data and have bucketed the tweets into three buckets ...
3
votes
1answer
340 views

Feature Matrix: Compare Products by Date/Time Range?

Problem Statement It is common to allow a user to compare two or more products in a matrix that lists features/benefits down one axis and the selected products along the other. But how do you ...
3
votes
1answer
99 views

Seeking research and guidance: what is the maximum usable density of lines in a line graph?

I am seeking any guidance and hopefully published research for guidance about line density in line graphs. Here is a hypothetical example: I want to show a line graph depicting frequency of code ...
3
votes
1answer
363 views

Legacy Text Interface (e.g. Telnet) to GUI [closed]

I work in a very large, established company with a consistent philosophy of, "If it's not broken, don't fix it." The (large) division of the company that is responsible for maintaining customer ...
2
votes
2answers
286 views

Check-boxes vs. Icons

I have a table with hundreds of records. Each of the rows might have one or many check-boxes. Something that looks like this: download bmml source – Wireframes created with Balsamiq ...
2
votes
2answers
45 views

Best way to represent long sequences in responsive views?

I have this long sequence of elements following a path. They work OK in desktop views, but I was wondering how to deal with the orphan arrows (in green in the mockup) while still preserving the visual ...
2
votes
4answers
288 views

What is the best way to show complexity or difficulty rate?

We have a list of missions on one page. We want to highlight difficulty level so the user can choose depend on his skills or how much time do they have. Right now we have stars there. But it is more ...
2
votes
5answers
139 views

How to show one way is faster than the other?

There are three different ways to accomplish a task in my Java assignment. One is fastest one is slowest. However the actual time difference is in milliseconds(of course). The task at hand is to ...
2
votes
3answers
289 views

Infographics: show relationships between two sets and within them

I have two sets of objects, called "positive" and "negative". Objects are of the same type and can be compared, comparison results in real number from 0.0 to 1.0 (similarity). What puzzles me right ...
2
votes
3answers
220 views

Indicating relationships between multiple gauges or charts representing different views of the same data

The problem We have a need to show the status of a daily ingest of thousands of files coming from different senders. A quick mockup is this: The problem is that Ipsum and Dalore are just sub-views ...
2
votes
2answers
169 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
3answers
208 views

how to optimize candlestick charts from finance

I am learning how to make candlestick charts with my computers. There are a number of libraries doing this already, but I have worked from scratch. Here is my example. There seem to be variants ...
2
votes
2answers
217 views

Alternative method for displaying numerical data

I'm looking for alternative suggestions for displaying the following: download bmml source – Wireframes created with Balsamiq Mockups (Total = Available + In Use + Expired) One ...
2
votes
1answer
548 views

Graphic design critique parameters

I am working at a consulting company these days and I am having some issues with graphic designers I work with. Basically I have tested the graphic designers in various short projects for the ...
2
votes
2answers
1k views

Replacement for Grid or Table Data Visualization for Mobile Apps

What could be the best replacement for Grid data visualization in terms of displaying multiple data elements with same structure in mobile apps. To Elaborate..Well, lets say we have 10 rows and 5 ...
2
votes
4answers
71 views

preloading strategies for searching large amounts of data

So I have encountered a similar situation described as the one below. Lets day a sales person from Ford is shipping a new car to one of the thousands of rental car places they do buisiness in the ...
2
votes
1answer
81 views

What's the best way to show this particular data to a user?

I have information on a user's data usage. Currently, if they want to check it, they see a table: | Domestic in: x GiB | Domestic out: x GiB | Domestic total: x GiB | | International in: x GiB | ...
2
votes
2answers
304 views

Best way to display large dataset on mobile?

I am working on a website for the specific purpose of mobile first display of athlete data for the Highland games and looking for some UX help as far as how to display a large chunk of data with a ...
2
votes
3answers
161 views

How to convey “loading” along with an error message

In an desktop application that simultaneously displays media from multiple sources (video-wall), how would you reflect to the user that a specific source is currently unavailable, assuming that the ...
2
votes
3answers
419 views

How to let the user know that we have not enough data to render chart?

...in various charts like line, pie and column charts. What a message to show? In what place?
2
votes
2answers
55 views

Showing progress on activity over large time period

Background I am making a mobile app, where users need to perform some task N times a day. The target audience is women, with interest in healthy lifestyle (so not engineers who are comfortable with a ...
2
votes
1answer
45 views

Chart with an inverse latency axis

My app shows a scatter graph where the X axis is a number of actions (higher is better) and the Y axis is a latency (lower is better). When we have shown it to customers, they got confused because ...
2
votes
1answer
157 views

Time based activity feed aggregation - What time?

I am implementing a news feed similiar to Facebook's. Essentially, the feeds are stored as individual items: 1 Nov 2012 9:00 AM [John] was [tagged] in [photo album "Halloween 2012"] 1 Nov 2012 9:20 ...
2
votes
1answer
150 views

visualising session data

I'm recording Users session data for my sites. I record login and logout dates/times along with pages viewed and country codes of where they visited from. I'm having trouble working out which graphs ...
2
votes
2answers
107 views

Information Graphics vs Brand Awareness

I'm looking for some information on mapping color to graphs. To be more specific, I've got a bunch of graphs that represent Twitter, Facebook, LinkedIn and now Google+ in line charts. We've had an on ...
2
votes
5answers
218 views

How do you visually represent “progress” on a negative goal?

I may have some terminology wrong but I think the idea is sound. There are a variety of ways to represent progress when you are increasing a number and trying to get to some set number. Usually ...
2
votes
1answer
64 views

Visualisation of 10-12 star-based-items in a review site

I need to create a page with 10 or 12 items. Each item is a criteria for review that can be voted by the user between 1 and 4 stars. But, the problem is that it is a really strange visualisation to ...
2
votes
3answers
114 views

Visualizing structure and intermediate results of a computation

I have a financial desktop application and there are many places where different computations are performed and a single number (or a couple numbers) is shown as a result. Very often users are ...
2
votes
5answers
284 views

Way to display a lot of end-game data

I am building a web app for providing League of Legends players with a more detailed match history and statistics as well as an internal ranking system (for friends) and achievements, as well as an ...
2
votes
1answer
131 views

Colour status notification for admin

I have to design , a website for a inventory storage firm. The items that are displayed , have three different status 1) In the store 2) Outside 3) Under Process, When user , visits the homepage, ...
2
votes
1answer
239 views

Data visualization for small web projects

What's an example of good data visualization for a small web projects? I don't want to overwhelm the client. I must track progress, and keep stakeholders engaged. What I've got so far PERCENT OF ...
2
votes
2answers
201 views

Representing overlapping groups

I have a grid that represents a grid of seats. Each seat has several different properties (for simplicities sake, lets say seats are Standard or Advanced, with Advanced seats being more expensive). ...
2
votes
1answer
36 views

Capacity available representation? Percentages or coloured icons?

Currently, capacity available is represented using a single icon in green, yellow, or red (green = lots, yellow = some, red = low). Due to API changes, there is an option to modify this data to show ...
2
votes
1answer
255 views

How do I best deal with this information overload?

This represents a category of job times, which are broken down into timeframes. Timeframes have: Total (if fake is 0, shown without T, else with) Fake (hidden if zero) as F Built as B Scheduled as ...
2
votes
1answer
111 views

Examples of software that generates stuff based on templates and various inputs [closed]

We've just started thinking about a new product (to be used internally at a company) that: Takes in multiple inputs (hundreds) Has a large set of templates (thousands) Has a large set of previously ...
1
vote
3answers
161 views

What is a good and short way to convey that a product is available on a “Pay What You Want” scheme

So imagine a small piece of UI, only several pixels tall/wide, that displays a product's info. Usually this widget shows either something like $0.99 USD, BUY, or FREE in order to convey that it is ...
1
vote
1answer
305 views

How to indicate SubTotal and Total in a chart or table

I'm trying to indicate a Subtotal (83% in the image below) and then a total (83+17=100) below that. Options I'm considering (but don't particularly like): The "sum" line above 83% Making the second ...
1
vote
4answers
144 views

Is there a widely-understood visual metaphor for using part or all of an existing item to make a new one? [closed]

I'm looking to convey the following functionality to users: able to take part or all of an existing short text entry and make a new, related text entry from it. For example, if a user encounters the ...
1
vote
4answers
161 views

How to Improve this design, make people understand Accuracy?

I have a rough design for a progress report, primarily to be shown on the iPad. This is supposed to show what the kid is good at, and what the kid is not good at. Feedback I've received: It's ...
1
vote
2answers
89 views

Finding a label for items that don't fit into categories

I'm maintaining a reporting application. When displaying data, there is an option of displaying a certain number of items explicitly and lumping together other items into a single category. For ...
1
vote
2answers
290 views

How can I handle long text displayed inside a bar in a bar-chart?

I'm working on a project where one of the reports I'm displaying on screen is a type of Gantt Chart. The customer wants some information about the activity the bar represents displayed inside of the ...
1
vote
1answer
181 views

Ideal number of data points per 100 pixels for a chart

If there are too many data points too close together in an image, it can look pretty choppy. In this case, we are tracking number of data points over time; eg 500 per minute, 500 per minute, etc. ...
1
vote
2answers
207 views

How to present different layers of data detail in one table

I am developing a dashboard for an ecommerce software which shall give some information about webmasters that deliver customers through their ad campaigns to this ecommerce. The requirement is to ...
1
vote
2answers
355 views

Displaying advanced graphs (with data from table)

I have table with 5 columns that looks like this. |Seller | ArticleID | Count | Period | Site -------------------------------------------- |User1 | BV1 | 3 | 2013-3 | Site1 |User1 | ...
1
vote
2answers
375 views

Symbols to represent dynamic items

This problem is not new to me. An user can have multiple interests, so he will check some items that is presented to him. For this example. Ten items of interest. So he will mark as interested in ...
1
vote
2answers
820 views

What's an alternative to data tables for key/value pairs?

I have a list of 8 key/value pairs I'm displaying in a sidebar using a table element. I'm using a th and td element on each row. However, the td content is often too long and has to be truncated. I ...
1
vote
3answers
187 views

Display that a text input is not applicable

I am using the top row of an HTML table as a 'copy down' control row. So you can over-ride the values in the rows you've selected below (each row has a check box - similar to the phpMyAdmin ...