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

learn more… | top users | synonyms (2)

1
vote
2answers
68 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
1answer
65 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? ...
1
vote
1answer
260 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 ...
0
votes
1answer
59 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
116 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, ...
6
votes
6answers
474 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 ...
4
votes
3answers
126 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 ...
4
votes
2answers
188 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 ...
2
votes
2answers
167 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. ...
0
votes
3answers
146 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 ...
2
votes
2answers
224 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 ...
0
votes
1answer
87 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 ...
1
vote
1answer
83 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 ...
0
votes
2answers
102 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 ...
4
votes
2answers
161 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 ...
2
votes
4answers
198 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
113 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
91 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 ...
2
votes
3answers
120 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 ...
31
votes
8answers
2k views

How to visualize data with extreme value differences?

I am working on some routines for a client application to visualize data in a 3d bar chart style. The data consists mostly of smaller values with only a few large values. For example: 6,942,535,341 ...
1
vote
4answers
151 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
101 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
107 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 ...
1
vote
1answer
82 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 ...
5
votes
3answers
482 views

How to display a connected boxes with inputs and outputs in a smartphone?

Imagine the concept of a black box, that can have inputs and outputs. A box can connect with other boxes. We have something like this: Now imagine a smartphone. "Ok, this guy is crazy." You ...
1
vote
2answers
106 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 ...
3
votes
1answer
268 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
114 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
129 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
159 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 ...
55
votes
18answers
2k views

How can I keep up-to-date with the latest thinking about designing complex, rich applications?

I am designing a very complex eco-system of apps. I like to make sure I am up-to-date with the latest thinking, research and trends in app and UI/UX design. I find that there are many great articles, ...
0
votes
5answers
289 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
135 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
117 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 ...
1
vote
1answer
77 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
63 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
153 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
141 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
57 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
130 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 ...
8
votes
2answers
4k views

Ways to visualise a user journey

I would like some opinions on user journeys and how to present them, specifically to the client. What do you think is the best way to present them and what tools would you use to create them? Do you ...
4
votes
2answers
58 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
135 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 ...
2
votes
1answer
225 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 ...
11
votes
5answers
530 views

How best to show the 'weight' (importance) of bullet-ed items in a non-intrusive (creative) way?

I have a web page with a bulleted list of items each with an associated weight i.e. level of importance. The bullets are of equal width but not necessarily of equal height. Here's a graphical ...
1
vote
3answers
177 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 ...
8
votes
3answers
305 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
342 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 ...
17
votes
2answers
801 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 ...