Questions tagged [info-visualisation]

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

Filter by
Sorted by
Tagged with
0
votes
2answers
313 views

Best way to present incredibly detailed table? [duplicate]

I'm trying to present a table on my site. The table is incredibly data heavy and can differ product to product. The table needs to work in a responsive manner but still remain legible. Can anybody ...
0
votes
2answers
206 views

Dashboard above the fold? Is it possible [closed]

curious to know is it possible to provide contents in dashboard above the fold -no scroll in page. Attaching the reference template. Please provide your suggestions. FYI, it is a KPI strategic kind of ...
1
vote
3answers
135 views

Displaying course data with 90+ values

Description: Hello, web developer here! I have been tasked to show scores for a online course that people have purchased. So I built a line graph that went up and down based on the score (naturally). ...
1
vote
1answer
210 views

Displaying percentages in tiny stacked bar chart segments

Specifically, how to handle cases where a (stacked bar chart's) segment has a small value, leaving little visual space for displaying data inside that segment. For example, if the pink segment was ...
0
votes
3answers
62 views

Should a bar chart redraw categories in size order or stay fixed position?

I've got a dashboard module that display summary totals across 4 categories. I'm wondering if it's easier to distinguish magnitude by rendering data in size order (descending) or keep fixed category ...
0
votes
2answers
88 views

How to best show a “replenish” meter?

Let's say I have a web app that offers widgets to be used by a user. A user can deplete widgets to zero, at which point, they would be shown that they need to buy more in one or more packs of 50. ...
3
votes
2answers
204 views

Prisoner's Dilemma interaction

I have a game where players will play 2x2 decision matrix games. (Prisoner's Dilemma, Battle of the Sexes, Stag Hunt, etc). There are two players, a primary player (blue, on the horizontal part of the ...
1
vote
2answers
189 views

How to differentiate between two types of status changes?

We have several rows of data (in a CMS) that change in status. There are two types of status changes: type 1 requires action from Admin but type 2 doesn't. My issue is differentiating between the two ...
1
vote
2answers
89 views

How to make an actionable item so clear that it's unmissable?

We have a CMS / web app that takes in repair issues sent by customer. We also have an app for the customer and an app for the technician. In a normal flow, the technician will directly receive the ...
3
votes
3answers
135 views

Are there any studies on use of simple images / animations to explain complex concepts?

Do anyone know of any studies or evidence to show the effects (positive or negative) of using images or animation to relate complex concepts? I'm working on financial modelling tools where we take ...
2
votes
2answers
66 views

How do you create a valid reality to which there is no reference?

This question is about what you could call applied information aesthetics, so I hope it fits here. So, by reality I mean a concept or system of presenting information to a user in a way so that she ...
0
votes
2answers
113 views

Best way to show Readonly and Writable cells in a grid?

I am designing a data grid on a web application that will display a mix of writable and readonly data. A bit of background: we're migrating a desktop application that identifies readonly vs writable ...
1
vote
2answers
389 views

When to add markers/dots to a line chart?

I would like to use a line chart but I cannot decide if I should add markers to the lines or not. On one hand adding markers seems like extra noise On the other hand they make location of the data ...
1
vote
3answers
252 views

Displaying “big” tree chart

I am developing a tree chart app. It currently looks like this: This is only small part of it, once zoomed out a bit you can see the bigger picture of it: How could I be able to make it smaller? I ...
1
vote
1answer
84 views

How to display tabular data with search results that are tabular data

I am creating an invoicing web app. Within it, the user can search for invoices based on anything that is in the invoice. The core result should have the invoice date, the invoice number, the buyer'...
7
votes
3answers
245 views

Scroll Up & Down to show Past & Future

Would you ever ask, or expect your users to understand that they can and should scroll up from their entry point? The idea is showing articles in reverse-chronological order. They can also scroll ...
40
votes
7answers
7k views

Good way to visualize complex AND/OR query/criteria?

I'm maintaining a webapp with a feature dubbed the "rule form". It's essentially a complex HTML form that users use to build a "rule" with criteria that can be grouped into AND/OR blocks. When all the ...
3
votes
1answer
975 views

How to show important notice when there is no space left?

I'm in a situation where the whole mobile screen is already occupied with the needed UI components. I would like to show a important notice to the user.Where should it go? The notice may cover the ...
6
votes
2answers
637 views

Subgrids - Tables within tables

Users wanted a way to view kinda-related data for records in different tables. The solutions was to take those and make them child tables of the rows in the parent table. It will probably be easiest ...
9
votes
2answers
423 views

Visualize asset age

I have a roads table with an age column. There are approximately 3000 road records, with a maximum age of 70 years. I would like to summarize this information for management-level employees in an ...
2
votes
2answers
266 views

Representing a network delay in fetching the status of a network object

Back story I am working on a monitoring view of a network management system. The system allows the user to deploy a network object in a client environment. Once done, this monitoring view shows the ...
0
votes
1answer
166 views

Tree values in a table

In my team, we are working on a visualization of a tree structure on a table. The current design looks like in the picture: The user can only see the closest tree branches but not the further ones. ...
4
votes
2answers
106 views

Representing a change in data collection

I am working on a product that outputs data visualizations based of the responses people give on a survey. Users are then able to filter this output in many different ways (ie: date) This data can ...
4
votes
2answers
1k views

What is the best practice for displaying a data grid on a mobile device?

I can't find resources, guidelines or best practices for natively displaying a data grid on an enterprise mobile app? Any help is appreciated. Thanks!
0
votes
1answer
65 views

Visualise the current state of an application [closed]

I'm working on an application where the user can have different states. Depending on the chosen state, the application would have different functionality. The application allows the user to create ...
1
vote
2answers
96 views

Navigate from monthly to daily view in a dashboard

I need to provide users a way to view data on a dashboard on a monthly basis or daily basis. It should be possible to navigate back and forth from daily to monthly view. The users should also be ...
2
votes
2answers
178 views

How to merge two similar but not entirely the same tables into one?

I have 2 tables that display orders to be processed. Top one is through Delivery, while the bottom one is through Self-Collection. I don't want to keep them into 2 separate tables because all of them ...
0
votes
1answer
191 views

Best way to visualize multiple data points on a graph?

What is the best way to visualize four or more data points on a graph? The graph will show the four data points for each day (e.g. Feb 13th) and there will be up to 31 days on the graph at a time. ...
1
vote
3answers
109 views

Alignment of secondary info in a list

I am working on a drop list component with 2 information by row. in this exemple : the animal usual name and its scientifical name What alignment seems better for the second information ? • Left ...
1
vote
1answer
87 views

How to represent 2 dates on a gantt chart?

On a gantt chart that I'm doing, there are 2 dates to show: target start/end date and actual start/end date. I'm not sure what's the best way to represent these 2 dates without it seeming like the ...
4
votes
3answers
806 views

How to manage large data sets that need to be displayed on a dashboard?

I have to create a new dashboard for a client. It needs to include a table, two pie charts, and combo column chart. There is A LOT of data that needs to be displayed, causing the page to be very tall ...
2
votes
1answer
78 views

VIsualizing a collapsed mid-level in a hierarchical structure

I have the following structure of data: A /B /E /F /C /G But most of the time, it is not interesting to the end user which 2nd level items the 3rd level items belong to. ...
2
votes
5answers
129 views

How to display data behind a data point in a matrix?

I'm trying to design an internal tool for software testing purposes. We have a system that consists of a number of servers. To verify that the system as a whole is stable we monitor different ...
1
vote
1answer
41 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 ...
2
votes
2answers
102 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 ...
3
votes
3answers
8k 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 ...
4
votes
3answers
329 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. ...
3
votes
3answers
111 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
40 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
489 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 ...
2
votes
2answers
105 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
84 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
68 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, ...
3
votes
2answers
170 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
50 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 ...
1
vote
1answer
315 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
340 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
241 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
93 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 ...
7
votes
6answers
2k 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 ...