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

learn more… | top users | synonyms (3)

4
votes
1answer
184 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:) It also needs to mark the days they took medication. Originally, I wanted to place a dot at the ...
4
votes
1answer
414 views

Feature Matrix: Compare Products by Date/Time Range?

Problem Statement It is common to allow a user to compare two or more products in a matrix that lists features/benefits down one axis and the selected products along the other. But how do you ...
4
votes
1answer
3k views

Using JQuery DataTables to display many columns

We have a large document archive. It is built similarly to how a Cassandra Database would store items having column names and column values stored for each item. This can lead to having way to many ...
4
votes
1answer
393 views

How should I visualize the frequency of events?

I have a series of events during the day. If I group them in hours I might have something like this: 20 events from 10:00:00 to 10:59:59 30 events from 11:00:00 to 11:59:59 10 events from 12:00:00 ...
4
votes
3answers
526 views

Representing the presence of short events in a long timeline

I am designing an interactive timeline that shows the durations of events visually categorized into a small set (<8 categories). This timeline is very long compared to the length of events: events ...
4
votes
1answer
52 views

Braille standards for shops

Are there any braille standards for shops? For instance, if a blind person enters a supermarket, how do they find a guide that walks them to where the gloves are, how must the gloves be positioned ...
4
votes
2answers
112 views

How to visualize immediate and total search result counts

Background: I'm designing a search UI for power users and I'd like to visualize the selected criteria and result counts. The list of actual search results are shown below in the UI. The user can add ...
4
votes
1answer
122 views

When and how can a floating column chart be useful?

Box plots are sometimes used to represent a range in a single value, but I am curious if a similar presentation would be useful in representing an overlaid column chart. By using the same color as the ...
4
votes
1answer
119 views

One-to-many list items in trigger-response model

I have an app for a content item that can include triggers and responses, created by the user. Users can associate many triggers to one single response (many-to-one) or they can have each trigger ...
4
votes
1answer
455 views

Legacy Text Interface (e.g. Telnet) to GUI [closed]

I work in a very large, established company with a consistent philosophy of, "If it's not broken, don't fix it." The (large) division of the company that is responsible for maintaining customer ...
3
votes
5answers
5k views

How to display the hierarchical data [closed]

Some real ui javascript library wanted! I have to display some hierarchical data on the web page. It should not be a classical tree view with the text items. I am looking for a graphical ...
3
votes
2answers
80 views

What data visualization fit my Air pollution app

I have created an app that measures 7 Air pollution parameters (like dust, and car pollution, etc...) and combine the results in to the final pollution level: this is the app description and here is a ...
3
votes
7answers
324 views

Best way to show your skills on a resume?

I'm working on my resume and I want to make it kind of attractive. However, I'm still doubting about how I should display the skills section. I tried several thing like percentage bars for every ...
3
votes
4answers
124 views

Better way to present sparse, regularly recurring events?

I'm trying to make up a listing of events that needs to fit in a small space, and I'm struggling with the right way to present the data. There are four events that recur in this system. On any given ...
3
votes
3answers
521 views

Cards View Vs Tabular View

I am in the process of redesigning an interface with a lot of Tabular data that is previously simply used as tables that look like the 19th century. I was a bit confused whether to switch it to a Card ...
3
votes
4answers
2k views

Graphing Uptime

I am trying to find a way to graph uptime. What is the traditional way to graph the uptime of a device? If the device provides an uptime statistic, how should that be used to graph it. I know how a ...
3
votes
2answers
356 views

Which design pattern to use for showing users task completeness?

For instance I have some data like this: I have multiple users, every users has tasks which could be: not started completed in progress done When I want to achieve clear separation of users, ...
3
votes
2answers
67 views

Displaying geographic datasets on a map

I'm working on a mapping application. For a feature, we'd like users to have the ability to cross reference a few of our datasets. Initially, I was just displaying the overlapping area from the ...
3
votes
3answers
258 views

timeline for desktop and timeline for mobile

Building a feature for desktop,tablet and mobile which uses a timeline to show the latest update. the amount of updates on the timeline is unpredictable. For mobile we have already used a vertical ...
3
votes
1answer
291 views

Charts or Tables

I have been working on a dashboard where a chart and a table are requested. However, both would contain the same data. For instance, it is required that a country map is shown, with the values of ...
3
votes
4answers
1k views

How to display large amounts of data compactly?

I have a database driven asp.net mvc3 web application. In it, a user can go to a page and enter data based on the completion of a task. I bolded the task because it is hugely weighted in this ...
3
votes
2answers
2k views

Replacement for Grid or Table Data Visualization for Mobile Apps

What could be the best replacement for Grid data visualization in terms of displaying multiple data elements with same structure in mobile apps. To Elaborate..Well, lets say we have 10 rows and 5 ...
3
votes
2answers
657 views

Force Directed graph for visualizing hierarchical forms Bad Idea?

