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

learn more… | top users | synonyms (3)

1
vote
0answers
305 views

Can I get some inspiration on displaying visualization for a tabular data in addition to displaying it in a table? [closed]

I need to display a report on back end data. The report is basically the distribution of Vendors by devices on the network. I am using jquery datatables for my tabular data and google charts treemap ...
6
votes
5answers
415 views

How to display ranges in a map legend

We need to display a map legend that shows ranges of pipe diameters. Currently we have something like this: The problem with this is that the edge cases are ambiguous. Does 50mm fall in the first ...
1
vote
1answer
339 views

One page websites - do and don't

I'm about to develop one-page website. But suddenly I'm not sure this is the right solution. The content characteristics are: Contains 8 sections. The sections depend on each other: section 2, for ...
6
votes
7answers
584 views

Display Email Address + Website? Or is it redundant?

When putting contact data on a page, do you use email and website separately or do you just go with the assumption that the user will get the website from the email (given that it's ...
-1
votes
2answers
107 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 ...
5
votes
5answers
459 views

Individual welcome page vs. site content

I am thinking of the structure of one my new apps for the web. What do you think would be the most userfriendly approach to present the sites first page? Have a welcome page that shows just a ...
7
votes
5answers
906 views

What is the best way to create an eye-catching display of numeric values in a web page?

I am going to design a management level monitoring page for displaying some sums and counts. No interaction is allowed and it will be used as a monitoring page on a big LCD in the managers view. The ...
5
votes
3answers
547 views

What are good UI Visualizations to show in a grid for ranking activity?

I have a grid with a list of runners (one person in each row) on a webpage. I want to show some visualization in a column to represent how much they have ridden in the last year. Right now I am just ...
4
votes
5answers
1k views

What type of graph do users prefer?

I am in total confusion as to what type of graph to provide the user with for my dashboard. My dashboard deals with user statistic like No. of visits, total points they have earned, etc. But I don't ...
0
votes
5answers
4k views

Tool for making attractive Org Charts and similar diagrams [closed]

I'm a professor who is looking for a diagramming tool that will make "org chart" type and flowchart diagrams that look really slick and attractive. There are many mindmap tools out there, but I'm ...
2
votes
3answers
288 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 ...
12
votes
5answers
603 views

What are techniques for showing a future state on an empty dashboard?

I am working on a new web application that will have a user dashboard displaying lots of great information with charts, notifications, alerts, etc. The actual data populating the charts will not be ...
0
votes
1answer
112 views

Presenting comparable data series with varying frequency

I've a data design challenge that requires the presentation of data where the data is comparable (can be plotted or presented as a table) but who's data points are inconsistent. Inconsistency occurs ...
9
votes
2answers
675 views

Chart drill-down affordance?

I'm wondering if anyone has any suggestions for improving the usability of chart drill-down? More specifically, imagine we have a bar chart (or any other visualization) where a user is able to select ...
4
votes
1answer
272 views

How should I visualize the frequency of events?

I have a series of events during the day. If I group them in hours I might have something like this: 20 events from 10:00:00 to 10:59:59 30 events from 11:00:00 to 11:59:59 10 events from 12:00:00 ...
3
votes
2answers
140 views

Programs or markup viewers for legal or logical content?

I am interested in user interfaces that represent legal argumentation and/or logical reasoning. For professionals dealing with complex reasoning and argumentation that is mainly language-based, what ...
3
votes
4answers
1k views

How to display large amounts of data compactly?

I have a database driven asp.net mvc3 web application. In it, a user can go to a page and enter data based on the completion of a task. I bolded the task because it is hugely weighted in this ...
1
vote
2answers
118 views

Image thumbnail representation for paragraph text

in my app, a user would have a set of posts. Some posts (like 50% of em) would have media attached, while some of them would not. There are several instances where I would like to give thumbnails ...
0
votes
3answers
134 views

How to convey element dimensions to casual users?

In a CMS backend dialog for controlling the dimensions of a content element (e.g. an image) including the possibility to adjust padding, borders and margins; In a GUI, what is a good way to convey ...
7
votes
1answer
764 views

Visualization advice for mix of graph/hierarchical data

I have hierarchical data that looks like this: I need to come up with a way to display it with the requirements I'll list momentarily. It is not a tree because there can be cycles (ignore ...
5
votes
2answers
554 views

UXD Methodology - Best practices for identifying a Global Navigation Toolbar implementation

I am part of a large webapp project, but a small UX team (we just went from 1 to 2, a few weeks ago). We were brought in terribly late in the process, to the point where there was literally no chance ...
1
vote
0answers
469 views

Examples of great Activity Feed Visualisations [closed]

It´s surprising how little variation there is today on activity feeds, everybody seems to copy FB. What I´m trying find is alternative forms of visualisation of activity feeds, ones that use more ...
7
votes
2answers
425 views

When is a table the proper way to present data?

UPDATE: added mockups We are in the process of designing a web application interface for administering an online store. In such an interface there are pages for managing products, orders, customers, ...
12
votes
4answers
4k views

What is the best way to visually present a sitemap?

Do you know which are the common patterns for a graphical representation of a sitemap?
8
votes
5answers
855 views

Are Sparklines appropriate for use in dashboards of reporting software?

For those not aware of Sparklines, here is an example: http://demos.telerik.com/silverlight/#BulletGraph/FirstLook Would these work well to really give users a quick dashboard/reporting overview of ...
6
votes
2answers
770 views

What's the best way to represent a timeline graphic

I am trying to represent the following server downtime: (I have couple of more combinations, I have removed for brevity) Server A : 4:00 - 4:30 AM Server B : 5:30 - 6:00 AM Server C : 6:00 - 6:30 ...
9
votes
5answers
3k views

What is the best way to graphically display item's position in a ranking?

My app has a table containing a list of financial securities. One of the columns is the security's position in a list of all available securities ranked by performance. For example: security XYZ is ...
18
votes
3answers
6k views

How many visually distinct colors can accurately be associated with a separated legend in a figure?

For charts and graphs it's a relatively common question by programmers to want to procedurally generate an arbitrary number of colors that are visually distinct. Various research (or educated ...
3
votes
3answers
468 views

Representing the presence of short events in a long timeline

I am designing an interactive timeline that shows the durations of events visually categorized into a small set (<8 categories). This timeline is very long compared to the length of events: events ...
3
votes
2answers
349 views

What kind of UI metaphors can I use for this game-like community map interface?

I'm developing an interactive map for a local community WiFi network, where upcoming groups/meetings/alerts/etc. can be "dropped" onto the map, based on location. Through user engagement over time, ...
8
votes
2answers
548 views

How to best label age group boundaries?

We're organizing people into age buckets. For example: 0-20 yrs, 20-40yrs, 40-60yrs... I'm struggling with how to best label the age buckets, there are two options: (A) Don't repeat the values, so: ...
9
votes
4answers
348 views

Does “ink is expensive” apply in a user interface context?

Edward Tufte in the book The Visual Display of Quantitative Information states, more or less, that ink is expensive. Any ink which is not used to actually convey information is chartjunk and it will ...
5
votes
3answers
2k views

How can I choose a colour palette for multiple data visualization types?

I'm currently implementing the Google Visualization API into an existing platform, one requirement of which is the ability to choose custom colours for chart elements (such as pie slices and columns). ...
8
votes
2answers
934 views

What are Good Techniques to Visualize Binary Differences?

I'm particularly interested in diff-based visualizations. Code diffs are the most straightforward and easy as they're used for a long time and have a lot of examples of 1, 2, and 3 pane views. For ...
6
votes
2answers
627 views

Real vs perceived circle area in data visualisation

I am about to visualise some data using circles on top of a map but I am concerned about the real vs perceived circle size. I've read about a bias in the perception of the area of a circle. The best ...
6
votes
2answers
665 views

How do you handle long charts that span multiple pages?

I need to print several bar charts to PDF for some reporting requirements. One the of the issues I am certain to encounter is how to handle the display of very long charts that span multiple pages in ...
3
votes
1answer
155 views

How to indicate that part of a chart can be re-scaled or redefined visually to present a clearer, and/or more specific representation of the data?

I'm wondering about several issues I have with drill down behavior on graphs: How can we visibly show that a certain graph is "drillable" (affordance issue). In more details: On a single chart, how ...
7
votes
4answers
371 views

How to display hardware life expectancy?

For a web application I'm developing my manager has asked me to display the life expectancy of a hardware component. The component will according to the manufacturer handle at least 16 000 000 ...
3
votes
2answers
565 views

Force Directed graph for visualizing hierarchical forms Bad Idea?

Currently we got lots of forms which we realize using Tree-view. Person clicks the tree node and a forms we designed for that opens in page aside the tree-view(Using the tree-view because there is ...
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 ...
1
vote
2answers
818 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 ...
11
votes
4answers
2k views

Good ways to handle precisely overlapping data points in a graph?

In an application, I have a graph of markers--either with or without connecting lines--in which it is possible to have data points, and therefore markers, that are at the exact same location, even if ...
4
votes
4answers
396 views

A portfolio of … text? (Information Visualization Challenge)

I'm trying to build a portfolio template for a writer's portfolio, and I'm having trouble finding an effective way to present so much text. Most portfolio sites have the benefit of (hopefully) ...
8
votes
1answer
378 views

How to handle out-of-range data in a realtime plot?

Background I am working on real-time data acquisition and visualization software for a scientific measurement device. The software gathers data from the device, and plots the data in real time. Data ...
1
vote
1answer
189 views

'Quick select' date ranges - from web forms to Stock Markets is there a unifying standard? (and should there be?)

I see two major schools of thought/implementations of 'quick select' date range options: A) General web apps | today | yesterday | last 7 days | last month | last 3 months | ...etc. | Custom | ...
17
votes
5answers
15k views

What is a good icon for illustrating expand (and collapse) all? [closed]

I'm trying to devise an icon to indicate that when it is clicked, it will collapse all the nodes in a tree. The tree contains profiles which already have an icon, so ideally I'm looking for a ...
3
votes
4answers
145 views

Your experiences with call centre wallboard UX [closed]

As I'll be getting started on a project involving displaying dashboard data on call centre wallboards I thought I'd solicit your experience as part of my preparatory research. If you've been involved ...
8
votes
4answers
300 views

nice way to display a text message for two dates (range)

I have two arbitrary dates. I was wondering if somebody can suggest the rules to create a text message which tells in a very effective way what the two dates are. Let's assume that my solution is ...
6
votes
3answers
3k views

Examples of nice looking html tables [closed]

All tables on my app look like sh*t, it's making me lose hair, I've been trying to make them look better but I end up making them look worse, do you have any examples of nice looking tables? ...
3
votes
4answers
1k views

Graphing Uptime

I am trying to find a way to graph uptime. What is the traditional way to graph the uptime of a device? If the device provides an uptime statistic, how should that be used to graph it. I know how a ...