Questions tagged [info-visualisation]

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

Filter by
Sorted by
Tagged with
2
votes
1answer
151 views

Show Linked entries on Data Table

I'm working on the data table of an Insurance Installment Plan. Case 1: Below is the initial schedule that has 10 entries. The business senario is sometimes if an installment is overdue, clients ...
0
votes
1answer
87 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
2answers
105 views

How to visualize graph with different data types: boolean & integer?

I have two variables: A is an integer from 0-1000u (u=some arbitrary unit) B is either 1 or 0 I need to visualize a graph (or graphs) to show the relationship of A & B (y-axis) against t (time; ...
2
votes
2answers
1k views

View/Edit mode used in data tables

I am working on data table for HR managers that implements in-line editing as well as drop-down menu with detailed options. In-line edit is a must as it will be re-used in dashboard for different pop-...
1
vote
1answer
55 views

Representing multi layered data in dashboard

I am working on a new component for a B2B dashboard, and I am at an impasse trying to come up with an intuitive way to show this data, and would really appreciate your fresh perspectives. We have ...
0
votes
3answers
798 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 ...
0
votes
0answers
32 views

How to make a visual table comparison?

I have to redesign a comparison between the two tables. The rows with differences should highlight the attribute which is different (see image). My problem is: it grows really fast. I start thinking ...
2
votes
1answer
100 views

Displaying overlapping user data reflecting the status of an inventory in a horizontal stacked bar chart

I have an app in which users can track items. The app will flag when there are issues with items: Warnings (orange UI colour) Low stock Expiring this month Problems (red UI colour) Out of stock ...
0
votes
1answer
48 views

Best way to visualize graph: Times when a Device has been turned On

I have an app that monitors anywhere from 1-100 devices These devices can be turned ON & OFF at anytime The user needs to see times when the devices have been turned ON only. I have drafted a ...
0
votes
2answers
88 views

How to display detailed information inside modal

I'm currently designing a 3-step creator for detecting objects in a live video stream with the help of AI. The modal below shows the video and the radio button-like object selectors. However, I also ...
3
votes
2answers
82 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
101 views

How to show student progress on a teacher dashboard?

I'm designing a dashboard for teachers to monitor the progress of their students. This screen can have 20 to 50 students and when the teacher selects a start date, I would like to show the difference ...
2
votes
1answer
509 views

Best way to show to a user a list of quotes sent by other users

I have a website (not native mobile app) where users can send their quotes about a specific service. Let's say User X sends a request to find someone that can fix his TV, so... dozens of other users ...
3
votes
2answers
523 views

How do I subtly show that an element in large collection of elements was recently changed?

I have a large collection of elements displayed in a calendar-like grid. These elements represent entities that can change over time, but many won't. The elements are rendered like cards, evoking a ...
2
votes
3answers
146 views

How to concisely represent a set of statistics on a dashboard?

I'm designing a dashboard for a web app representing statistics related to a quiz/test. I'm using visual aids like charts, icons and other cards displaying a small piece of information. Each such card ...
1
vote
1answer
94 views

What is the name for a plot that shows data at each X,Y coordinate

I'm creating some new plotting infrastructure and I can't figure out what this type of plot should be called. It's a pretty basic plot where you have an Cartesian X-Y grid and each grid cell ...
25
votes
5answers
20k views

Best UI approach to align the column titles of reports

I would like to know what the best approach is to align header columns according to their data type. I haven't found any Human Design Interface articles explaining this. Should the header column ...
0
votes
1answer
65 views

Simple ways to display search results with lots of text and enable easy parsing of information

I'm working on some test infrastructure stuff in my company and developing a web front-end meant for comparing the results of different UI tests (automatic ones running in the background mostly). ...
2
votes
2answers
111 views

How to implement a side filer bar for smaller screens without overlying the platform content

Currently, I'm working on a data-driven platform. I designed a side filter bar which allows user to filter data dependable of his needs. The problem appears on smaller screens. After a discussion with ...
1
vote
1answer
58 views

Using 2 side-by-side tables to display a long list of key-value pairs?

I've a list with 20+ key-value pairs that I need to display in my app. The data is static and cannot be edited. I'm using a table, currently it looks like this: keyA valueA keyB valueB keyC valueC ...
0
votes
2answers
82 views

How to best display the contents of a flat JSON file

I'm designing a web app that can import a custom JSON file. The file is completely flattened, meaning every value is only a single layer deep. The user is importing data into the app. The data comes ...
2
votes
3answers
90 views

Styling a hint for relative numerical value

Background: I have a list of elements in a browser which each are a numerical distance away from the same origin point. I want to give a visual hint to quickly give a feeling for how far a list-item ...
1
vote
3answers
152 views

How to make coloured object of the same 'weight' as its white counterpart?

I'm currently doing a report and this is one of the cards presented on the report. I feel that the header seems a little flat and out of place - I assume it's because it is coloured, but I may be ...
2
votes
1answer
50 views

Any best practice on how to represent player progress stat in a game?

I'm making a musical game where user should recognize notes and get faster at note reading. I'm in the designing process and I get quite stuck on the designing of the player progress on the level ...
1
vote
1answer
55 views

Visualize Date gaps and dates overlapping

A part can have one successor or multiples successors. A part can also have one predecessor or multiple predecessor The problem we have we want to quickly be able to view which part has which ...
1
vote
1answer
71 views

How would you visualize authorization deviation with 90+ rules?

Users can preselect an authorization set (1). And, later on, modify the set. As a user, I want to see how the original authorization set differs from the one I changed. So I can see which ...
0
votes
1answer
27 views

Examples of two/multiple facet scoring?

Working on an interesting scenario - we need to communicate a "score" that has two facets: A percentage based score that has a threshold that must be met to pass (90%) Specific items that ...
44
votes
11answers
17k 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 ...
7
votes
3answers
3k views

Displaying a large number of columns in a table

I have a Twitter Bootstrap based table with responsive CSS. Everything looks good but, when I try to put more columns than the size of the table supports, I have a line breaking. I tried to change ...
8
votes
2answers
411 views

How to represent differences between two rows of a database

How can I represent the changes between two rows of a database similar to the split diff of GitHub? Context I would like to visualize the changes made to a table which are happening over time. For ...
69
votes
14answers
9k views

Does visual design really affect UX?

I am really concerned about the effects of visual design on user experience, but as this may seem too broad, let me clarify it a little. My statement is that, if the user can find the information he ...
2
votes
2answers
120 views

Best way to present multiple types of data in a cluster bar chart?

This company has two different customer types and they all have two different kind of contracts. The aim here was to show all the contract prices in the same chart. As you can see I tried to map ...
0
votes
1answer
40 views

Textbased RPG: in a battle, how can I distinguish between your actions and the enemy?

In my game, the way my battles work is you attack and sometimes the enemy attacks in return. It's always one on one. Here's how this looks: The first line is your action, the rest is the enemy's. ...
77
votes
20answers
4k 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, ...
147
votes
20answers
46k views

Intuitive interface for Composing Boolean Logic?

I'm interested to know how people have, or would construct an interface which simplifies constructing logical boolean conditions? (Yes, it's a database query builder) In my mind a bad interface has ...
1
vote
1answer
88 views