Currently we got lots of forms which we realize using Tree-view. Person clicks the tree node and a forms we designed for that opens in page aside the tree-view(Using the tree-view because there is ...
3
votes
3answers
376 views

Interactive or graphical representation of decision trees

Looking at coming up with some new concepts for decisions trees that can be used/adapted for both mobile and desktop views of a web application. Just wondering if we have evolved from the classic ...
3
votes
2answers
270 views

How to present boring facts that aren't really suitable for an infographic in an interesting way?

For an internal company wiki I want to write down/present some basic information regarding web development/design/UI & UX. For example have I collected some studies and opinions on how links ...
3
votes
3answers
814 views

Spacing of items inside a panel (WrapPanel)

Many sites and applications using WrapPanel to display your items. Items are queued from left to right and when there is no more space tend to skip to the next line. For Example: What is the ...
3
votes
4answers
135 views

Which timezone to use for visualizing data?

We have a web app with scientific timeseries data that we show in graphs and such. The data are measurements from many different sensors, often taken every minute or so. The timezone the user is ...
3
votes
3answers
159 views

Appropriate color for updated row data

I have a digital signage app that displays flight information. In shows data in rows like you see at pretty much every airport in the world. Text is white on black, row background alternates ...
3
votes
4answers
77 views

What is the impediment to a data-driven design process?

Many government organisations and agencies are adopting the GOV.UK - GDS design principles, and it has certainly resulted in the trend of government websites becoming less cluttered and content-...
3
votes
2answers
396 views

Visualizing version-controlled hierarchical data

What would be the best way to visualize versioned hierarchical data in an interactive application? Let's say we have the following hierarchical data, where the capital letters identify the objects, ...
3
votes
3answers
188 views

Price ranges vs concrete price for 3rd party vendors

I'm building a website for a consulting firm that creates websites for its customers. In the website there is a small section that mentions a few hosting services as well as their prices (just for the ...
3
votes
1answer
176 views

How to indicate that part of a chart can be re-scaled or redefined visually to present a clearer, and/or more specific representation of the data?

I'm wondering about several issues I have with drill down behavior on graphs: How can we visibly show that a certain graph is "drillable" (affordance issue). In more details: On a single chart, how ...
3
votes
2answers
51 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 ...
3
votes
1answer
106 views

What's the best proportions for coloring a clustered map?

I've got a map showing 26k+ positions. Here is what is shown with a cluster solution : I'm looking to display differents color/size for different proportions. Above is the minimum zoom when you ...
3
votes
2answers
113 views

Visual stock level representation

I'm working on production line management software for a small factory that deals with various kinds of stock. Stock generally decreases one-by-one and I want to show these stock levels visually in an ...
3
votes
2answers
49 views

Visualizing a positive to negative metric

I'm looking for a way to visualize (and hopefully simplify) a metric that can have one of the following values: High positive Medium positive Low positive Zero Low negative Medium negative High ...
3
votes
1answer
237 views

What's the best way to visually convey rank?

I'm working on "infographic" style dashboard page where I want to convey the rank of something (and how big the whole group is). So "Rank #17 out of 2,312" could be conveyed like: I'm not loving ...
3
votes
2answers
167 views

How can I show marking state (for individual data values) in aggregate representations?

I am working with a data-visualization application where users can view individual data items and aggregate values. Users can also "mark" individual data items; the semantics of marking are simply "...
3
votes
2answers
394 views

What kind of UI metaphors can I use for this game-like community map interface?

I'm developing an interactive map for a local community WiFi network, where upcoming groups/meetings/alerts/etc. can be "dropped" onto the map, based on location. Through user engagement over time, ...
3
votes
2answers
141 views

Programs or markup viewers for legal or logical content?

I am interested in user interfaces that represent legal argumentation and/or logical reasoning. For professionals dealing with complex reasoning and argumentation that is mainly language-based, what ...
3
votes
2answers
89 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 ...
3
votes
2answers
105 views

UX considerations for printing a UI screen

Consider a scenario, where a dashboard sort of UI screen having multiple graphs is present. The design, as it should be, has functionality such that, when one hovers on multiple data points in a ...
3
votes
1answer
104 views

What is the best solution to solving nested, referenced documents?

This question was a little ambiguous and I apologize for that, so here's a little context: You have a list of updates displayed in a table. Each update has an ID associated with it. When you click ...
3
votes
2answers
163 views

How to obscure data in a screen captured image?

Many people I work with need to share a report with sensitive data. This is usually a multistep process where the user takes a screenshot of a chart or graph with numbers and then manually removes, ...
3
votes
1answer
101 views

What is the best way to visually indicate correct plug alignment with socket (hardware)?

I currently have a problem where users are not correctly aligning a plug with a socket on an electrical device, leading to the plug being forced and the pins breaking. Users have suggested putting a ...
3
votes
2answers
62 views

Best way to show an applied variable across multiple plan information containers

I am trying to represent a variable that is set by a user that effects the cost of an item. The same variable would show on each applicable item block. Block may or may not be stacked as in the image (...
3
votes
2answers
405 views

What is the best way to display the individual results of a survey?

I'm creating a UI that allows a client to review the individual (and global, but that is for another time) results of a survey once it has been completed by another user. The question types are pretty ...
3
votes
2answers
2k views

How to visualize sentiment analysis of social media (ex: tweets)?

I'm trying to research potential ideas for visualizing sentiment analysis - specifically sentiment analysis of Tweets about a subject. I have some data and have bucketed the tweets into three buckets ...
3
votes
1answer
111 views

Seeking research and guidance: what is the maximum usable density of lines in a line graph?

I am seeking any guidance and hopefully published research for guidance about line density in line graphs. Here is a hypothetical example: I want to show a line graph depicting frequency of code ...
2
votes
2answers
324 views

Check-boxes vs. Icons

I have a table with hundreds of records. Each of the rows might have one or many check-boxes. Something that looks like this: download bmml source – Wireframes created with Balsamiq ...