Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [info-visualisation]

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

1
vote
1answer
38 views

Show “bonus pool” of consumables in game

In my game I have two types of consumables "shuffles" and "bombs". Every game you get three of each. Here is what the top portion of the game looks like: Now I want to introduce in app purchases that ...
3
votes
2answers
94 views

Should all tabs in a data table necessarily contain the same column names?

For example we have these tabs for a data table: Basically, All tab will display Drafts, Pending and Processed. However, individually, Drafts / Pending / Processed may have columns that the others do ...
0
votes
0answers
58 views

How Can Data From GOMS Analysis Be Represented In Graph Form

For my UX module in university, one of the requirements of the assignment is to represent data from GOMS analysis (on a certain interface) in the form of graphs, charts, and tables. I understand the ...
3
votes
3answers
3k views

What is the difference between a dashboard and a report?

The words 'dashboard' and 'report' are used extensively in data visualization applications such as Google Analytics. But what exactly are the defining characteristics of each? And how, precisely, do ...
5
votes
3answers
252 views

How to show linear progression of color mixes from primary, to secondary, to tertiary colors?

I am making a game, and in said game the goal is to mix colors to progress up the level of colors (primary color to secondary, secondary to tertiary) based on the standard RYB color scale seen below. ...
4
votes
3answers
87 views

What's the best way to label weekly periods?

I'm dealing with a very complex layout for a big data app where user may choose different time periods to display different data. The periods apply to different sources of data, but in the end the ...
0
votes
2answers
38 views

What would you suggest for filtering feed info

we provide users the flexibility to filter and sort the info they want to see in feeds around the platform. Today we use drop down but all the click are annoying we want a better ux We came up with ...
5
votes
2answers
471 views

How to design a fluid and loosely coupled data UI?

I need some advice with designing a view of a system with the following characteristics: Lots of possible data ('label: information') Data is quite loosely coupled, but there is some grouping Only ...
3
votes
2answers
97 views

How to figure out a threshold at which I should show “other” in a chart?

I recently decided to add visualisations for one of my projects and found that there's too many data points to visualise them and not all of them matter. Since there's a lot of various data being ...
0
votes
1answer
81 views

Element, that describe level of importance

I'm working a website design. I have a table with products from my list (like basket in eCommerce websites), and table with information about shops (address, link to map etc.), where I can buy ...
0
votes
2answers
62 views

How to organize data for a CMS that controls several websites?

We are building a CMS that controls data for 3 different portals. These 3 portals are not the same although connected to each other. Think of it like there's a portal for Renters, portal for Tenants, ...
4
votes
2answers
165 views

Adding an item to a list: Should stay on the form screen or go to the updated listing?

Which is the better screen to land on after adding an item to a data list? After filling out the form, go to the updated listing and show the notification on top: After filling out the form, stay on ...
0
votes
0answers
45 views

How to associate color with accuracy for segmented gauge?

I'm writing a personality test app and am thinking of a way to implement the UI for recording answers. The test requires the user to answer how accurately terms like "kind" or "cold" describe their ...
0
votes
1answer
245 views

What is the Android equivalent of iOS's accessory action?

I'm developing a cross-platform business app for iOS and Android. Among other features, the app allows users to select a project from a large list (hundreds of entries) of available projects. Some ...
1
vote
1answer
254 views

Matching events on timelines of different scales for a video scrub bar

Objective To show a video timeline scrub with associated events, visually correlated to the time at which the events occur. It's my belief that this will allow the user to, with minimal effort, ...
1
vote
1answer
219 views

Typography in roadmarkings

what kind of letter shapes function best for horizontal signing ? I was wondering if anybody would know about the details in road mark typography? In terms of function of the design itself, I have ...
1
vote
2answers
87 views

Should a search list / result display all data that are searchable?

Let's say you have a search box where you can type in anything. [SEARCH INPUT FIELD] And then a list of items below it: Carl Smith Maggie Fox Richard Jordan Typing on the search box basically ...
8
votes
6answers
1k views

Displaying multiple levels of hierarchy in a table