Keyboard shortcuts for separating the zoom-in/out of x and y axes in a chart

Currently, I am working on a plotting library to plot a few charts. Most of the charts data vary in the x-dimension much more than in the y-dimension. Example: time x y 0 0 0 1 1 0.0044 2 ...
0
votes
3answers
87 views

Benefits of displaying information in a grid of cards over a table list?

I can appreciate that using a grid of cards is useful when there are pictures or graphical information to display. However, are there any other pros/cons of using one over the other to display a large ...
4
votes
2answers
77 views

Visualizing squashed availability of N-items

I'm trying to squash the availability view of n-items into a single day column in an availability calendar. The use case is for reserving products. We can have n-pieces of any particular product, say ...
4
votes
2answers
119 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
0answers
39 views

Visualisation Legend Scrollable or alternative solution?

The data visualisations that I am working with could have up to 20 categories in the legend, which presents a problem. This is due to visuals been inside a card with a fixed height. As a result I am ...
0
votes
1answer
142 views

user interaction: different 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 ...
2
votes
1answer
127 views

Displaying Continuous and Discrete Time Series Data

I have an existing analysis tool which compares two datasets: An Input message log An output message log The tool compares the differences between the two sets by looking at: The number of each ...
0
votes
2answers
63 views

How do you compare two trends on the same chart when one metric higher = positive, second metric higher = negative?

So we have two metrics that could potentially go on the same chart because they are semi-related and the user will want to compare them. However, when the first metric has a higher percentage, it is ...
2
votes
1answer
102 views

data visualization - how to visualize the lack of data for certain amount of time

Currently, I'm redesigning the line chart. Sometimes for the chosen time period, the user might lack data. I need to visualize it. Someone has any experience what would be the best solution? is it ...
0
votes
2answers
41 views

Line chart - do you add a legend to one variable data visualisation?

I started to consider what's the best practice for one-variable data visualization? Shall the legend be included in this case or not? What's important the component headliner indicates what's data ...
0
votes
0answers
34 views

Best way to show employee performance data in 5 minute blocks for multiple employees performing various tasks throughout the day?

I am working on web development project that will let warehouse managers view their employee's performance. There are nine different tasks that an employee does repeatedly throughout the day. The ...
22
votes
6answers
4k views

How should I visualize the average of two bars in a bar chart?

I am presenting results from an experiment in an academic publication. Here is what the figure currently looks like: The gray bars are the averages of the red and the blue bars. Goals I want to show ...
3
votes
1answer
65 views

What results to display when comparing current and past data?

Working on an analytics dashboard that allows the user to select a recent date range with the option to compare that date range against a previous time period. Now, let's say they want to see how ...
1
vote
3answers
356 views

Which is the best graph to display sales value and target in a small space?

I'm currently doing some research into graphs for an internal weekly sales email. I've had conflicting feedback as to what type of graph is best for monthly sales vs target. I've trialled two options, ...
1
vote
3answers
111 views

How to fix this issue of showing multi-color coded events on a timeline?

I need to show multiple(8-10) type of repetitive events on a horizontal timeline in a multi-color coded fashion. But this approach seems to be harder for user to grasp and lead to high cognitive load. ...

1
2 3 4 5
12