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

learn more… | top users | synonyms (3)

14
votes
4answers
2k views

How best to show server availability over a 24 hour period?

I have a customer who asked me to provide a "Server Availability" chart for the last 24 hours that looks like this one: Y represents hours (0 - 23); X represents minutes (0 - 59) In this example you ...
1
vote
1answer
105 views

Chart axis autoscaling

I know this is hard to answer in general (i.e. not in the context of a specific application and user needs), but what evidence is there for or against autoscaling of axes on a chart in terms of user ...
2
votes
3answers
140 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 ...
1
vote
2answers
123 views

Representing progress through a workflow that has parallel activities

I'm trying to create a visual representation of the state of a workflow process that is linear but has parallel branches in it, for example: A ----> B ----> C1 ----> D ----> E ...
4
votes
1answer
360 views

Innovative pie chart? Is there any graph that can be used instead of pie chart?

I have been trying to find solution for coming up with a better pie chart for couple of reasons. Overlaying #% (text) on top of tiny portion of piechart wasn't really working in my opinion. Also, ...
4
votes
1answer
128 views

Graph overlay that doesn't obscure the data

I'm building an app that renders a line graph of the user's wellness over time. (For example:) It also needs to mark the days they took medication. Originally, I wanted to place a dot at the ...
2
votes
5answers
133 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
2answers
191 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 ...
0
votes
5answers
357 views

How can I graphically display my data on car sales trends over time?

Shown here is a graph that displays statistics on car sales trends. While the information is there, its not exactly readable and I would say an eye-sore, you have to peer in and start matching ...
1
vote
1answer
210 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
1answer
79 views

My checkin dialog for members is too complex (membership web app)

I'm trying to improve my checkin dialog, because it think it's too cluttered. I think that all of this information is required, but it isn't shown in a simple way that isn't confusing the user. So ...
0
votes
0answers
75 views

One-to-many list items in trigger-response model

I have an app for a content item that can include triggers and responses, created by the user. Users can associate many triggers to one single response (many-to-one) or they can have each trigger ...
3
votes
2answers
177 views

How to present boring facts that aren't really suitable for an infographic in an interesting way?

For an internal company wiki I want to write down/present some basic information regarding web development/design/UI & UX. For example have I collected some studies and opinions on how links ...
4
votes
1answer
163 views

How to handle daylight savings time when displaying logged data

If we have a system that measures and logs a users energy consumption, and then displays this data on an hourly basis, how should you display the anomalies that occur when shifting to/from daylight ...
2
votes
1answer
63 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 ...
1
vote
1answer
134 views

detect when 3 boolean variables are true at the same time? [closed]

*to sum it up- lets say i have 4 things i am looking at over a time period. they can be true or false. I am trying to notice their state (whether they are true or false), and when all 4 are true at ...
4
votes
2answers
61 views

How to find later parts of a multi-part article

Consider the very common scenario where someone writes a series of articles (Parts 1 through n). With my publisher, Simple-Talk.com, for example, independent of whether I send them one at a time or ...
0
votes
1answer
158 views

Activity Feed: Method and best practices

I am trying to create some kind of activity/recommendation feed where the user would be able to see news/updates of specific topics of interest that have a specific time stamp. For example it could be ...
1
vote
1answer
124 views

Several data visualizations on one page?

I have a set of visual models that can answer different questions such as: How is Country A doing in x What is Country A's proportion of y ... There will be approximately 5-6 questions with ...
2
votes
1answer
244 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 ...
8
votes
3answers
324 views

How to visually show status values for a large number of data points?

For example, what if you have 100 valves in a process plant. You want to show at a glance their status, with the most important thing to notice is a value that indicates a valve that is in critical ...
10
votes
2answers
384 views

Best way to present time durations in a list?

We have a list of items, with one of the attributes being a time duration. (Imagine users, and avg time between certain activities). Most of the time, this duration will be in the 0->120 second ...
0
votes
2answers
226 views

Comparison of charts: side-by-side vs. top-to-bottom

I'm trying to design an analytics screen where users can compare different aspects of the same data. Is there any evidence that it's easier to compare 2+ charts side-by-side vs. top-to-bottom? ...
18
votes
2answers
835 views

Interface for Data Brushing

For an interactive graph I'm using a UX pattern called Data Brushing. My starting point is a d3js example by Mike Bostock. This is what it looks like in its initial state: The smaller graph below ...
9
votes
7answers
701 views

Showing excess usage in a progress bar

I am working on a web app and would like to display the amount of transfer (bandwidth) that the user has used for that billing period. They are given a certain amount of bandwidth per billing period. ...
1
vote
1answer
268 views