I’m working on a payroll app for construction contractors. I’m trying to show hierarchy in a table for one contractor (In this case, “Vandelay Industries”. I want the user to be able to see where ...
1
vote
2answers
153 views

Design considerations for Macular degeneration

So I was doing some research around the different kinds of conditions people face and what designers can do to ensure accessibility for them. I found some really good material at WebAIM.org. This ...
0
votes
4answers
128 views

How to visualize parts in parts?

I'm looking for a way to visualize parts of parts, For example, I have a lot of pets and I want to show how many of each kind of pets are boys vs. girls . I have: Dogs, 5 female and 5 male Fish, ...
0
votes
3answers
248 views

How to Display Pass/Fail/Missing Data

I'm trying to create a better experience in a mobile application that tracks a users fitness activity. When looking at a calendar-view, the user will 1 of 3 options: A Colored Dot - Indicates the ...
1
vote
2answers
127 views

Feedback on how to compare two groups of data visually on one page?

I have a site that allows you to set up two groups of criteria (here it is two categories of products) by searching and refining, then allows you to view data and analysis of these two groups of ...
0
votes
3answers
494 views

Better way to compare two data sets visually on a page?

I have a site that allows you to set up two groups of criteria (here it is states in the USA) by searching and refining, then allows you to view data and analysis of these two groups of criteria on ...
1
vote
2answers
218 views

How to best present a long list of icons in a responsive layout?

On desktop, we have a list of logos on a page. However, when we design the mobile responsive, each logos just stack on top of each other. It becomes a very looong list. What is the best way to present ...
1
vote
3answers
97 views

What to do about small ratios in graphs

I have a circular graph that plots energy usage as a ratio of the maximum. At 100% the graph forms a full circle. The problem with this is that most of the time, a user's energy is approximately ...
0
votes
1answer
29 views

Legend to incorporate Year and Size

I have a heatmap tab "Day of Week" Years are color-coded, i.e. more recent years are darker blue. And size of box is based on magnitude of orders. How do I create a legend that incorporates both ...
4
votes
2answers
344 views

How to efficiently manage big size tables?

Introduction In an administration web application, I have to show some big tables having many columns. It doesn't have to work on anything but desktop (or maybe tablet) with a screen of at least ...
1
vote
4answers
419 views

Compact way to display weekly schedule?

So, basically I need to display the weekly schedule for classes. I would like this to be quite compact, so I want to just show if the class runs in the morning/afternoon/evening for each day (I will ...
5
votes
5answers
295 views

How to represent quantity in an X / Y axis grid without taking too much space?

We have a graph that displays the symptoms (y axis) and the ages of people who have them (x axis). The bigger the circle, means more people of the same age range share the same symptoms. Example of ...
1
vote
1answer
100 views

Selecting the right units for large timeline charts

We have very granular timebased data (Captured by the minute) for a very large timeframe (can go into years). This data needs to be depicted on a timeline chart something like this The green shows ...
1
vote
1answer
134 views

Flow charts with lots of nodes

I have a flow chart component with lots of nodes and it's overwhelming for the user to be blasted with it at once. There are approximately 100 nodes in the flow chart. I like that it gives an ...
0
votes
3answers
385 views

Im looking an alternative to a table/matrix

Aloha! Im looking for alternative ways to present a table/matrix of words. The purpose of the table is not only to present the words but user should pick some 7 words out of many, say 55. How to make ...
10
votes
4answers
5k views

Tabular vs Card-based presentation, which is better for lots of data?

Basically, we have a long list of stuff that has, on its on, a lot of details. We are wondering whether to use a table or put each set in a rectangular card format. See below: On one hand, the table ...
13
votes
7answers
572 views

Is there a visual way to represent drag capability?

In this data visualization chart, we wanted to make user understand that the chart is interactive. When someone clicks and drags any point, the selection expands. This helps drilling down in the data....
3
votes
4answers
104 views

Best presentation for four simultaneous data points

I need to present data about defects that "I" created in the last 7 days, and want to show 4 different aspects: Count Severity Type (Bug, Violation, or Code Smell) Date Here's what I've come up with ...
5
votes
3answers
1k views

Scatter plot chart vs code flower (force directed) chart for data visualization

We've got a scatter plot chart which represents some data. Now, the client wants us to replace it with this code flower (force directed) chart. Implementation efforts is not the problem for us, ...
0
votes
2answers
166 views

Portraying a Financial Burn Rate (dollars spent per time period)

Are there any innovative ways to potray a Burn Rate. Ie how many dollars you are currently spending per time period and your target burn rate and the max burn rate for a certain runway? This might be ...
2
votes
8answers
206 views

When to use all upper case?

From my understanding: It had been thought all uppercase (e.g. THIS IS SCREAMING) was hard to read because of the way the eye works. It is now understood that all uppercase is hard to read just ...
1
vote
2answers
159 views

Which is better - recovery “error” message or undo user input?

I'm working on an application that allows users to drill down into the data in order to get visual chart representations. There is the assumption that there will be cases where users are exploring ...
1
vote
3answers
3k views

Displaying Long Lists of Items on Web & Mobile

What are the best UX practices for displaying quick reference long lists such as these in the image below? This page is used for quickly referencing what a user is allowed to eat on a diet. For this ...
1
vote
2answers
422 views

Visualize a simple workflow - content visualization

My boss has some content in a word document which looks like the following I need to move this content onto a website - specifically a responsive WordPress website. I am wondering if there is a ...
1
vote
5answers
1k views

What is the best chart to present multi dimensional data?

Question to UX/Data/Subject Matter Experts: I'm working on a Call Analysis app where one of the chart is to present the aggregate value of "Call Quality by Client Health by Call Type". These are the ...
2
votes
3answers
64 views

How should I handle toggling of chart series based on groups of checkboxes?

I'm modifying an interface for an interactive line chart that can contain anywhere from one to twelve series of data. Users will be able to choose which series they can view by clicking on a set of ...
1
vote
2answers
1k views

Visualization of proportions/ratio over time

I am looking for a smart way to visualize proportions, or ratio, over time in a chart. Since the relation between the variables is more interesting than their individual value, I can't just plot the ...
4
votes
2answers
273 views

how to explain a percentile

On my app, users get a score. I want to tell them where they stand relative to other users. I have a feature that tells them they are in first place, second place... nth place. I would also like to ...
2
votes
1answer
108 views

Hierachical bipartite graph for a large data set

I'm looking for a way to visualize the association between two data sets. One of these data sets is itself organized in a hierarchy. For example: Set 1 - Students: Anna Belinda Charles Daniel Ellen ...
2
votes
1answer
147 views

Facebook bot : should all the experience be in Facebook Messenger or not?

Me and my friend are working on a Facebook bot. We have a question where we have opposite viewpoints, so we made the choice to ask this community. To me, if you provide a Facebook-bot user ...
3
votes
2answers
183 views

Data visualization for queued items

What data visualization would you say is suitable for my purpose? I'm looking for a chart or something similar to present queued items with different states, some is queued, some is processing and ...
4
votes
2answers
161 views

How to show metrics on performance progress vs goal?

I am working in the interface for a software, and it is very important to keep it as simple as possible. For this specific problem it was decided that colours should be avoided (if possible), so not ...
0
votes
2answers
56 views

Optical Illusion created while displaying a table with spaced rows

I'm creating a form that is essentially a table. It looks a bit like this: The issue I'm having here is that when you look at it long enough, the vertical lines separating the cells in each row begin ...