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

learn more… | top users | synonyms (3)

5
votes
2answers
229 views

Do you use infographics in UX?

I am studying the role of visualisation in UX and how it helps users understand content in a easy and quicker way. Does someone know of any studies that support visualisations at a cognitive level?
5
votes
2answers
402 views

Graph for toggling data set

We are building a network monitoring tool and we need to show a graph which shows the Active/Inactive state of the machines. Like for example, during a period of 24 hours, during which periods the ...
5
votes
2answers
273 views

Are dial format speedometers more effective than numeric speedometers?

I recently criticized a sketch of a automobile instrument cluster concept that indicated speed with a bar gauge and a numeric readout. I and many others suggested that a dial speedometer was easier to ...
5
votes
2answers
352 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 ...
5
votes
4answers
1k views

Is there any value in using “irrelevant” icons

I'm currently wireframing/"UXing" and doing the front-end dev work on the rebuild of a reasonably big intranet app with lots of data in various sections. To make things easier for the users to pick ...
5
votes
2answers
633 views

UXD Methodology - Best practices for identifying a Global Navigation Toolbar implementation

I am part of a large webapp project, but a small UX team (we just went from 1 to 2, a few weeks ago). We were brought in terribly late in the process, to the point where there was literally no chance ...
5
votes
4answers
488 views

Maps with Multiple Heat Maps and Other Data

We're about to embark on a small project that requires us to plot various data on a map. Some examples that we need to put on the map: Population Income House Prices Crime Etc Examples 1-3 could ...
5
votes
3answers
77 views

How to visualize Air Quality Index on physical widget to be easily recognized by pedestrians

I plan to develop a network of physical widgets all over the city to inform pedestrians about current Air Quality Index in their neighborhood. This is needed to improve people conscious about their ...
5
votes
2answers
149 views

Comparing/merging two records using Material Design

Problem: We are working on a medical scheduling application. A common problem are duplicated patient records, stemming from legacy data or from careless inputting under pressure, without consulting ...
5
votes
3answers
229 views

Improve display of date range inside a table

I have been taking a look at this post, but it is not exactly what I am looking for, plus I have hour and minutes and is inside a table. My current table is this one (bigger image): The problem I ...
5
votes
3answers
140 views

Visualize realtime timeline chart

We have a system that collects events. An event typically occurs every 10th second or so, but its pretty random. The system collects the events during a project's lifetime which usually runs for ...
5
votes
1answer
207 views

Design problem: Tying together two related but different elements when one is potentially below the fold

Brief history of what's happening: the client wanted an interactive graph that the user can use to determine their needs from the client. The graph charts the user's business growth over time. When ...
5
votes
3answers
342 views

Representing large numbers

I'm developing a charting application. There could be a situation where I would have to display large numbers on the chart. The problem is that they number labels have to fit inside the chart columns, ...
5
votes
2answers
2k views

Best way to display a date range

I'm looking for the best way to display a date range in text that could potentially span across 2 lines. Currently I simply have something like "01-Jan-2013 -> 05-Jan-2013" with the arrow being an ...
5
votes
1answer
416 views

Data visualization - what should be the baseline, 'you' or the 'comparator' series?

This question is about data visualization, but ultimately it deals with usability and user expectations, so I felt it was appropriate to post it here. Imagine you are doing a comparison over time ...
5
votes
2answers
120 views

Using color and graphics to improve visualhostkey, and make comparing SHA256 hashes easier