Different Ways to Illustrate Past Event in Calendar

I am making an interactive calendar, where user can make an event for themselves, or to invite others (very much similar to Google Calendar). Only difference from G Cal is that these events has a ...
2
votes
8answers
5k views

Honest way to show your skills in Portfolio

So i have started seeing this a lot in portfolios of designers. This person has a title that says "My Skills", and at the bottom are bar graphs that are in percentages. So I asked this question ...
8
votes
3answers
245 views

Additional information for tables

I have to show some extra data to users. Column-sums, column-statistics (different values per column) and column-rests (the sum of all values for the columns, which are on pages not shown). These ...
1
vote
2answers
285 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 | ...
6
votes
6answers
560 views

Necessity of y-axis label on a line graph?

I'm currently designing a line graph to provide a relative, "quick-glance" view of data trends, rather than the granular stock-market-style view. There will only be one trend line. Currently each of ...
51
votes
8answers
3k views

Should I fill empty space in bars?

It's about bar-charts in a table. Every row has a bar, which visualises a value of the row. The biggest value of the whole table is the maximum of the bars and not necessarily on the same ...
2
votes
2answers
276 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 ...
0
votes
1answer
48 views

What is the best way to show that something expects a Collection (or array)

My general question is; Is they a way to explain loops (or the traversal of a collection) to customers, without any understanding in informatics ? For example an analogy that everybody could ...
42
votes
10answers
4k views

Display big numbers in a small area

I am developing an accounting app where I display several orders. Every order has a price. I have a box where I would like to display the price as shown below: This works pretty well for fairly ...
36
votes
6answers
3k views

Why is tree representation of data becoming unpopular?

I'm asking not about professional software like IDE's, but about OS GUI and web interfaces. A few years ago there was File manager in Windows, Gopher and other interfaces and data models like this. ...
1
vote
2answers
86 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 ...
7
votes
2answers
376 views

Visualization of event occurrences over time

I have a short time range tstart – tend ( ≈ 90 seconds) and a list of points in time which represent events that occurred at that point. I'm looking for a concise visualization of these ...
4
votes
2answers
122 views

Interaction model for hierarchical selection

For a line chart, I would like the user to be able to drill-down and look at how specific groups are fairing over time. First, there is the selection of dimension and then groups within that ...
6
votes
3answers
626 views

Using a Timeline in a Responsive Design?

I might already know the answer to this but would like some feedback / opinions on this. I am currently putting together a responsive design that will use a linear horizontal timeline. This works ...
2
votes
2answers
922 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 ...
5
votes
2answers
72 views

How to define the status between now and a last checkpoint?

I have sets of probing data from an internal monitoring tool which represent the availability of different services (databases, webservices and so on). Now my task is to visualize this data and I ...
5
votes
3answers
215 views

Representing large numbers

I'm developing a charting application. There could be a situation where I would have to display large numbers on the chart. The problem is that they number labels have to fit inside the chart columns, ...
7
votes
3answers
328 views

How to organize multiple information popup areas over a table?

How might you best organize multiple popups over a table when both the table content and the popup content are equally important. Scenario: Tabulated data, for which the user may be interested in ...
7
votes
3answers
124 views

Commentary book on information architecture outside the Internet

I know there is no single correct answer to my question, so I would be grateful if mods could turn my question into community wiki. I’m looking for a book about information architecture in everyday ...
19
votes
3answers
709 views

How to show progress towards goal?

On our intranet we display some numbers for our employees so they can keep track of their performance goals. Currently it's just a table. We'd like something more visual, and this was the first ...
13
votes
6answers
339 views

How to present weighted values

I have a formula which is used to calculate certain scores. The formula has some parameters (shown in the image below) including a Weight parameter that is changed dynamically (the rest of the inputs ...
5
votes
3answers
179 views

Improve display of date range inside a table

I have been taking a look at this post, but it is not exactly what I am looking for, plus I have hour and minutes and is inside a table. My current table is this one (bigger image): The problem I ...
7
votes
2answers
525 views

What is the best way to visualize an org chart when people have multiple responsibilities?

I have asked the following question on stackoverflow around modeling an org chart. This focused on the DB modeling details, etc but I want to ask a related question here focusing purely on the user ...
2
votes
3answers
108 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 ...
10
votes
3answers
405 views

How to go about presenting a large family tree?

I'm currently developing a game, and one of the features involves breeding the creatures you collect. Since it's a game, a large amount of promiscuity is to be expected, and individuals could ...