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

learn more… | top users | synonyms (2)

2
votes
1answer
299 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 ...
2
votes
1answer
119 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
95 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
1answer
227 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
187 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
238 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
110 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
1answer
183 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
140 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
157 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
86 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
235 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 ...
1
vote
1answer
162 views

Ideal number of data points per 100 pixels for a chart

If there are too many data points too close together in an image, it can look pretty choppy. In this case, we are tracking number of data points over time; eg 500 per minute, 500 per minute, etc. ...
1
vote
2answers
270 views

Displaying advanced graphs (with data from table)

I have table with 5 columns that looks like this. |Seller | ArticleID | Count | Period | Site -------------------------------------------- |User1 | BV1 | 3 | 2013-3 | Site1 |User1 | ...
1
vote
2answers
317 views

Symbols to represent dynamic items

This problem is not new to me. An user can have multiple interests, so he will check some items that is presented to him. For this example. Ten items of interest. So he will mark as interested in ...
1
vote
2answers
663 views

What's an alternative to data tables for key/value pairs?

I have a list of 8 key/value pairs I'm displaying in a sidebar using a table element. I'm using a th and td element on each row. However, the td content is often too long and has to be truncated. I ...
1
vote
3answers
180 views

Display that a text input is not applicable

I am using the top row of an HTML table as a 'copy down' control row. So you can over-ride the values in the rows you've selected below (each row has a check box - similar to the phpMyAdmin ...
1
vote
3answers
107 views

Map markers with multiple types of data

I want to try to visualize multiple types of data in one map marker. We currently have up to three types of data on one coordinate and this is going to increase to 6 within the next three years. ...
1
vote
1answer
107 views

Visualize one to multiple relationship (Recipes to ingredients)

What do you think is a good way to visualize this in a user-friendly way? Data is based on: 35 recipes (Meal Name, Type, Date) 100 ingredients. (Name, Type, Date) Goal: Users need to see the ...
1
vote
1answer
127 views

Does anybody know why google chart sparklines were deprecated? [closed]

This may be asking about old news, but I was curious why Google deprecated sparklines in their charts API ("officially deprecated as of April 20, 2012"). Did they come to the conclusion that ...
1
vote
1answer
99 views

Chart axis autoscaling

I know this is hard to answer in general (i.e. not in the context of a specific application and user needs), but what evidence is there for or against autoscaling of axes on a chart in terms of user ...
1
vote
2answers
117 views

Representing progress through a workflow that has parallel activities

I'm trying to create a visual representation of the state of a workflow process that is linear but has parallel branches in it, for example: A ----> B ----> C1 ----> D ----> E ...
1
vote
1answer
133 views

detect when 3 boolean variables are true at the same time? [closed]

*to sum it up- lets say i have 4 things i am looking at over a time period. they can be true or false. I am trying to notice their state (whether they are true or false), and when all 4 are true at ...
1
vote
1answer
212 views

How to visualize cause and effect relationships with diagrams?

How can I model relationships where one or more causes produces an effect? I hope that such diagrams may make some of my ideas clearer to the user than just a block of text. Are there some tools that ...
1
vote
1answer
335 views

One page websites - do and don't

I'm about to develop one-page website. But suddenly I'm not sure this is the right solution. The content characteristics are: Contains 8 sections. The sections depend on each other: section 2, for ...
1
vote
1answer
28 views

Is there a standard way of visualizing screens and actions?

Is there anything like a standard way of visually representing e.g. a web application in the context of the number of screens, how those screens are connected, and what actions are available from ...
1
vote
1answer
79 views

My checkin dialog for members is too complex (membership web app)

I'm trying to improve my checkin dialog, because it think it's too cluttered. I think that all of this information is required, but it isn't shown in a simple way that isn't confusing the user. So ...
1
vote
1answer
122 views

Several data visualizations on one page?

I have a set of visual models that can answer different questions such as: How is Country A doing in x What is Country A's proportion of y ... There will be approximately 5-6 questions with ...
1
vote
1answer
265 views

Different Ways to Illustrate Past Event in Calendar

I am making an interactive calendar, where user can make an event for themselves, or to invite others (very much similar to Google Calendar). Only difference from G Cal is that these events has a ...
1
vote
1answer
131 views

How shall I display my application version and contact details to the end user

The traditional approach for displaying application information to user is through Menu. User select Help > About and we display a popup displaying the details. Is there a better approach doing ...
1
vote
2answers
112 views

