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

learn more… | top users | synonyms (3)

3
votes
2answers
350 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
140 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
3answers
471 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 ...
3
votes
2answers
145 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
86 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 ...
3
votes
2answers
51 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
321 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
1k 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
348 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 ...
3
votes
1answer
99 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 ...
3
votes
1answer
367 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 ...
2
votes
2answers
289 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 ...
2
votes
2answers
51 views

Best way to represent long sequences in responsive views?

I have this long sequence of elements following a path. They work OK in desktop views, but I was wondering how to deal with the orphan arrows (in green in the mockup) while still preserving the visual ...
2
votes
4answers
300 views

What is the best way to show complexity or difficulty rate?

We have a list of missions on one page. We want to highlight difficulty level so the user can choose depend on his skills or how much time do they have. Right now we have stars there. But it is more ...
2
votes
5answers
139 views

How to show one way is faster than the other?

There are three different ways to accomplish a task in my Java assignment. One is fastest one is slowest. However the actual time difference is in milliseconds(of course). The task at hand is to ...
2
votes
3answers
295 views

Infographics: show relationships between two sets and within them

I have two sets of objects, called "positive" and "negative". Objects are of the same type and can be compared, comparison results in real number from 0.0 to 1.0 (similarity). What puzzles me right ...
2
votes
3answers
222 views

Indicating relationships between multiple gauges or charts representing different views of the same data

The problem We have a need to show the status of a daily ingest of thousands of files coming from different senders. A quick mockup is this: The problem is that Ipsum and Dalore are just sub-views ...
2
votes
2answers
172 views

How to visualize a large Neural Net?

How to visualize a Neural Net with thousands of input nodes and tens of thousands of connections? The image above does not have any connection values, but the visualization that I am creating does. ...
2
votes
4answers
83 views

preloading strategies for searching large amounts of data

So I have encountered a similar situation described as the one below. Lets day a sales person from Ford is shipping a new car to one of the thousands of rental car places they do buisiness in the ...
2
votes
3answers
219 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 ...
2
votes
2answers
222 views

Alternative method for displaying numerical data

I'm looking for alternative suggestions for displaying the following: download bmml source – Wireframes created with Balsamiq Mockups (Total = Available + In Use + Expired) One ...
2
votes
1answer
556 views

Graphic design critique parameters

I am working at a consulting company these days and I am having some issues with graphic designers I work with. Basically I have tested the graphic designers in various short projects for the ...
2
votes
2answers
1k 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 ...
2
votes
1answer
85 views

What's the best way to show this particular data to a user?

I have information on a user's data usage. Currently, if they want to check it, they see a table: | Domestic in: x GiB | Domestic out: x GiB | Domestic total: x GiB | | International in: x GiB | ...
2
votes
2answers
313 views

Best way to display large dataset on mobile?

I am working on a website for the specific purpose of mobile first display of athlete data for the Highland games and looking for some UX help as far as how to display a large chunk of data with a ...
2
votes
3answers
165 views

How to convey “loading” along with an error message

In an desktop application that simultaneously displays media from multiple sources (video-wall), how would you reflect to the user that a specific source is currently unavailable, assuming that the ...
2
votes
3answers
433 views

How to let the user know that we have not enough data to render chart?

...in various charts like line, pie and column charts. What a message to show? In what place?
2
votes
2answers
57 views

Showing progress on activity over large time period

