Questions tagged [info-visualisation]

Refers to an artefact created for the purpose of communicating a message from a specific set of information or data in a visual manner (e.g. images, diagrams, infographics, animations), or any techniques that can be used to create such artefacts.

Filter by
Sorted by
Tagged with
3 votes
1 answer
1k views

How to describe two variables in a heatmap?

I need to describe distribution of showtimes across day-hours and their occupancy. Showtimes distribution across day-hours can be described using a simple heatmap/ table, e.g. Here each times-cell ...
1 vote
0 answers
43 views

Need help with automated data visualization [closed]

I am designing an automated data visualization algorithm. A user uploads a collection of 100 points as x-y pairs. I want to create an algorithm to show the user a scatter plot that just plots the ...
2 votes
1 answer
976 views

How to present cyclic data?

I need to present data across the 24 hours of a day (the daily evolution of the value of a variable). The typical way to display this is a chart (bar, spline, ...) which starts at "00:00" and ends at "...
3 votes
2 answers
277 views

What visual cues can convey the sense of direction?

In a series of tests, participants were exposed to visualizations that show how items are transferred to various recipients. The purpose of the image is to answer the following questions: what item ...
2 votes
1 answer
100 views

User design for many items over a time frame

I would like to represent a sequence of user events (for ex. login events) under a graph. This would typically hold zero to infinite entries. To represent users I intend to use small icons of, say, ...
2 votes
1 answer
309 views

Highlight individual datapoints in histogram bin

I have a graph showing the load time distribution for websites within an industry. The x-axis is showing the load time buckets (<1 s, 1-2 s, 2-3 s, 4-5 s and so on) and the y-axis is showing number ...
3 votes
3 answers
651 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 out ...
5 votes
2 answers
292 views

Visualisation of the state of roads on a map

I am designing a website with different kind of roads for bikers. I am looking for a way to show on a Google maps overlay what the state of the roads is. What is the best practice of this? There are ...
5 votes
8 answers
463 views

Is there a mathematical formula for the Gestalt Law of Proximity?

I would like to know if there are any mathematical formulas that define the Gestalt Law of Proximity. For example, in the picture above, at what distance of Y would the 4th square be perceived not a ...
0 votes
4 answers
250 views

Representing unique data and its breakdown

I'm stuck with a problem that has me stumped. Context: I'm working on a dashboard which gives details about the breakdown of a user's data. Here's the basic workflow: 1. User Uploads data- ...
4 votes
1 answer
298 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:) (source: netdna-cdn.com) It also needs to mark the days they took medication. Originally, I wanted to ...
2 votes
1 answer
589 views

Highlighting differences between old and new results and conveying value to user

Context I have a dashboard where I want to highlight- A. Total data that the user has uploaded on our system and the amount of matches against that data in our database. B. The amount of difference ...
8 votes
6 answers
4k 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 ...
3 votes
3 answers
314 views

Navigating two charts on one screen

I want to display two charts on one page and have similar chart navigation and examination experience as iOS Apple Health app does. The issue is that Apple Heath has only one chart on the page but ...
4 votes
4 answers
322 views

How to label a risk diagram in an understandable way?

I am improving a risk diagram. It seems difficult to place the axis labels. Here is the current situation: My customers and I are not happy with this. Customers suggest to have the axis labels ...
0 votes
1 answer
127 views

How do you balance dynamic data driven dashboards with design and UX?

I see hundreds of posts and design shots of "dashboards" on things like Dribbble etc - but what lots of them neglect is that they're only ever representing one or two sets of data. How do you present ...
3 votes
1 answer
246 views

Representing asset expiration and rating in a single dashboard

We're presently going through introducing a new concept into an existing customer facing dashboard. At present customers are used to navigating their assets by using a site-wide "rating". This is ...
11 votes
3 answers
3k views

Graph with overlapping labels

I have a web app that builds and displays a bar chart based on dollar amounts. A typical graph looks something like this: As you can see, the layers at the bottom of the graph have dollar amounts ...
1 vote
1 answer
195 views

How to manage and analyse user feedback [closed]

We have several user-feedback-channels: iOS and Android store reviews, web forms, support records. Is there a tool that can help merge all this feedback in one place? What is the best way to process ...
8 votes
3 answers
41k views

A graph for displaying numerical data like age

I want to show a variety of datapoints in a graph. For example I have several datapoints, each one representing the age of a user. What would be a good graph representing "10 users are 18 years old, 2 ...
5 votes
4 answers
394 views

How do I succinctly portray the status of a filter, showing which options are enabled or disabled? [closed]

Suppose you have a todo list application with a filter bar (for searching and filtering what tasks to see in the list), and the filter bar has a status selection, thus: The status filter can have one ...
1 vote
1 answer
121 views

When to merge data in a form?

I’m wondering how to make UX better in such a case There is CRM, as a user of this CRM, I can create a customer with fields phone, email, name, address. Sometimes it’s possible when a customer with ...
6 votes
4 answers
496 views

How to show a score without numbers?

Context : I'm working on a telematics app for an insurance company. Drivers have to drive correctly and the AI calculates their global score vs their trip score. The score can vary (increase or ...
5 votes
3 answers
797 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 thought. ...
3 votes
6 answers
294 views

How to display multiple progress locations?