Image thumbnail representation for paragraph text

in my app, a user would have a set of posts. Some posts (like 50% of em) would have media attached, while some of them would not. There are several instances where I would like to give thumbnails ...
1
vote
1answer
183 views

'Quick select' date ranges - from web forms to Stock Markets is there a unifying standard? (and should there be?)

I see two major schools of thought/implementations of 'quick select' date range options: A) General web apps | today | yesterday | last 7 days | last month | last 3 months | ...etc. | Custom | ...
1
vote
3answers
610 views

Project dependency visualization and navigation

I have to visualize software project dependencies and provide a way to navigate through the dependencies. I want to combine showing the dependencies of the currently selected project as well as ...
1
vote
0answers
73 views

Need icons for SQL datatypes [closed]

I'm looking for icons which could be used to visually represent the various datatypes of SQL Server (for a nice db-doco). Is such a thing out there somewhere (commercially or public domain) or would I ...
1
vote
0answers
290 views

Can I get some inspiration on displaying visualization for a tabular data in addition to displaying it in a table? [closed]

I need to display a report on back end data. The report is basically the distribution of Vendors by devices on the network. I am using jquery datatables for my tabular data and google charts treemap ...
1
vote
0answers
409 views

Examples of great Activity Feed Visualisations [closed]

It´s surprising how little variation there is today on activity feeds, everybody seems to copy FB. What I´m trying find is alternative forms of visualisation of activity feeds, ones that use more ...
0
votes
3answers
152 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 ...
0
votes
4answers
135 views

Compare two list of elements & visualize similarity between them

I have a two List of Strings; ex: ListA = {"A","B","C", "F"} ListB = {"C","D","E"} I need to compare these two lists & present the difference to user in UI. I have implemented ...
0
votes
5answers
342 views

How can I graphically display my data on car sales trends over time?

Shown here is a graph that displays statistics on car sales trends. While the information is there, its not exactly readable and I would say an eye-sore, you have to peer in and start matching ...
0
votes
2answers
253 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 ...
0
votes
5answers
3k views

Tool for making attractive Org Charts and similar diagrams [closed]

I'm a professor who is looking for a diagramming tool that will make "org chart" type and flowchart diagrams that look really slick and attractive. There are many mindmap tools out there, but I'm ...
0
votes
3answers
194 views

Does animating statistical data make it easier to understand?

I'm looking at this presentation at Ted.com, and it uses impressive animated statistics: Hans Rosling: Stats that reshape your worldview Does using animated data make understanding statistical data ...
0
votes
3answers
128 views

How to convey element dimensions to casual users?

In a CMS backend dialog for controlling the dimensions of a content element (e.g. an image) including the possibility to adjust padding, borders and margins; In a GUI, what is a good way to convey ...
0
votes
1answer
48 views

What is the best way to show that something expects a Collection (or array)

My general question is; Is they a way to explain loops (or the traversal of a collection) to customers, without any understanding in informatics ? For example an analogy that everybody could ...
0
votes
2answers
237 views

Visualizing a Content Audit

I would like to create a graphical representation of a content audit I have done on an intranet. My purpose is fairly simple: cut through the perception that there is much more content that is much ...
0
votes
1answer
69 views

Should a tree map be scrollable?

Here a non-scrollable version, all items are visible though smallest nodes tends to be a little too small, but it looks like a tree map: Here is the same tree map but twice as large and scrollable ...
0
votes
1answer
100 views

Customer testimonials - Embedded tweet vs custom design [closed]

Do you think that embedded tweets would work better than custom design to show testimonials? Embedded tweet are live proof which people can see by clicking on embedded tweet and also embeded tweet ...
0
votes
1answer
110 views

How best to create a link/relationship between multiple elements of a webpage?

My current UI looks something like this: download bmml source – Wireframes created with Balsamiq Mockups A 3 column layout with a list of tasks with titles/details in the middle. I need ...
0
votes
1answer
379 views

Which D3JS data chart is most similar to a scheduler?

I realize this is a borderline SO question. I am trying to figure out which of the examples on D3JS most closely resembles a scheduler or Gantt chart so I can use it in our app. I think bullet ...
0
votes
1answer
95 views

Visualizing budget “burn-down” where overages can happen

I'm looking at a dashboard component that displays how much of the allotted budget has been used up in a project. What are some ways of visually summarizing this that take into account for overages? ...