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

learn more… | top users | synonyms (3)

2
votes
2answers
97 views

How to obscure data in a screen captured image?

Many people I work with need to share a report with sensitive data. This is usually a multistep process where the user takes a screenshot of a chart or graph with numbers and then manually removes, ...
0
votes
1answer
40 views

Nested data in a Grid or Table - how deep is too deep? [duplicate]

I’m reasonably sure we all have that love/hate relationships with grids or tables when it comes to nested data. Over the years I have grown intolerant of anything below one level down, and work ...
10
votes
3answers
938 views

How to best visually represent a dev team's skillset versus project needs?

I need to visually represent a dev team's skill set (and proficiency) against a project portfolio's required skill set. I have two separate tables, one for team members, and one for projects. Here is ...
44
votes
11answers
8k views

Is it bad practice to use “Lorem Ipsum” example text in a text-preferences screen?

I'm the developer of an application where text plays a major role in the user interface. Users can adjust the style of the text in a preference screen. I have added an example text to the preference ...
3
votes
1answer
62 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 ...
7
votes
2answers
158 views

A kind of 3D table (showing correlation between 3 variables)

Tables allow us to easily see how 2 variables (for example "Employee" and "Time") correlate. For me the main benefit of this view is that you can easily find answers to two kinds of questions. Like: ...
0
votes
1answer
46 views

user interaction: diffrent ways of visualizing data

I have a project which contains a piechart. Every group in the piechart has its key, value, percentage and a description. Of the ways shown below, which is the best to visualize the data? Is there a ...
1
vote
5answers
109 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 ...
3
votes
3answers
110 views

Cards View Vs Tabular View

I am in the process of redesigning an interface with a lot of Tabular data that is previously simply used as tables that look like the 19th century. I was a bit confused whether to switch it to a Card ...
1
vote
2answers
117 views

What should the minimum value of a slider filter be?

I am trying to figure out what the best UX would be for a slider filter. The slider is used to filter a list of companies based on a desired loan amount on a personal loan list page. Currently, ...
0
votes
0answers
31 views

What is the best way to represent historical data?

I have a project with multiple test cases. Each of these test cases contain data related to their failure and success for each run as well as the time taken for the API calls during each execution. ...
7
votes
1answer
140 views

Best visualization for combinations

What kind of a visualization/chart should I use for showing all the ways you can choose from a set of items? (i.e., number of possible combinations) Concretely, I am showing potential offspring from ...
1
vote
1answer
29 views

Is there a standard way of visualizing screens and actions?

Is there anything like a standard way of visually representing e.g. a web application in the context of the number of screens, how those screens are connected, and what actions are available from ...
0
votes
1answer
15 views

Visualizing individual data usage from the same data pool in a table

I have an issue visualizing individual data usage in a table where the usage is directly connected to a shared data pool. The data users can have individual data boundaries, where the data is ...
20
votes
7answers
1k views

Best way to display code to non-programmers

I'm asked to analyze the program responsible for printing our invoices. (Via SAP script) This program is pretty old and contains more than 4.000 lines of code. It sets a lot of different variables ...
0
votes
2answers
44 views

Name for specific design type instance

So if you look at my little visual example below, the format on top I assume would just be technically referred to as a Grid or Tabular format, but if you were to break each of those rows out and make ...
8
votes
2answers
187 views

What is a good mouse cursor to point at objects in diagrams?

Do you know of any study or evaluation of the use of mouse cursors specifically designed for the use in diagrams? For example I'm thinking about using a cross hair instead of an arrow cursor when I ...
3
votes
3answers
96 views

Best Type of Chart for Numbers inside Matrix?

I have a matrix that looks like the following, and I want to make a chart out of it because the numbers are just too much to look at. What is the easiest way to digest this information? We are trying ...
0
votes
1answer
49 views

Data visualization: distribution data

I'd like some input as to the best way to visualize a data set. Look at the below table (it's made up data indicative of the set I'm working with but cannot show according to my employer). The goal ...
7
votes
3answers
279 views

I've never met an infographic I didn't hate. But do they even work?

This is just my own personal preference. I've never met an infographic I didn't hate. I love beautiful data visualisations. But the recent fad for infographics leaves me cold. Is there any solid ...
1
vote
1answer
86 views

How to design a “data usage calculator” for a brand new smartphone users

What are some ways wireless carriers can help smart phone buyers visualize how much data they will need so they pick a suitable data plan option? Various carriers provide data usage calculators: eg ...
0
votes
1answer
114 views

How best to create a link/relationship between multiple elements of a webpage?

My current UI looks something like this: download bmml source – Wireframes created with Balsamiq Mockups A 3 column layout with a list of tasks with titles/details in the middle. I need ...
0
votes
2answers
57 views

Graph for properties with a big gap between them

I’m thinking how would an ideal graph for 3 properties look when one of them is much bigger than the others, like A - 2, B - 10, C - 1000. Any ideas?
0
votes
1answer
74 views