My scenario is this: I'm reporting on how many points a player has earned in a game, along with other relevant info, like how many points the player had as a goal, and how many points the average ...
5 votes
6 answers
352 views

How abstract/specific are your wireframes?

We’re a small web design team currently revising our workflow, and we were wondering how you work with wireframes. Do you use wireframes and if so, how abstract or specific are they? Do you try to ...
2 votes
2 answers
157 views

Distorting data on progress bars?

I am currently doing some research on how data is sometimes distorted during visualization on progress bars (showing 70% instead of 50% etc). The research is focused on expanding the thesis of Chris ...
0 votes
4 answers
260 views

Is there a term used to describe the aesthetics of visual and data design combined (e.g. infographic aesthetics)?

I have been doing infographic design as part of providing content for websites and software applications (and print materials as well), and I know a lot of people talk about the concept data/ink ratio ...
1 vote
1 answer
189 views

Design Options for Weighted Directed Graphs

My question in brief: what are some reasonable design options for displaying data in weighted, directed, cyclical graphs? The longer version: I have some data that details shipments of goods from one ...
1 vote
2 answers
262 views

Progress visualization of a person's self-development?

I'm talking about any kind of self-improvement that is monitored/tracked. Most common example are fitness trackers or apps. Now are there any guidelines or examples on this? How would one best ...
6 votes
2 answers
6k 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!
9 votes
5 answers
9k views

What is the minimum waiting time after when should a page loader be displayed to the user?

I haven't been able to find answer to my question from the internet, so maybe someone knows how to help me. What is the minimum waiting time after when should a page loader be displayed to the user? ...
2 votes
4 answers
11k views

Whats the best way to graph percentage data?

Lets say I have the following data: Category positive neutral negative total 0 Category 1 1.000000 0.000000 0.0 2 1 Category 2 1.000000 0.000000 0.0 1 2 ...
3 votes
2 answers
2k views

How to visualize my cron jobs

I would like to visually present my CRON jobs. Right now I only have three, but i'm planning on adding 10 more soon. I have tried googling for hours to find a suitable template to map this on. ...
2 votes
2 answers
330 views

Skill charts in a portfolio - Not good "UX"?

This is a rather unusual question for this site, but it seems UX enough for me. I have read this article, Things I (honestly) don’t want to see in your portfolio, and the one point that struck me the ...
4 votes
2 answers
109 views

Ways to indicate a series is selected on a line chart

I have a program that displays a dense collection of line series. I can select series from a tree view to the left of the chart. My issue is I need an elegant way to show the user which line series ...
4 votes
5 answers
3k views

What is the name of this dashboard UI element?

I've seen many dashboards or statistics pages/screens to have some kind of "dashboard header" in which larger text or graphics are present. They are designed to give an overview of important ...
1 vote
2 answers
95 views

What is the utility of creating a full-depth Visual Sitemap?

I’m a programmer that is new to UX and have a potential web project that has probably ~5k pages. What type of information could I take away and benefit from this tedious exercise?
1 vote
2 answers
366 views

Displaying categories in tables

I am designing a table for my company's dashboard. I need to show type of the data shown in the table. So far there is 6 type categories: Job ads, E-mail campaign, Display ads, Event, Referral and ...
5 votes
2 answers
594 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 ...
0 votes
3 answers
609 views

Visualizing large tabular data

I'm trying to find the best way to visualise the following tabular data. Problem: There are several channels and each channel has two platforms. The value of the channel's platform could range ...
3 votes
3 answers
132 views

How to eliminate a repeating tree hierarchy for the types that share the same structure?

Below there is a modal where I have three categories that contain the same tree structure. Is there a way I can consolidate or simplify these three structures into one or maybe restructure this in a ...
0 votes
1 answer
66 views

How important are avatars/profile images in the context of social feedback?

How important are avatars/profile images in the context of social feedback or inticing behavior as opposed to just the name of a user or an abstract avatar? Specifically, in the case of consumer ...
4 votes
2 answers
541 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 ...
2 votes
2 answers
378 views

How to represent a score that can be positive or negative?

I need a simple (aka not ugly) visual element to represent a score that can be positive or negative. My score matrix will probably be similar to this page: http://snapsort.com/cameras/Canon-PowerShot-...
3 votes
3 answers
142 views

Proportional voting

Suppose we have a vote widget. There are four possible options: Vote for the proposal Vote against the proposal Abstain (i.e. neither for nor against) Veto the proposal (i.e. very strongly against) ...
4 votes
1 answer
655 views

Distinguishing overlapping event types in a timeline

I am working with software that is used for scheduling astronomical observations. I've created a timeline view for the user to create, view, and edit observation schedules. Here's my mock-up: Gray ...
14 votes
5 answers
1k views

What are techniques for showing a future state on an empty dashboard?

I am working on a new web application that will have a user dashboard displaying lots of great information with charts, notifications, alerts, etc. The actual data populating the charts will not be ...
5 votes
2 answers
449 views

Visualize popular routes/connections

I'm working on a dashboard for regional tourism agencies (both private and governmental). One requirement is to visualize popular connections between points of interest (POI). So for each POI where ...
5 votes
2 answers
3k views

Need to display 3 grids (lists) with many to many relationships

Need some help here to design a container having 3 lists(grids) communicating with each other as below: The requirements are: There are multi select allowed on each list. On selecting customers, ...

1 2 3
4
5
13