Background I am making a mobile app, where users need to perform some task N times a day. The target audience is women, with interest in healthy lifestyle (so not engineers who are comfortable with a ...
2
votes
1answer
48 views

Chart with an inverse latency axis

My app shows a scatter graph where the X axis is a number of actions (higher is better) and the Y axis is a latency (lower is better). When we have shown it to customers, they got confused because ...
2
votes
1answer
161 views

Time based activity feed aggregation - What time?

I am implementing a news feed similiar to Facebook's. Essentially, the feeds are stored as individual items: 1 Nov 2012 9:00 AM [John] was [tagged] in [photo album "Halloween 2012"] 1 Nov 2012 9:20 ...
2
votes
1answer
150 views

visualising session data

I'm recording Users session data for my sites. I record login and logout dates/times along with pages viewed and country codes of where they visited from. I'm having trouble working out which graphs ...
2
votes
2answers
107 views

Information Graphics vs Brand Awareness

I'm looking for some information on mapping color to graphs. To be more specific, I've got a bunch of graphs that represent Twitter, Facebook, LinkedIn and now Google+ in line charts. We've had an on ...
2
votes
1answer
81 views

Creating an interactive visualization of values over time

I am working on a system where users have different capacities. At the moment, these values are just a fixed number. Each user has 4-5 different capacities to set. In the near future, users must be ...
2
votes
5answers
236 views

How do you visually represent “progress” on a negative goal?

I may have some terminology wrong but I think the idea is sound. There are a variety of ways to represent progress when you are increasing a number and trying to get to some set number. Usually ...
2
votes
1answer
65 views

Visualisation of 10-12 star-based-items in a review site

I need to create a page with 10 or 12 items. Each item is a criteria for review that can be voted by the user between 1 and 4 stars. But, the problem is that it is a really strange visualisation to ...
2
votes
3answers
115 views

Visualizing structure and intermediate results of a computation

I have a financial desktop application and there are many places where different computations are performed and a single number (or a couple numbers) is shown as a result. Very often users are ...
2
votes
5answers
289 views

Way to display a lot of end-game data

I am building a web app for providing League of Legends players with a more detailed match history and statistics as well as an internal ranking system (for friends) and achievements, as well as an ...
2
votes
1answer
131 views

Colour status notification for admin

I have to design , a website for a inventory storage firm. The items that are displayed , have three different status 1) In the store 2) Outside 3) Under Process, When user , visits the homepage, ...
2
votes
1answer
241 views

Data visualization for small web projects

What's an example of good data visualization for a small web projects? I don't want to overwhelm the client. I must track progress, and keep stakeholders engaged. What I've got so far PERCENT OF ...
2
votes
2answers
204 views

Representing overlapping groups

I have a grid that represents a grid of seats. Each seat has several different properties (for simplicities sake, lets say seats are Standard or Advanced, with Advanced seats being more expensive). ...
2
votes
1answer
38 views

Capacity available representation? Percentages or coloured icons?

Currently, capacity available is represented using a single icon in green, yellow, or red (green = lots, yellow = some, red = low). Due to API changes, there is an option to modify this data to show ...
2
votes
1answer
257 views

How do I best deal with this information overload?

This represents a category of job times, which are broken down into timeframes. Timeframes have: Total (if fake is 0, shown without T, else with) Fake (hidden if zero) as F Built as B Scheduled as ...
2
votes
1answer
111 views

Examples of software that generates stuff based on templates and various inputs [closed]

We've just started thinking about a new product (to be used internally at a company) that: Takes in multiple inputs (hundreds) Has a large set of templates (thousands) Has a large set of previously ...
1
vote
3answers
83 views

Should I label (before) or subtitle (after) a number in dataviz/widget?

Discussing about donut chart in Is multistability a good thing on a donut?, a question arise. Discarding the pertinence of donut chart, do you have arguments/studies that would favor one of the ...
1
vote
3answers
163 views

What is a good and short way to convey that a product is available on a “Pay What You Want” scheme

So imagine a small piece of UI, only several pixels tall/wide, that displays a product's info. Usually this widget shows either something like $0.99 USD, BUY, or FREE in order to convey that it is ...
1
vote
1answer
317 views

How to indicate SubTotal and Total in a chart or table

I'm trying to indicate a Subtotal (83% in the image below) and then a total (83+17=100) below that. Options I'm considering (but don't particularly like): The "sum" line above 83% Making the second ...
1
vote
4answers
144 views

Is there a widely-understood visual metaphor for using part or all of an existing item to make a new one? [closed]

I'm looking to convey the following functionality to users: able to take part or all of an existing short text entry and make a new, related text entry from it. For example, if a user encounters the ...
1
vote
4answers
163 views

How to Improve this design, make people understand Accuracy?

I have a rough design for a progress report, primarily to be shown on the iPad. This is supposed to show what the kid is good at, and what the kid is not good at. Feedback I've received: It's ...
1
vote
2answers
90 views

Finding a label for items that don't fit into categories

I'm maintaining a reporting application. When displaying data, there is an option of displaying a certain number of items explicitly and lumping together other items into a single category. For ...
1
vote
2answers
301 views

How can I handle long text displayed inside a bar in a bar-chart?

I'm working on a project where one of the reports I'm displaying on screen is a type of Gantt Chart. The customer wants some information about the activity the bar represents displayed inside of the ...