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

learn more… | top users | synonyms (2)

2
votes
1answer
297 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
118 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
186 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
235 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
166 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
156 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
85 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
230 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
161 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
261 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
313 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
649 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
102 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
103 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
120 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
93 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
115 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
209 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
78 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
263 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
111 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
180 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
607 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
289 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
404 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
151 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
132 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
335 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
193 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
126 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
47 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
234 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
62 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
95 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
105 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
227 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
87 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? ...
0
votes
2answers
108 views

How to present data from open questions in a summative way? (besides word clouds)

I'm struggling with a problem which concerns 'Analyze' section in my online survey app. Users don't want to read all of the answers from open question one by one. They need a summarization, a ...