I need anonymous end users to visualize hashed data, be it a Bitcoin Address (converted to the Sha256 hash it's based upon) File hash SSH key Since my target audience is normal consumers, and not ...
5
votes
2answers
74 views

How to define the status between now and a last checkpoint?

I have sets of probing data from an internal monitoring tool which represent the availability of different services (databases, webservices and so on). Now my task is to visualize this data and I ...
5
votes
3answers
557 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 ...
5
votes
2answers
264 views

Data-Visualisation and the Users Expectations

I am currently working on an app to do with pensions. I have a graphical representation showing how much the user will have at their chosen retirement age; these are based on defined contributions and ...
5
votes
2answers
218 views

Best way to display graphs and data visualization of multiple variables and complex data in mobile?

I'm struggling with some data visualization for a mental health app. This app evaluates different mental states (lack of pleasure, sadness, focus, Nervousness) via a questionnaire. The questionnaire ...
4
votes
5answers
2k views

What type of graph do users prefer?

I am in total confusion as to what type of graph to provide the user with for my dashboard. My dashboard deals with user statistic like No. of visits, total points they have earned, etc. But I don't ...
4
votes
4answers
409 views

Suggestions to display large amounts of flight prices?

I have an app that I wrote as a hobby project (when I was learning F#) that collects price data for flights for a given route. I now want to open this up on the web but the major stumbling block I ...
4
votes
1answer
3k views

Why do histograms not have spaces in between bars (as opposed to a bar graph)?

Lets say one wants a histogram . Say how many trades for a stock occurred on that day. And they are dead set on a histogram/bar graph. (as opposed to other representations why are histograms ...
4
votes
4answers
165 views

Your experiences with call centre wallboard UX [closed]

As I'll be getting started on a project involving displaying dashboard data on call centre wallboards I thought I'd solicit your experience as part of my preparatory research. If you've been involved ...
4
votes
7answers
587 views

Visualization ideas for progress on a project with thousands of steps?

I'm working on an interface to do transcription of a collection of handwritten index cards... a lot of index cards, something like tens of thousands of them. I'm building a site where several people ...
4
votes
3answers
480 views

How can I improve my chart?

I am working with a client on a sales forecasting app, and part of the excercise is mgmnt-reporting and charting. pls. see the following image: the two charts on the left side show Actual Sales vs. ...
4
votes
3answers
235 views

Using a generic logo to describe an entity when logo is not available

Context: Cinema ticket booking app. App displays cinemas and screenings for a specific movie in user area. Problem: Part of the design uses logo to identify a cinema. Not all cinemas have a logo. ...
4
votes
2answers
77 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 ...
4
votes
4answers
183 views

Why are most Automation displays so UX outdated? [closed]

When working on the Automation industry sector, it's very common to see equipments with a huge lack of advance in their UX/UI display design over time. Most of them still uses the old fashioned "X"-...
4
votes
4answers
219 views

Best approach to show Risk data on UI - Simple divs or Guage (speedometer)?

I'm working on a project where I need to show a Big Risk number on the main page of my website. What is the best approach according to the user perspective to show the number ? I have 2 options in ...
4
votes
3answers
158 views

Best Type of Chart for Numbers inside Matrix?

I have a matrix that looks like the following, and I want to make a chart out of it because the numbers are just too much to look at. What is the easiest way to digest this information? We are trying ...
4
votes
2answers
154 views

Best method to indicate “sweet spot”

I'm developing a web application where the user builds beer recipes. When you're building a beer recipe, it's important to know how the different parameters align with / deviate from the 'accepted' ...
4
votes
1answer
169 views

How can I communicate linear progress through a series of states with color?

I'm trying to help visualize a portfolio of projects. They start off in the first state with some basic details, then they're reviewed, fully defined, and finally, work is begun. Right now, the ...
4
votes
3answers
375 views

Feedback wanted - pagination design on data-heavy site

My site is a sports pick'em social game. Given the nature of sports and pick'em, it tends to be a data-intensive site. I'm very wary of any new features or designs that might cause the user to be ...
4
votes
3answers
195 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
1answer
675 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
5answers
184 views

Allow users to choose visualisation type?

Wondering if anyone has any recommendations or articles on this. Basically we conducted research into the best methods of visualisation are for particular datasets. Basic example, data plotted over ...
4
votes
2answers
139 views

Interaction model for hierarchical selection

For a line chart, I would like the user to be able to drill-down and look at how specific groups are fairing over time. First, there is the selection of dimension and then groups within that dimension....
4
votes
2answers
146 views

How should locations without exact addresses be represented on a city map alongside locations with exact addresses?

I have a dataset of items I'm interested in mapping over a greater metropolitan area, with multi-item cluster markers at a zoomed-out scale and single-item point markers when zoomed in. Users would be ...
4
votes
4answers
459 views

A portfolio of … text? (Information Visualization Challenge)

I'm trying to build a portfolio template for a writer's portfolio, and I'm having trouble finding an effective way to present so much text. Most portfolio sites have the benefit of (hopefully) ...
4
votes
1answer
491 views

Data Visualisation For Scheduling

What is the best method for defining a scheduler visualisation (and editor)? Basically I think I am looking for something similar to a Gantt chart (not quite the same) where I have a start and end ...
4
votes
2answers
228 views

How to display nested categories of data without using nested menus

I've been put in charge of making a simple website. I'm also new to front-end web design and just design in general (I've always been a back-end programmer). I was given a document by my superior ...
4
votes
2answers
357 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 after-...
4
votes
2answers
79 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 ...
4
votes
1answer
494 views

How would you design a two stage bar chart drill down?

A common design pattern I've used is using a horizontal bar chart to visualize numeric data about a series, and a click through drilldown that discloses a pane with more detailed information about the ...
4
votes
5answers
350 views

How to visualize similarity of one file to another?

Problem My file-system is a mess, over the years I've been accumulating way too many downloads I didn't care to uncompress and organize, code that was subject to endless copy+pastes and improvements ...
4
votes
2answers
264 views

Usability of Web Analytics Applications

Are there any usability resources out there that specifically deal with the design of an analytics web application? I've been tasked to design a web app with a strong analytics component and I've ...
4
votes
1answer
416 views

Comparing data with two sets of dates

Has anyone seen an interface that allows users to select two different sets of dates to compare data? And then the corresponding data in tables and/or graph form?
4
votes
1answer
56 views

Representing both large and small quantities of task based data

I have a task to re-create a chaser page in our existing task-based application. The product is a SAAS product. Some customers may have 5-20 tasks which require chasing on a weekly/monthly basis. ...
4
votes
3answers
242 views

Best flow to represent, browse and edit complex graph network

It seems that more and more, data is going to be network-based. A graph with related nodes. Something like http://bl.ocks.org/mbostock/950642 , or pick one from a gallery here: http://christopheviau....