Should a tree map be scrollable?

Here a non-scrollable version, all items are visible though smallest nodes tends to be a little too small, but it looks like a tree map: Here is the same tree map but twice as large and scrollable ...
2
votes
2answers
41 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 ...
2
votes
3answers
153 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 ...
0
votes
2answers
59 views

Quantifying activity by the time of a day of the week

First post here, but I'm really having trouble getting an idea of how to visualize a certain piece of data for a project. Right now, we are trying to show a certain amount of activity on a given day ...
0
votes
1answer
593 views

Which D3JS data chart is most similar to a scheduler?

I realize this is a borderline SO question. I am trying to figure out which of the examples on D3JS most closely resembles a scheduler or Gantt chart so I can use it in our app. I think bullet ...
3
votes
2answers
196 views

Visualizing version-controlled hierarchical data

What would be the best way to visualize versioned hierarchical data in an interactive application? Let's say we have the following hierarchical data, where the capital letters identify the objects, ...
4
votes
2answers
203 views

How to show the relationship between two input fields with different units

In an internal retirement site, I am working on improving the flow that employees go through to change their contribution amounts. One challenge is that users can contribute both pre-tax and ...
4
votes
3answers
140 views

How to handle overlapping elements?

I'm doing a very simple video editing solution. User has a timeline (horizontal 100px line) which represents start and end of the video. User can add overlay images and texts, and all of them appear ...
1
vote
3answers
116 views

Map markers with multiple types of data

I want to try to visualize multiple types of data in one map marker. We currently have up to three types of data on one coordinate and this is going to increase to 6 within the next three years. ...
0
votes
2answers
54 views

User involvement in UCD analysis

I'm currently designing a prototype for a dashboard UI, where the data come from the available tracking activity logs that are currently displayed in tabular form. Due to time constraints, I have ...
0
votes
3answers
153 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
111 views

Customer testimonials - Embedded tweet vs custom design [closed]

Do you think that embedded tweets would work better than custom design to show testimonials? Embedded tweet are live proof which people can see by clicking on embedded tweet and also embeded tweet ...
0
votes
1answer
103 views

Visualizing budget “burn-down” where overages can happen

I'm looking at a dashboard component that displays how much of the allotted budget has been used up in a project. What are some ways of visually summarizing this that take into account for overages? ...
2
votes
2answers
275 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 ...
4
votes
3answers
110 views

Best flow to represent, browse and edit complex graph network

It seems that more and more, data is going to be network-based. A graph with related nodes. Something like http://bl.ocks.org/mbostock/950642 , or pick one from a gallery here: ...
0
votes
1answer
61 views

Usability + Sense of high dimensional plots

Imagine a point cloud with multiple dimensions. To plot this and provide an interactive way to "play around", there are the following common ways: parallel axis, star axis 2D scatter plot 3D scatter ...
1
vote
1answer
117 views

Visualize one to multiple relationship (Recipes to ingredients)

What do you think is a good way to visualize this in a user-friendly way? Data is based on: 35 recipes (Meal Name, Type, Date) 100 ingredients. (Name, Type, Date) Goal: Users need to see the ...
4
votes
1answer
663 views

Why do histograms not have spaces in between bars (as opposed to a bar graph)?

Lets say one wants a histogram . Say how many trades for a stock occurred on that day. And they are dead set on a histogram/bar graph. (as opposed to other representations why are histograms ...
4
votes
2answers
186 views

Representing time intervals in a chart

I'm trying to design a visual representation of a child's sleep schedule for a given week. I was thinking of making a chart with the time of day on the y-axis and the days of the week on the x-axis ...
0
votes
2answers
112 views

How to present data from open questions in a summative way? (besides word clouds)

I'm struggling with a problem which concerns 'Analyze' section in my online survey app. Users don't want to read all of the answers from open question one by one. They need a summarization, a ...
2
votes
4answers
233 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 ...
0
votes
4answers
146 views

Compare two list of elements & visualize similarity between them

I have a two List of Strings; ex: ListA = {"A","B","C", "F"} ListB = {"C","D","E"} I need to compare these two lists & present the difference to user in UI. I have implemented ...
2
votes
1answer
111 views

What's the best way to visually convey rank?

I'm working on "infographic" style dashboard page where I want to convey the rank of something (and how big the whole group is). So "Rank #17 out of 2,312" could be conveyed like: I'm not loving ...
1
vote
4answers
159 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 ...
0
votes
2answers
136 views

how to display multiple graphs on a single page?

I have make a graphic where I need to show user trends. I will call them A, B, C, D -- brands of cell phones. My users are not very good at reading charts. Are there ways to combine features of ...
1
vote
1answer
137 views

Does anybody know why google chart sparklines were deprecated? [closed]

This may be asking about old news, but I was curious why Google deprecated sparklines in their charts API ("officially deprecated as of April 20, 2012"). Did they come to the conclusion that ...
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 ...